創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP(七)——APP Logo的設(shè)計(jì)

2 評(píng)論 8924 瀏覽 60 收藏 9 分鐘

這是《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP》系列文章的收官篇,感謝小伙伴這一個(gè)月來的陪伴,讓樓主有動(dòng)力去碼完這一系列的文章。今天來講講最后一個(gè)主題,如何設(shè)計(jì)一款A(yù)PP的logo。

時(shí)間把控

設(shè)計(jì)logo這件事的工作量一點(diǎn)也小,它的時(shí)間段可以放在和Hi-Fi(高保真圖)一起考慮。因?yàn)闉榱吮WC視覺效果的統(tǒng)一性和品牌的整體宣傳效果,可能APP的logo顏色和APP本身采用的主打色有著緊密的聯(lián)系。

但在實(shí)際項(xiàng)目過程中,這項(xiàng)工作可能會(huì)放在最后,等到Hi-Fi定稿之后,程序員開始開發(fā),這個(gè)時(shí)候設(shè)計(jì)師的工作量相對(duì)變小,有更多的時(shí)間去考慮這件事情。特別是在人手不足的情況下,就更加明顯。

好logo的標(biāo)準(zhǔn)

當(dāng)我們?cè)陂_始做一件事的時(shí)候,心里會(huì)有一桿稱,怎樣做才算好,有什么樣的標(biāo)準(zhǔn)去評(píng)估這件事?之前看過一篇知乎的文章,說Jakob Nielson撰寫的《可用性工程》一書指出:1秒鐘是人機(jī)交互流暢性的極限,超過1秒鐘,用戶就會(huì)分心。設(shè)計(jì)的價(jià)值在這1秒鐘被無限放大,對(duì)這短短一秒鐘的把握,也體現(xiàn)了一個(gè)品牌的魄力和謀略。

也就是說,在毫秒間抓住用戶的眼睛,并讓用戶產(chǎn)生明確的認(rèn)知,成為設(shè)計(jì)的關(guān)鍵。我們能讓用戶在這1s內(nèi)看到咱們的APP,并且有想點(diǎn)擊進(jìn)去的欲望,就是好的logo。反過來講,好的logo,是能提升APP的點(diǎn)擊率的。

怎樣設(shè)計(jì)好的logo

設(shè)計(jì)logo的時(shí)候主要有兩方面的因素需要考慮,一是logo的圖形,另一個(gè)是logo的顏色。

1.圖形

圖形上內(nèi)容主要也分為兩大類,一是文字類(包括字母)的圖形,另一個(gè)是象形或者抽象類的圖像。

圖像信息遠(yuǎn)比文字需要更多大腦資源,文字記憶比圖案記憶省力。很多公司的第一個(gè)Logo 就是公司的名字,當(dāng)一家公司還處于從0到1的初創(chuàng)階段,采用文字Logo 是讓大家迅速記住一個(gè)品牌的最粗暴直接的方式。

這里還需要考慮的是在logo設(shè)計(jì)的時(shí)候,需要結(jié)合整個(gè)公司的發(fā)展情況而定。公司發(fā)展階段不一樣,用戶對(duì)產(chǎn)品的期待也會(huì)有所改變。比方說上文提到的,如果公司剛成立,需要的是辨識(shí)度,那么含有公司名稱的logo就比較合適,比如Pinterest。如果公司在發(fā)展中,以前有所產(chǎn)品,那么就要考慮統(tǒng)一風(fēng)格,進(jìn)行整體品牌的打造,開始考慮公司的文化,以及整體形象。如果公司發(fā)展很成熟,用戶對(duì)公司的期待會(huì)更高,公司就會(huì)肩負(fù)著引領(lǐng)行業(yè)潮流的任務(wù),傳達(dá)的更是精神層次上面的需求,比方說Nike。

當(dāng)然象形或者抽象類的圖案也有切入點(diǎn)。象形類圖案最普遍的做法就是采用有功能性的代表圖形。比方說微信是對(duì)話框代表交談,系統(tǒng)類的拍攝圖標(biāo)是相機(jī)。從APP的功能上入手,繪制出具有代表意義的圖形,然后再進(jìn)行抽象和美化,這樣的思路中規(guī)中矩,不會(huì)出錯(cuò)。

還有一種比較獨(dú)特的方法就是,直接采用抽象的幾何圖形,可能也會(huì)產(chǎn)生不一樣的效果。

2.顏色

主色上,也可以分為單色運(yùn)用和多色運(yùn)用。但現(xiàn)在采用更多的還是單色,以APP的品牌色為主。因?yàn)锳PP在手機(jī)上比較小,特別是在有分組存在的情況下,視覺上就更加小,用戶一眼能瞟到的,估計(jì)也就是一個(gè)顏色點(diǎn)。如果還要在這個(gè)點(diǎn)上進(jìn)行更細(xì)節(jié)的顏色區(qū)分,對(duì)用戶來說,相對(duì)比較費(fèi)神。

多色運(yùn)用可能是兩到三種(主要是兩種)以及漸變色的采用。這里所說的顏色都是除了黑白灰之外的彩色系列。兩到三種的主色主要也是跟APP內(nèi)部采用的顏色比較相關(guān),建議一起考慮。變變色的采用,多為背景色。比如Instagram和美拍。主體圖案采用漸變色會(huì)產(chǎn)生體積感,讓logo的抽象形象降低。logo越是抽象,用戶想象的空間越大,所賦予的意義也更多。

比較特殊的就是,黑白灰的配色加上抽象的幾何圖形可能會(huì)有意想不到的效果,特別適合與文藝或者藝術(shù)類的APP進(jìn)行采用。

還有一點(diǎn)可以參考的是,用戶手機(jī)背景大多是偏暗的圖片,因?yàn)槠猎谏晕⒂悬c(diǎn)晃眼,針對(duì)這點(diǎn),咱們?cè)谠O(shè)計(jì)APP的時(shí)候可以考慮稍微亮一點(diǎn)的顏色。以上說的都不絕對(duì),只能是一些普遍規(guī)律的參考。作為設(shè)計(jì)師,完全限制自己的思維也不是一好的現(xiàn)象。

除了圖案和顏色主因素之外,APP的logo在UI層面還需要考慮一些額外的事情。比方說風(fēng)格問題,是擬物還是扁平,情感上是高冷還是溫暖等。APP的logo是一個(gè)綜合性信息的整合與考慮。

總結(jié)

設(shè)計(jì)APP logo的時(shí)候,目標(biāo)是讓用戶在眾多APP快速識(shí)別出,主要考慮因素是圖形與顏色。圖案可采用文字型或象形,顏色可采用單色或者多色。每一種因素都要結(jié)合公司的發(fā)展情況和APP里面的內(nèi)容進(jìn)行綜合考慮。

到這里,《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP》系列文章算是完結(jié),文章分為概述、立項(xiàng)、low-fi、high-fi、UI規(guī)范整理、與工程師的交接、APP的logo設(shè)計(jì)這幾類。綜合一句話就是,設(shè)計(jì)師的本質(zhì)就是運(yùn)用專業(yè)進(jìn)行分析問題、解決問題能力的體現(xiàn)。精彩還會(huì)繼續(xù),樓主也會(huì)不斷更新工作中遇到的新的內(nèi)容以及職場(chǎng)干貨,希望能源源不斷給大家?guī)眢@喜,敬請(qǐng)期待~

Sophia的tips:每一次的努力,都會(huì)遇到更美好的自己!

相關(guān)閱讀

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP(一)——概述》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP(二)——立項(xiàng)》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP(三)——Low-fi輸出》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP(四)——Hi-fi輸出(上篇)》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP(四)——Hi-fi輸出(下篇)》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP(五)——UI規(guī)范整理》

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP(六)——整理和交接工作》

專欄作家

作者:Sophiallg,人人都是產(chǎn)品經(jīng)理專欄作家,微信公眾號(hào):Sophia的玲瓏閣。

本文由 @Sophiallg 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 是不是少了個(gè)字!設(shè)計(jì)loge這件事工作量一點(diǎn)也不小。

    回復(fù)
  2. 說的挺對(duì)的,初學(xué)者收獲會(huì)很大

    回復(fù)