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