APP的LOGO對于產(chǎn)品來說至關(guān)重要，如果能讓用戶在眾多的APP中認出你，并能在使用幾次后能記住你大致的形狀，其實已經(jīng)很不錯了，這就要求你設(shè)計LOGO的時候要夠簡潔、夠直接、但最好又能寓意深刻，最好能像菜鳥網(wǎng)絡(luò)的LOGO一樣，能解釋出各種寓意，這樣才算合格的LOGO，評審?fù)ㄟ^率也比較高。總而言之，記住盡量用簡潔的形狀來傳遞你產(chǎ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，而又能完成相同的目標(biāo)，相信用戶是非常愿意的。舉個真實的例子，現(xiàn)在市面上單車很火，如果每輛共享單車你都裝APP的話，估計128G內(nèi)存都不夠用，因為你還裝了其他APP，更何況這種APP一個星期可能就用一兩次，放在里手機占內(nèi)存，刪了又騎不了車，真是很麻煩。所以說希望有一天有一個掃一掃(微信、支付寶)就能解決所有市面上的共享單車騎行問題，個人覺得針對使用頻率不是很高的而且不是特別復(fù)雜的產(chǎn)品，沒必要開發(fā)一個APP，迅速搶占市場才是最重要的。

接下來簡單介紹一下之前2款A(yù)PP：西綜題庫、掌上題庫。

兩個APP的LOGO是之前的版本，很久沒有進行圖標(biāo)優(yōu)化升級，已經(jīng)不太符合現(xiàn)在的趨勢。圖標(biāo)在1024×1024尺寸的時候，細節(jié)很多，很精細，但是在手機上卻看不清細節(jié)了，所以這次有必要對醫(yī)學(xué)題庫LOGO進行重新設(shè)計，替代之前的陳舊的LOGO。

分析了兩款產(chǎn)品，最終得出了醫(yī)學(xué)題庫的目標(biāo)用戶、核心需求、Slogan。

醫(yī)學(xué)題庫的目標(biāo)用戶：醫(yī)學(xué)生和醫(yī)生。

醫(yī)學(xué)題庫主要功能：幫助目標(biāo)用戶快速的通過執(zhí)業(yè)醫(yī)師考試和西綜考試。

醫(yī)學(xué)題庫的Slogan：醫(yī)學(xué)考試通關(guān)神器。

二. 提取關(guān)鍵詞

首先接到需求后，分析了一下手機上的APP(為了設(shè)計好LOGO，我下載了很多APP)，粗略的分析了LOGO大致的設(shè)計方向。同樣看了很多文章，這樣可以讓你在跟產(chǎn)品和設(shè)計團隊溝通交流的時候心里有底，以免被牽著鼻子走。具體看下圖：

醫(yī)學(xué)題庫關(guān)鍵詞

三. 品牌元素的提煉

醫(yī)學(xué)題庫這個產(chǎn)品屬于小眾產(chǎn)品，一般局限于醫(yī)療行業(yè)，所以相應(yīng)的競品不是很多，由于丁香園的品牌認知度在醫(yī)生界比較高，所以我們這次LOGO設(shè)計還是針對目標(biāo)用戶來設(shè)計的，不是所有大眾用戶。

探索

這里提取WHO(世界衛(wèi)生組織)里面的蛇杖作為LOGO一部分，西醫(yī)是以“蛇杖”作為自己的標(biāo)志的。而且很多跟醫(yī)療相關(guān)的企業(yè)或者圖形都會有蛇杖標(biāo)志的出現(xiàn)，救護車上的LOGO就有蛇杖的標(biāo)志，感興趣的自己上Google百度一下吧，哈哈。

鋼筆當(dāng)時是想表達做題的意思，而且鋼筆比鉛筆之類的更加代表專業(yè)，因為醫(yī)生很多習(xí)慣用鋼筆寫字，所以這里選擇了鋼筆作為靈感來源。

書本自然代表題庫的含義嘛，其實之前也想過很多其他的比如書架，十字架等，都被否決了。

LOGO的飛機稿

這里做了很多飛機稿，主要還是想通過書籍、蛇杖、醫(yī)療等元素來設(shè)置醫(yī)學(xué)題庫的LOGO，后來產(chǎn)品方面都覺得不滿意，所以又重新設(shè)計了一個方案，所以這里展示飛機稿只是想告訴大家，一個LOGO設(shè)計應(yīng)該需要改很多遍，改到相對滿意為止。

LOGO的定稿方案

這里優(yōu)化了蛇的形狀，增加了蛇的眼睛，并且讓蛇纏繞蛇杖更緊，提取了鋼筆的頭部元素，設(shè)計手法是圖標(biāo)的正負形，利用鋼筆頭鏤空的部分替換成蛇杖，讓兩者結(jié)合起來，圖標(biāo)的背板是用的蘋果圖標(biāo)規(guī)范來制作的，圖標(biāo)的設(shè)計大尺寸1024×1024，設(shè)計時必須讓圖標(biāo)的主體在圖標(biāo)規(guī)范的圓圈內(nèi)。

LOGO的寓意

1. 蛇杖代表醫(yī)學(xué)，寓意著APP的目標(biāo)用戶是醫(yī)生和醫(yī)學(xué)生，也表達一定的權(quán)威性。

2. 鋼筆代表著題庫，間接的表達了產(chǎn)品主要功能是幫助用戶快速通過考試。

四. 打磨細節(jié)并交付開發(fā)

APP圖標(biāo)設(shè)計好了，但是怎么查看自己設(shè)計的真實效果呢，那就要放到手機上看，但是目前好像沒有一個可以直接預(yù)覽的工具，所以只能通過曲線救國的方式來達到真機演示的效果，首先圖片AI里面導(dǎo)出1024×1024尺寸，然后可以通過IconKit軟件或者Sketch導(dǎo)出各種尺寸，這里告訴大家一種用Xcode軟件安裝APP圖標(biāo)的方法，基本上很多設(shè)計師都不會這種方法，當(dāng)然方法有很多，我這里就講一下這種方法，其他方法可以自行探索。下面就教大家一下如何用Xcode安裝圖標(biāo)。(尺寸為iPhone6 )

1. 導(dǎo)出iPhone6應(yīng)用圖標(biāo)

這里要注意的是圖標(biāo)一定要方角，不要圓角，因為開發(fā)真實拿到的圖標(biāo)都是方角，軟件會自動轉(zhuǎn)換成圓角，所以不需要設(shè)計師自己弄成圓角，不過自己做其他設(shè)計稿展示需要圓角的時候可以在Sketch上面裝一個插件Egmont Plugin，這個插件可以生成蘋果的圓角(這個圓角一般自己是畫不出來的)。iPhone 6圖標(biāo)尺寸大小是120x120px，圖標(biāo)命名一定要有后綴@2x。

2. Xcode設(shè)置

選擇第二個

Product Name：APP的名稱;Team：Apple ID

依次選中紅框的部分，然后將iPhone6的圖標(biāo)拖進到相應(yīng)的位置。然后USB連接手機，點擊紫色框運行即可。

3. 效果圖

最后我想說的是，每次微調(diào)好LOGO一定要放到手機里反復(fù)查看，如果不滿意就不斷的修改，這樣才能保證圖標(biāo)在放大的時候和縮小的時候有一定的識別度和美觀性。如果只是1024×1024尺寸的圖通過了審核，小尺寸沒有測試，到時候再修改會很桑心的。

總結(jié)

設(shè)計好一個APP的LOGO可以按照以下步驟來執(zhí)行:

1. 熟悉自己的產(chǎn)品：目標(biāo)用戶、用戶需求、產(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)出到手機查看。

網(wǎng)站欄目：APP的LOGO設(shè)計步驟
文章URL：http://www.rwnh.cn/news15/167865.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、ChatGPT、靜態(tài)網(wǎng)站、小程序開發(fā)、網(wǎng)站策劃、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)