品牌設(shè)計(jì)，對移動互聯(lián)網(wǎng)時代的的產(chǎn)品質(zhì)量提升帶來了更多的可能性。也對設(shè)計(jì)師本身的平面視覺技能帶來了更大的機(jī)會和挑戰(zhàn)。

APP為什么需要品牌設(shè)計(jì)

現(xiàn)在打開各種設(shè)計(jì)網(wǎng)站，去尋找App界面設(shè)計(jì)參考。你會發(fā)現(xiàn)如果去掉圖標(biāo)，僅僅去看界面設(shè)計(jì)，很多App的界面設(shè)計(jì)差異性非常小。App設(shè)計(jì)有一種同質(zhì)化的傾向。

在產(chǎn)品型公司，UI設(shè)計(jì)師的工作流程一般是這樣的，和產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師討論每個版本的規(guī)劃，在這個討論過程中用草圖的形式畫出大致的流程。之后將流程圖細(xì)化并分析使用上的便利性和技術(shù)上的可行性，然后設(shè)計(jì)師將界面設(shè)計(jì)好，經(jīng)過評審沒有問題，直接輸出給程序員。這是一個標(biāo)準(zhǔn)化的流水作業(yè)流程，留給設(shè)計(jì)師發(fā)揮的時間和空間并不多，更多時候是以功能實(shí)現(xiàn)為第一需求。另外的有部分原因是設(shè)計(jì)師趨向于保守設(shè)計(jì)，遵循各種平臺規(guī)范，這樣的保守設(shè)計(jì)不容易出錯。因?yàn)閭€性的設(shè)計(jì)的App可能非常成功，也可能是大家眼中的異類。以上的原因?qū)е潞芏嗌虡I(yè)的App設(shè)計(jì)的大同小異。

經(jīng)過這幾年的移動創(chuàng)業(yè)風(fēng)潮，大量App設(shè)計(jì)已經(jīng)存在，現(xiàn)在設(shè)計(jì)師遇到的不是從零起步，如何設(shè)計(jì)一款A(yù)pp的問題了。而是面臨各種改版設(shè)計(jì)的需求，如何設(shè)計(jì)一款和競品有差異化設(shè)計(jì)的界面，這是UI設(shè)計(jì)師越來越迫切的需求。面對現(xiàn)在App設(shè)計(jì)趨同的市場行情，如果誰可以做出不一樣的設(shè)計(jì)，那么你就可以鶴立雞群。差異化設(shè)計(jì)這對界面設(shè)計(jì)師也是一個巨大的挑戰(zhàn)和機(jī)會。

品牌設(shè)計(jì)

APP品牌植入設(shè)計(jì)

品牌設(shè)計(jì)是在企業(yè)自身正確定位的基礎(chǔ)之上，基于正確品牌定義下的視覺溝通。我們平?？吹降膌ogo設(shè)計(jì)只是品牌設(shè)計(jì)視覺延伸的一部分。因?yàn)橐苿咏缑嬖O(shè)計(jì)的同質(zhì)化嚴(yán)重，所以越來越多的公司重視對App的品牌塑造，希望通過品牌的塑造，使用戶快速的對產(chǎn)品形象進(jìn)行有效深刻的記憶。 App中的 Logo圖標(biāo)、界面的視覺風(fēng)格，甚至App Store上的介紹和宣傳Banner等，都是品牌設(shè)計(jì)的組成部分。 App的品牌設(shè)計(jì)，對移動互聯(lián)網(wǎng)時代的的產(chǎn)品質(zhì)量提升帶來了更多的可能性。也對設(shè)計(jì)師本身的平面視覺技能帶來了更大的機(jī)會和挑戰(zhàn)。

第一步：發(fā)掘產(chǎn)品的氣質(zhì)

當(dāng)我們看一個人的時候，會根據(jù)他的外表+內(nèi)涵，我們會對他有第一個印象的認(rèn)知，這個就是氣質(zhì)。APP也一樣。App的外表是我們產(chǎn)品的視覺設(shè)計(jì)呈現(xiàn)，也就是這個產(chǎn)品看起來讓人感覺如何。內(nèi)涵就是App的內(nèi)容和功能的呈現(xiàn)，就是能否進(jìn)一步留住用戶駐足。所以產(chǎn)品就是這樣，呈現(xiàn)什么樣的氣質(zhì)，就會吸引來什么樣子的用戶。

常見的品牌氣質(zhì)

1、高冷氣質(zhì)

高冷的人自帶著一種生人勿近的冷淡氣質(zhì)，喜歡穿著黑白灰。朋友不是很多，不需要融入小圈子。然后嚴(yán)格按照自己任性極致的標(biāo)準(zhǔn)篩選良莠，深交的少，淺交的保持距離懶得討好。所謂可親而難以靠近。所以高冷氣質(zhì)的應(yīng)用不需要討好所有人，只服務(wù)好這個App定位的群體就好。

2、文藝氣質(zhì)

這個說到文藝氣質(zhì)，其實(shí)就是一個字“范兒”， 如何才能有范兒？首先要有文化底蘊(yùn)，素質(zhì)修養(yǎng)，如果沒有的話，裝不像的。具體什么樣，可以去看看一些詩人，搞民謠音樂的人的裝扮，尤其是上個世紀(jì)的。穿著寬松的毛衣，戴著圓圓的黑框眼鏡，搞一條素色的圍巾，拿個老式的手動旁軸相機(jī)，留著稀疏的胡渣，或是女生長發(fā)飄飄的感覺。所以應(yīng)用從界面設(shè)計(jì)到頁面內(nèi)容，都要有足夠的范兒，這樣才是文藝的徹底。

3、時尚氣質(zhì)

所謂時尚，是時與尚的結(jié)合體。代表當(dāng)前世界對社會某項(xiàng)事物崇尚的潮流。是一個時期的流行風(fēng)氣與社會環(huán)境，時尚引領(lǐng)潮流，是流行文化的表現(xiàn)。對時尚最為敏感的就是家居、服飾行業(yè)。沒有人希望自己買來的衣服或者家具是一個落伍淘汰的風(fēng)格。當(dāng)前的在界面設(shè)計(jì)中最流行的就是使用各種幾何元素，通過點(diǎn)線面的搭配塑造頁面的時尚感。

4、活力向上

有活力的感覺，就是充滿了朝氣。 Same是一個非常有個性的社交應(yīng)用。你安裝完App打開應(yīng)用首先呈現(xiàn)的就是兩個陽光可愛的美少女。

有些人，從頭到腳散發(fā)出一股吸引你的氣息，這就是所謂志趣相投。有些產(chǎn)品也一樣，你可以在上面找到和你一樣特質(zhì)的人群。Same定位的用戶是90后、00后的年輕人，他們內(nèi)心世界豐富，喜歡新鮮事物。

5、個性張揚(yáng)

個性意味和人家不一樣，不是隨大流的那種，張揚(yáng)就是外向活潑，給人不見外的感覺，到任何地方都能引起別人的關(guān)注，張揚(yáng)的壞處就是，過分的顯擺自己，容易招人嫉妒。所以你的應(yīng)用設(shè)計(jì)的明顯和別人不一樣。兩種結(jié)果。好評如潮，說這個設(shè)計(jì)不一樣，有自己特點(diǎn)。還有一種結(jié)果就是，這個應(yīng)用怎么能這樣設(shè)計(jì)，太不符合主流習(xí)慣了。例如（圖1-6）野獸派應(yīng)用，這是綜合類的時尚類家居相關(guān)售賣平臺。做為一個電商類的應(yīng)用，他的設(shè)計(jì)明顯是非常個性的，沒有傳統(tǒng)的底部標(biāo)簽欄模塊設(shè)計(jì)，而是首頁就是一整張插畫，作為首頁各種子模塊店鋪的入口。這樣的設(shè)計(jì)非常有個性，讓人一下就記住了。

所以UI設(shè)計(jì)師需要做的是提煉出的產(chǎn)品氣質(zhì)并轉(zhuǎn)化為具象化的視覺語言。讓用戶通過界面這層介質(zhì)感知到你產(chǎn)品的氣質(zhì)。

品牌設(shè)計(jì)圖形的提煉，這個過程與平面logo設(shè)計(jì)基本類似，其實(shí)某種程度上就是設(shè)計(jì)logo，現(xiàn)在的App圖標(biāo)游戲圖標(biāo)還會使用復(fù)雜的光影質(zhì)感。其他主流的商業(yè)應(yīng)用圖標(biāo)都是極簡的扁平圖標(biāo)。所以更需要一個獨(dú)特的品牌圖形。