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

距離上一篇App系列文章已經(jīng)過去兩個星期了，我除去教學(xué)生的時間，都在準(zhǔn)備這篇文章的資料，因為這篇文章的內(nèi)容除了大量的截圖還有視頻需要處理。上篇文章有人留言說文字太多，懶得看。我想說我的文章是寫給愛學(xué)習(xí)的同學(xué)看的，不是娛樂貼。所以這篇文章依然很長，干貨十足。

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

 

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

 

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

APP品牌植入設(shè)計

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

移動端產(chǎn)品品牌視覺設(shè)計的點：

圖標(biāo)：APP圖標(biāo)、底部導(dǎo)航欄、其他頁面的功能圖標(biāo)

字體：字體（APP可以內(nèi)置字體包變換字體）、字號

頁面設(shè)計：引導(dǎo)頁、啟動頁、刷新控件

排版：元素的留白

圖片：頁面的配圖、占位圖片、頁面的情感插畫

線下物料：線下的各種物料及其衍生品。

 

APP品牌設(shè)計的步驟

1、 發(fā)掘產(chǎn)品的氣質(zhì)

2、 品牌圖形的提煉

3、 品牌圖形的幾何化輪廓

4、 品牌圖形在界面設(shè)計中的應(yīng)用

5、 視覺語言的一致性

 

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

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

 

常見的品牌氣質(zhì)

1、  高冷氣質(zhì)

2、  文藝氣質(zhì)

3、  時尚氣質(zhì)

4、  活力向上

5、  個性張揚

 

1、高冷氣質(zhì)

高冷的人自帶著一種生人勿近的冷淡氣質(zhì)，喜歡穿著黑白灰。朋友不是很多，不需要融入小圈子。然后嚴(yán)格按照自己任性極致的標(biāo)準(zhǔn)篩選良莠，深交的少，淺交的保持距離懶得討好。所謂可親而難以靠近。所以高冷氣質(zhì)的應(yīng)用不需要討好所有人，只服務(wù)好這個App定位的群體就好。例如（圖1-1）的Gucci應(yīng)用，整個界面只有黑白以及一些色彩豐富的配圖，非常的簡潔明快，沒有任何多余的修飾，隱隱透露出大牌的傲嬌。

（圖1-1）Gucci應(yīng)用

 

2、文藝氣質(zhì)

這個說到文藝氣質(zhì)，其實就是一個字“范兒”， 如何才能有范兒？首先要有文化底蘊，素質(zhì)修養(yǎng)，如果沒有的話，裝不像的。具體什么樣，可以去看看一些詩人，搞民謠音樂的人的裝扮，尤其是上個世紀(jì)的。穿著寬松的毛衣，戴著圓圓的黑框眼鏡，搞一條素色的圍巾，拿個老式的手動旁軸相機，留著稀疏的胡渣，或是女生長發(fā)飄飄的感覺。所以應(yīng)用從界面設(shè)計到頁面內(nèi)容，都要有足夠的范兒，這樣才是文藝的徹底。例如（圖1-2）最美有物，從界面設(shè)計到內(nèi)容標(biāo)題的文字都散發(fā)出足夠的文藝氣質(zhì)。這種范兒可能不是所有人都學(xué)的來的，比如讓做B2C綜合電商的應(yīng)用學(xué)這樣的氣質(zhì)就不倫不類，也許這就是產(chǎn)品基因吧。

（圖1-2）最美有物的內(nèi)容模塊

3、時尚氣質(zhì)

所謂時尚，是時與尚的結(jié)合體。代表當(dāng)前世界對社會某項事物崇尚的潮流。是一個時期的流行風(fēng)氣與社會環(huán)境，時尚引領(lǐng)潮流，是流行文化的表現(xiàn)。對時尚最為敏感的就是家居、服飾行業(yè)。沒有人希望自己買來的衣服或者家具是一個落伍淘汰的風(fēng)格。當(dāng)前的在界面設(shè)計中最流行的就是使用各種幾何元素，通過點線面的搭配塑造頁面的時尚感。例如（圖1-3）男衣邦應(yīng)用，從啟動界面到首頁都穿插了非常多的幾何線條，界面具有濃濃的幾何構(gòu)成時尚感。

（圖1-3）男衣邦啟動頁和廣告頁

4、活力向上

有活力的感覺，就是充滿了朝氣。 Same是一個非常有個性的社交應(yīng)用。你安裝完App打開應(yīng)用首先呈現(xiàn)的就是兩個陽光可愛的美少女。通過開場的短片秀（圖1-4），就給人信心滿滿，自信陽光的感覺。

 

（圖1-4）Same的啟動視頻

 

有些人，從頭到腳散發(fā)出一股吸引你的氣息，這就是所謂志趣相投。有些產(chǎn)品也一樣，你可以在上面找到和你一樣特質(zhì)的人群。Same定位的用戶是90后、00后的年輕人，他們內(nèi)心世界豐富，喜歡新鮮事物。所以界面內(nèi)的表情（圖1-4），是繼line表情之后，對當(dāng)前年輕人群身份、氣質(zhì)、角色和代入感相當(dāng)強的作品。

 

（圖1-4）Same的表情設(shè)計

（圖1-5）Same的表情設(shè)計

5、個性張揚

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

（圖1-6）野獸派應(yīng)用

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

第二步：品牌圖形的提煉

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

 

1、具象圖形

通常情況下，具象圖形的LOGO設(shè)計會更受到移動設(shè)計的親睞。部分原因是這些LOGO圖形容易辨認，可以更清晰的表述出應(yīng)用是做什么的。例如（圖1-7）里的應(yīng)用只看圖形就能很清晰的明白這個應(yīng)用的屬性或者應(yīng)用的功能。只留給大家很少的開放性解釋空間。有些應(yīng)用的圖形甚至很聰明地運用了雙關(guān)含義和隱藏圖形。例如OFO既使用品牌的名稱，又表達了自行車的圖形符合共享單車的屬性。是一個非常 成功的logo品牌圖形。

（圖1-7）具象圖形的應(yīng)用圖標(biāo)

2、抽象的幾何圖形

抽象圖形，抽象圖形LOGO設(shè)計同樣很適用于多元化企業(yè)，因為它們傳達出的是情緒和基調(diào)，而非具體的公司類型。一個LOGO未必需要直接反映出公司是做什么的。想想Nike旋風(fēng)，McDonald’s金色拱門，或是Apple的LOGO。所以有時候App的圖標(biāo)也是如此，更多通過一些抽象的圖形傳達一些特別的含義。比如愛彼迎的圖形背后有四層含義（圖1-8）。首先，這是一個字母A，代表了Airbnb；第二，這像是一個人張開雙手，代表了人；第三，這像是一個標(biāo)記地理位置的符號，代表地點；第四，這是一個倒過來的愛心，代表了愛。

（圖1-8）Airbnb的圖形釋義

3、吉祥物

互聯(lián)網(wǎng)公司非常喜歡用動物做為公司的吉祥物。這些互聯(lián)網(wǎng)公司的logo有很多是采用讓人萌化的動物圖案，這成了一種風(fēng)氣，感覺互聯(lián)網(wǎng)的圈子成了動物園一樣。比如京東的狗（圖1-9），Tmall的天貓、UC的松鼠，騰訊的企鵝等。當(dāng)然吉祥物并非只有選擇使用動物圖形，比如站酷的小酷圖形。

（圖1-9）吉祥物為品牌圖形

第三步：品牌圖形的幾何化輪廓

我經(jīng)常和學(xué)生強調(diào)，繪畫和設(shè)計是兩回事情，也許你會畫但并不意味著設(shè)計可以做的好。現(xiàn)在主流App的LOGO圖形傾向于扁平化設(shè)計，可能就是一個簡單的剪影圖形。比如你要設(shè)計一個表現(xiàn)自然或者格調(diào)感的應(yīng)用。設(shè)計師想使用“鹿”這個圖形。如果直接用鋼筆勾勒鹿的圖形（圖1-10），那么這個呈現(xiàn)的是一副剪影插畫。這個圖形又很多細節(jié)，線條充滿了不規(guī)則感，這些不規(guī)則線條對于一個LOGO設(shè)計來說是非常冗余的。

（圖1-10）偏插畫的未經(jīng)處理的剪影圖形

1、設(shè)計輔助線

好的品牌圖形是需要對基本圖形進行2次提煉，去除一些不必要線條細節(jié)，對原有的剪影圖形進行幾何抽象化。我們經(jīng)常看到在畫LOGO時候出現(xiàn)的各種輔助線（圖1-11），這些輔助線以各種圓為參考形。輔助線的作用是幫助設(shè)計師用規(guī)整的幾何圖形去切分原有的剪影。讓線條更加規(guī)整幾何化。這樣幾何規(guī)整化的圖形已經(jīng)和不規(guī)則的偏插畫的剪影圖形區(qū)分開來了。現(xiàn)在更像一個有設(shè)計感的圖標(biāo)圖形了。當(dāng)然現(xiàn)在這樣的設(shè)計輔助線，在一些設(shè)計師中有濫用的嫌疑。在一些不需要的加輔助線的地方，加了很多線條，營造一種專業(yè)的感覺。這種做法在有經(jīng)驗的設(shè)計師眼中是非常可笑的。

（圖1-11）用橢圓切割的鹿剪影形狀

2、設(shè)計的圖形語言

經(jīng)過幾何規(guī)整化的圖形只能算是一個好的圖標(biāo)，離好的品牌圖形還有一段距離。品牌圖形一定要有自己獨特的設(shè)計，講白圖形一定要有自己的特色，讓別人一下記住你。例如（圖1-12）的設(shè)計語言就是流暢柔和的線條，通過這個極簡的線條構(gòu)造了鹿的品牌圖形。

（圖1-12）極簡的線條構(gòu)造鹿的圖形

 

例如（圖1-13）的鹿圖形使用的是幾何圖形做為設(shè)計語言，用各種三角形和其他不規(guī)則圖形。類似七巧板一樣的設(shè)計拼接出鹿的輪廓。這個鹿的圖形具有獨特的設(shè)計感。

（圖1-13）幾何塊面的鹿圖形

3、提取典型的特征

由于移動設(shè)計的LOGO需要在一個圓角矩形中展示，并沒有那么大面積供設(shè)計師發(fā)揮。所以需要選取最具有代表的形的局部圖形（圖1-14），比如鹿的頭部是最具有代表性的圖形部分。

（圖1-14）提取典型特征的鹿頭部圖形

第四步：品牌圖形在界面設(shè)計中的運用

1、 引導(dǎo)頁

抽象形式感的圖形，與廣告頁進行呼應(yīng)。點擊App圖標(biāo)，第一次打開應(yīng)用的界面。會呈現(xiàn)一組引導(dǎo)頁。引導(dǎo)頁是用戶進入主界面之前，首先見到的頁面。這是產(chǎn)品給用戶的第一印象。由于第一印象的好壞會極大地影響到后續(xù)的產(chǎn)品使用體驗，因此我們需要花一些時間去精心設(shè)計引導(dǎo)頁。匠物APP的應(yīng)用通過一個動畫，把LOGO的圖形放大（圖1-15），映射在引導(dǎo)頁的背景上。這樣品牌圖形前后有了一個呼應(yīng)，加深了用戶的印象。

 

（圖1-15）匠物的引導(dǎo)頁

 

現(xiàn)在很多應(yīng)用都放棄了四頁引導(dǎo)頁的傳統(tǒng)做法，而是偏向內(nèi)置視頻的做法。視頻具有更好的視覺動態(tài)效果。比如最美有物引導(dǎo)頁使用了一段視頻（圖1-16），使用各種絢麗效果，最后一幀放出品牌logo圖形，這種手法是不是很像我們以前看的各種國外大牌廣告。比如耐克的廣告從來不會放什么XX產(chǎn)品就是好的廣告，而是喜歡放一段情懷畫面，最后一個大大的LOGO告訴消費者我這是耐克的廣告。

 

（圖1-16）最美有物的引導(dǎo)頁視頻

 

2、 啟動頁

每次打開一個App，都會看到啟動頁，所以這是一個品牌露出非常高頻次的頁面，大多數(shù)應(yīng)用都是品牌圖形+ Slogan的設(shè)計形式，比如Life的啟動頁（圖1-17），直接把品牌Slogan反復(fù)在啟動頁，和隨后的廣告頁反復(fù)呈現(xiàn)。

 

（圖1-17）Life啟動頁

 

如果覺得直接放品牌圖形+背景的做法，比較老套的話，也可以嘗試在品牌圖形上進行2次設(shè)計。比如良倉的啟動頁（圖1-18）運用logo圖標(biāo)的典型輪廓進行2次創(chuàng)作。

 

（圖1-18）良倉啟動視頻

 

3、刷新控件

刷新控件用于刷新當(dāng)前頁面內(nèi)容。在我的書中《術(shù)與道移動應(yīng)用設(shè)計必修課》中有介紹。目前主流有下拉刷新和上拉刷新兩種方式，這兩種交互方式有很大區(qū)別。以網(wǎng)易新聞為例，我們在看當(dāng)前頁面的時候，使用下拉動作，界面反饋當(dāng)前頁面內(nèi)容條數(shù)不變，而內(nèi)容更新。而上拉刷新代表是加載。一個頁面固定加載一定條數(shù)的新聞，從上往下看，看完一定條數(shù)，往上一拉，后面的內(nèi)容繼續(xù)載入。

 

方法1使用幾何圖形

Enjoy的品牌圖形有一個非常鮮明的圖形是那個波浪線，Enjooy下拉刷新的時候使用了這個波浪圖形（圖1-19），讓品牌圖形無處不在。

 

（圖1-19）Enjoy的刷新圖形

 

當(dāng)然使用的圖形也可以是一種圖形的設(shè)計風(fēng)格，比如造作的全局是較為硬朗的圖形，這點 在他的個人中心就可以看出來，他的個人中心（圖1-20）都是非常硬朗的直接圖標(biāo)。所以他的刷新使用了一個矩形做為刷新圖形（圖1-21）。

（圖1-20）造作的個人中心圖標(biāo)

（圖1-21）造作的矩形刷新圖形

 

方法2使用吉祥物圖形

在界面設(shè)計中嗎，必須有一個設(shè)計語言貫穿，這樣你的設(shè)計才會有特色，這個語言可以是一個圖形，也可以是一個吉祥物卡通形象。如果有這樣一個形象存在，你的界面設(shè)計會一下提升不少的特色。

（圖1-22）大眾點評的刷新控件

4、 占位圖片

在界面設(shè)計中，很多圖片需要考慮數(shù)據(jù)為空的情況，也有可能由于網(wǎng)絡(luò)的情況圖片可能沒有加載出來，這些都需要設(shè)計一個默認的占位圖片。例如最美有物的品牌圖形是一個鹿（圖1-23），他的個人中心默認頭像就是一個鹿的占位圖

（圖1-23）最美有物個人中心頁

 

需要注意的是在社交或者內(nèi)容社區(qū)，品牌圖形的個人頭像有時候是需要慎重使用的，因為那樣會讓人誤以為這是官方頭像。

5、 界面其他小元素

有時候界面中功能會配上一些圖標(biāo)，讓設(shè)計更好的釋義。對于一些約定俗成的功能，如果把這個圖標(biāo)去除也不會很明顯的影響含義。這個時候可以考慮使用特別的品牌圖形替代。比如life的卡片banner上的點贊功能圖標(biāo)，使用了品牌圖形指紋替代來傳統(tǒng)的心形（圖1-24）。從體驗來說，這個數(shù)字很容易讓人聯(lián)想到這是評論數(shù)或者點贊數(shù)。所以替換為品牌圖形對于用戶體驗并沒有明顯的降低。

（圖1-24）LIFE的卡片Banner

六、底部導(dǎo)航欄圖標(biāo)

典型的IOS應(yīng)用的結(jié)構(gòu)是把App的主要模塊放在底部導(dǎo)航進行切換，底部導(dǎo)航一般分為4到5個模塊。以圖標(biāo)+文字的設(shè)計形式進行展示。那么這些圖標(biāo)就可以與品牌圖形相結(jié)合，加深用戶的印象。

 

方法1：品牌圖形應(yīng)用在首頁圖標(biāo)

首頁最常見使用的圖標(biāo)是一個房子的圖形，這個圖形來源于PC時代的面包屑結(jié)構(gòu)，Home的圖形代表家，代表不管你在網(wǎng)站哪個層級，點擊Home圖標(biāo)像回家一樣可以回到起始的位置。很多應(yīng)用的圖標(biāo)上的logo，都是一個讓人印象深刻的主圖形，那么我們可以直接把這個logo圖形做為應(yīng)用的首頁模塊圖標(biāo)使用。這樣的好處很明顯，每次用戶打開應(yīng)用后，都會看到這個圖形，反復(fù)加強了用戶對App的logo的印象。例如大眾點評、餓了么、花瓣、貓途鷹、網(wǎng)易云音樂提取各自品牌圖形（圖1-25），應(yīng)用在了App底部導(dǎo)航欄首頁模塊上。

（圖1-25）大眾點評、餓了么、花瓣、貓途鷹、網(wǎng)易云音樂首頁圖標(biāo)使用了品牌圖形

 

方法2：品牌名稱應(yīng)用在底部導(dǎo)航欄

一些應(yīng)用的名稱是字母構(gòu)成，為了強化用戶對于應(yīng)用名稱的認知，直接把名稱做為標(biāo)簽欄的圖標(biāo)。例如MONO（圖1-26）應(yīng)用的標(biāo)簽欄圖標(biāo)，設(shè)計的非常大膽，提取logo上面的4個字母M、O、N、O后，直接將其作為圖標(biāo)。但是這種設(shè)計策略的缺陷也很大，每個字母和功能模塊本身的含義并沒有直接聯(lián)系，對用戶幫助理解模塊有一定的困難。所以這種方法適合一些極客小眾App去使用。

（圖1-26）MONO的底部標(biāo)簽欄圖標(biāo)

 

第五步：視覺語言的一致性

1、顏色的一致性

在完成了產(chǎn)品的整體風(fēng)格和功能構(gòu)架后，我們可以著眼于一些細節(jié)層面的設(shè)計。比如統(tǒng)一你的產(chǎn)品中，色彩和圖形的意義。比如設(shè)計一套套標(biāo)準(zhǔn)的配色方案，：用品牌色代表可點擊的按鈕，用橙色代表與金錢有關(guān)的操作，用藍色代表鏈接，用戶對這些顏色的含義就進行了學(xué)習(xí)和習(xí)慣。讓用戶對這個App內(nèi)的顏色形成記憶。例如好物（圖1-27）好物每個可點擊的按鈕都是品牌黃色。

 

（圖1-27）好物界面設(shè)計

2、圖形設(shè)計的一致性

圖形設(shè)計包含各種插圖和圖標(biāo)。對于插圖如果是一個人設(shè)計的，那么更容易形成統(tǒng)一的風(fēng)格。

插圖的風(fēng)格和圖標(biāo)的風(fēng)格也需要保持一致。一些應(yīng)用的插圖設(shè)計師和界面設(shè)計師是2個人，插圖的風(fēng)格偏卡通或者手繪，而界面的圖標(biāo)設(shè)計偏規(guī)整。那么這個風(fēng)格就顯得格格不入。比如Same（圖1-28）的插圖風(fēng)格和圖標(biāo)風(fēng)格就協(xié)調(diào)的非常好。

 

（圖1-28）Same的插圖和圖標(biāo)設(shè)計

 

3、元素的一致性

界面的本質(zhì)是信息傳遞的一種介質(zhì)，界面中包含各種繁雜的信息。所以如果我們希望通過設(shè)計讓界面自己會說明，我們可能會加上一些樣式的區(qū)分，比如我把標(biāo)題加粗加大，把輔助信息變淺色變小一些，但這只能區(qū)分主次，很難具體說明每一部分的意義；那我還可以給一些信息加上可識別的圖標(biāo)。Life采用的是圖標(biāo)+標(biāo)題+欄目上下排版形式（圖1-29）。這樣的設(shè)計好處是每個模塊很清晰，且用戶可以很清晰的對應(yīng)分類各種子頻道。所以設(shè)計樣式不是隨意的選擇，單純的看視覺美學(xué)樣式。而是需要有效的對產(chǎn)品運營的需求進行支撐。

（圖1-29） Life首頁樓層banner與分類頁

 

設(shè)計結(jié)語

一個成功商業(yè)產(chǎn)品，首先需要所有團隊成員有一個共同的目標(biāo)，并且大部分人具有品牌思維和設(shè)計思維，將其落實到和用戶的每一個觸點中去，也就是我們所說的服務(wù)設(shè)計，這樣品牌的影響力才能逐漸深入人心。今天我們說的視覺圖形設(shè)計只是品牌設(shè)計中的冰山一角，是最容易被普通用戶感知的一層。寫完這一篇《品牌設(shè)計在界面設(shè)計中的植入》，感覺還有很多沒有說完。所以下一篇繼續(xù)說品牌設(shè)計的內(nèi)容，題目是《品牌設(shè)計在圖標(biāo)設(shè)計中的運用》。我的微信是booui2017,可以加我交流。加我請注明站酷，不要加我一句話不說，我會刪人的。因為微信的人數(shù)有限，5000人很容易加滿。