輕松4步搞定一個(gè)APP的LOGO設(shè)計(jì)-超實(shí)用

輕松4步搞定一個(gè)APP的LOGO設(shè)計(jì)-超實(shí)用!第一頁，共39頁。產(chǎn)品來說至關(guān)重要，如果能讓用戶在眾多的APP中認(rèn)出你，并能在使用幾次后能記住你大致的形狀，其實(shí)已經(jīng)很不錯(cuò)了，這就要求你設(shè)計(jì)LOGO的第二頁，共39頁。時(shí)候要夠簡潔、夠直接、但最好又能寓意深刻，最好能像菜鳥網(wǎng)絡(luò)的LOGO一樣，能解釋出各種寓意，這樣才算合格的LOGO，評審?fù)ㄟ^率也比較第三頁，共39頁。高?？偠灾?，記住盡量用簡潔的形狀來傳遞你產(chǎn)品的理念。那如何才能做到呢，下面就分享一下如何在真實(shí)的項(xiàng)目中完成對LOGO的設(shè)計(jì)。一共分第四頁，共39頁。為四個(gè)步驟：熟悉產(chǎn)品背景提取關(guān)鍵詞品牌元素的提煉打磨細(xì)節(jié)并交付開發(fā)一.熟悉產(chǎn)品背景本次要重新改版的APP是醫(yī)學(xué)題庫，通過跟產(chǎn)品經(jīng)理第五頁，共39頁。的溝通，大致了解了醫(yī)學(xué)題庫這個(gè)產(chǎn)品，醫(yī)學(xué)題庫APP是把之前的西綜題庫和掌上題庫兩者進(jìn)行合并，這樣一來用戶則可少裝一個(gè)APP，而又能完第六頁，共39頁。成相同的目標(biāo)，相信用戶是非常愿意的。舉個(gè)真實(shí)的例子，現(xiàn)在市面上單車很火，如果每輛共享單車你都裝APP的話，估計(jì)128G內(nèi)存都不夠用，第七頁，共39頁。因?yàn)槟氵€裝了其他APP，更何況這種APP一個(gè)星期可能就用一兩次，放在里手機(jī)占內(nèi)存，刪了又騎不了車，真是很麻煩。所以說希望有一天有一個(gè)第八頁，共39頁。掃一掃（微信、支付寶）就能解決所有市面上的共享單車騎行問題，個(gè)人覺得針對使用頻率不是很高的而且不是特別復(fù)雜的產(chǎn)品，沒必要開發(fā)一個(gè)AP第九頁，共39頁。P，迅速搶占市場才是最重要的。接下來簡單介紹一下之前2款A(yù)PP：西綜題庫、掌上題庫。兩個(gè)APP的LOGO是之前的版本，很久沒有進(jìn)行圖第十頁，共39頁。標(biāo)優(yōu)化升級，已經(jīng)不太符合現(xiàn)在的趨勢。圖標(biāo)在1024×1024尺寸的時(shí)候，細(xì)節(jié)很多，很精細(xì)，但是在手機(jī)上卻看不清細(xì)節(jié)了，所以這次有必要第十一頁，共39頁。對醫(yī)學(xué)題庫LOGO進(jìn)行重新設(shè)計(jì)，替代之前的陳舊的LOGO。分析了兩款產(chǎn)品，最終得出了醫(yī)學(xué)題庫的目標(biāo)用戶、核心需求、Slogan。醫(yī)學(xué)第十二頁，共39頁。題庫的目標(biāo)用戶：醫(yī)學(xué)生和醫(yī)生。醫(yī)學(xué)題庫主要功能：幫助目標(biāo)用戶快速的通過執(zhí)業(yè)醫(yī)師考試和西綜考試。醫(yī)學(xué)題庫的Slogan：醫(yī)學(xué)考試通關(guān)神第十三頁，共39頁。器。二.提取關(guān)鍵詞首先接到需求后，分析了一下手機(jī)上的APP（為了設(shè)計(jì)好LOGO，我下載了很多APP），粗略的分析了LOGO大致的設(shè)第十四頁，共39頁。計(jì)方向。同樣看了很多文章，這樣可以讓你在跟產(chǎn)品和設(shè)計(jì)團(tuán)隊(duì)溝通交流的時(shí)候心里有底，以免被牽著鼻子走。具體看下圖：醫(yī)學(xué)題庫關(guān)鍵詞三.品第十五頁，共39頁。牌元素的提煉醫(yī)學(xué)題庫這個(gè)產(chǎn)品屬于小眾產(chǎn)品，一般局限于醫(yī)療行業(yè)，所以相應(yīng)的競品不是很多，由于丁香園的品牌認(rèn)知度在醫(yī)生界比較高，所以我們第十六頁，共39頁。這次LOGO設(shè)計(jì)還是針對目標(biāo)用戶來設(shè)計(jì)的，不是所有大眾用戶。探索這里提取WHO（世界衛(wèi)生組織）里面的蛇杖作為LOGO一部分，西醫(yī)是以第十七頁，共39頁?！吧哒取弊鳛樽约旱臉?biāo)志的。而且很多跟醫(yī)療相關(guān)的企業(yè)或者圖形都會有蛇杖標(biāo)志的出現(xiàn)，救護(hù)車上的LOGO就有蛇杖的標(biāo)志，感興趣的自己上Go第十八頁，共39頁。ogle百度一下吧，哈哈。鋼筆當(dāng)時(shí)是想表達(dá)做題的意思，而且鋼筆比鉛筆之類的更加代表專業(yè)，因?yàn)獒t(yī)生很多習(xí)慣用鋼筆寫字，所以這里選擇了鋼第十九頁，共39頁。筆作為靈感來源。書本自然代表題庫的含義嘛，其實(shí)之前也想過很多其他的比如書架，十字架等，都被否決了。LOGO的飛機(jī)稿這里做了很多飛機(jī)稿第二十頁，共39頁。，主要還是想通過書籍、蛇杖、醫(yī)療等元素來設(shè)置醫(yī)學(xué)題庫的LOGO，后來產(chǎn)品方面都覺得不滿意，所以又重新設(shè)計(jì)了一個(gè)方案，所以這里展示飛機(jī)第二十一頁，共39頁。稿只是想告訴大家，一個(gè)LOGO設(shè)計(jì)應(yīng)該需要改很多遍，改到相對滿意為止。LOGO的定稿方案這里優(yōu)化了蛇的形狀，增加了蛇的眼睛，并且讓蛇第二十二頁，共39頁。纏繞蛇杖更緊，提取了鋼筆的頭部元素，設(shè)計(jì)手法是圖標(biāo)的正負(fù)形，利用鋼筆頭鏤空的部分替換成蛇杖，讓兩者結(jié)合起來，圖標(biāo)的背板是用的蘋果圖標(biāo)第二十三頁，共39頁。規(guī)范來制作的，圖標(biāo)的設(shè)計(jì)最大尺寸1024×1024，設(shè)計(jì)時(shí)必須讓圖標(biāo)的主體在圖標(biāo)規(guī)范的圓圈內(nèi)。LOGO的寓意1.蛇杖代表醫(yī)學(xué)，寓意第二十四頁，共39頁。著APP的目標(biāo)用戶是醫(yī)生和醫(yī)學(xué)生，也表達(dá)一定的權(quán)威性。2.鋼筆代表著題庫，間接的表達(dá)了產(chǎn)品主要功能是幫助用戶快速通過考試。四.打第二十五頁，共39頁。磨細(xì)節(jié)并交付開發(fā)APP圖標(biāo)設(shè)計(jì)好了，但是怎么查看自己設(shè)計(jì)的真實(shí)效果呢，那就要放到手機(jī)上看，但是目前好像沒有一個(gè)可以直接預(yù)覽的工具，所第二十六頁，共39頁。以只能通過曲線救國的方式來達(dá)到真機(jī)演示的效果，首先圖片AI里面導(dǎo)出1024×1024尺寸，然后可以通過IconKit軟件或者Sket第二十七頁，共39頁。ch導(dǎo)出各種尺寸，這里告訴大家一種用Xcode軟件安裝APP圖標(biāo)的方法，基本上很多設(shè)計(jì)師都不會這種方法，當(dāng)然方法有很多，我這里就講一第二十八頁，共39頁。下這種方法，其他方法可以自行探索。下面就教大家一下如何用Xcode安裝圖標(biāo)。（尺寸為iPhone6）1.導(dǎo)出iPhone6應(yīng)用圖第二十九頁，共39頁。標(biāo)這里要注意的是圖標(biāo)一定要方角，不要圓角，因?yàn)殚_發(fā)真實(shí)拿到的圖標(biāo)都是方角，軟件會自動轉(zhuǎn)換成圓角，所以不需要設(shè)計(jì)師自己弄成圓角，不過自第三十頁，共39頁。己做其他設(shè)計(jì)稿展示需要圓角的時(shí)候可以在Sketch上面裝一個(gè)插件EgmontPlugin，這個(gè)插件可以生成蘋果的圓角（這個(gè)圓角一般第三十一頁，共39頁。自己是畫不出來的）。iPhone6圖標(biāo)尺寸大小是120x120px，圖標(biāo)命名一定要有后綴@2x。2.Xcode設(shè)置選擇第二個(gè)Pr第三十二頁，共39頁。oductName：APP的名稱；Team：AppleID依次選中紅框的部分，然后將iPhone6的圖標(biāo)拖進(jìn)到相應(yīng)的位置。然后U第三十三頁，共39頁。SB連接手機(jī)，點(diǎn)擊紫色框運(yùn)行即可。3.效果圖最后我想說的是，每次微調(diào)好LOGO一定要放到手機(jī)里反復(fù)查看，如果不滿意就不斷的修改，這第三十四頁，共39頁。樣才能保證圖標(biāo)在放大的時(shí)候和縮小的時(shí)候有一定的識別度和美觀性。如果只是1024×1024尺寸的圖通過了審核，小尺寸沒有測試，到時(shí)候再第三十五頁，共39頁。修改會很桑心的?？偨Y(jié)設(shè)計(jì)好一個(gè)APP的LOGO可以按照以下步驟來執(zhí)行:1.熟悉自己的產(chǎn)品：目標(biāo)用戶、用戶需求、產(chǎn)品主要功能等。2.第三十六頁，共39頁。通過腦暴等方式得到關(guān)鍵詞，通過各種設(shè)