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