網(wǎng)易嚴(yán)選App的品牌設(shè)計(jì)過程全揭秘
來源：網(wǎng)易UEDC（微信號(hào)：NetEase_UEDC）
原標(biāo)題：網(wǎng)易嚴(yán)選APP品牌設(shè)計(jì) | 設(shè)計(jì)實(shí)戰(zhàn)11
本文已獲授權(quán)，如需轉(zhuǎn)載，請聯(lián)系原出處！
前言
品牌設(shè)計(jì)，是品牌之間形成差異化的根本原因。它可以讓用戶明確、清晰地記住并識(shí)別品牌的個(gè)性，是驅(qū)動(dòng)用戶認(rèn)同、喜歡乃至愛上一個(gè)品牌的主要力量。拿保時(shí)捷汽車前車燈的設(shè)計(jì)為例，這種特殊的外觀設(shè)計(jì)被嚴(yán)格地應(yīng)用到所有保時(shí)捷的汽車產(chǎn)品當(dāng)中，就算遮住品牌也能一眼分辨出該品牌，這就是品牌的力量。
回歸到我們視覺設(shè)計(jì)，我們在接需求的時(shí)候，經(jīng)常會(huì)聽到運(yùn)營及產(chǎn)品對頁面設(shè)計(jì)的要求是品牌感，那么怎么樣設(shè)計(jì)才有品牌感？下面就談?wù)劸W(wǎng)易嚴(yán)選APP，在品牌設(shè)計(jì)方面地嘗試，在這之前我們先來了解下網(wǎng)易嚴(yán)選。
品牌分析
網(wǎng)易嚴(yán)選，是網(wǎng)易自營類家居生活品牌APP，秉承嚴(yán)謹(jǐn)?shù)膽B(tài)度甄選天下優(yōu)品。嚴(yán)表示嚴(yán)謹(jǐn)?shù)膽B(tài)度，選是甄選，甄選天下好物。
設(shè)計(jì)原則
網(wǎng)易嚴(yán)選的品牌理念是“好的生活，沒那么貴”?？梢韵胂笠韵聢鼍?，躺在懶人沙發(fā)上悠閑的看著書，坐在窗邊愜意的喝著茶，抑或是靠在陽臺(tái)上享受午后的陽光。他們不緊不慢，追求品質(zhì)，享受寧靜，所以品牌關(guān)鍵字是品質(zhì)、生活、寧靜。從品牌關(guān)鍵字提取到的設(shè)計(jì)語言是細(xì)節(jié)化、場景化、簡約化。
細(xì)節(jié)感是指精致，比如商品的光影，產(chǎn)品中的對齊法則等。場景化講究的是自然和諧統(tǒng)一；簡約化是去除一切多余的元素，只留下素材或者產(chǎn)品本身。
品牌設(shè)計(jì)
了解了品牌性格，品牌關(guān)鍵字及品牌設(shè)計(jì)語言，我們將這些應(yīng)用到具體的設(shè)計(jì)中，包括品牌logo、版式、圖標(biāo)、動(dòng)效、圖片等。
logo設(shè)計(jì)
品牌logo以形象、直觀的形式向消費(fèi)者傳達(dá)品牌信息，以創(chuàng)造品牌認(rèn)知、品牌聯(lián)想和消費(fèi)者的品牌依賴，從而給品牌帶來更多價(jià)值。
嚴(yán)選logo設(shè)計(jì)結(jié)合了小楷的輕重協(xié)橫，質(zhì)樸平淡及刻本的一絲不茍，精雕細(xì)琢，表現(xiàn)出對產(chǎn)品的選擇保持嚴(yán)謹(jǐn)?shù)膽B(tài)度，對產(chǎn)品服務(wù)保持無限的追求。由于網(wǎng)易logo品牌色是紅色，且從色彩心理學(xué)角度出發(fā)，紅色更容易刺激購物。所以顏色繼承了網(wǎng)易品牌的基因。
從品牌色延伸出來一些其它顏色，以便適用在不同的場景中，如活動(dòng)色，成功色，會(huì)員色以及不同程度的灰色。
輔助圖形是品牌不可或缺的一部分。它能更好地配合品牌logo，傳遞品牌價(jià)值，從設(shè)計(jì)上也起到調(diào)和的作用。當(dāng)然也可以單獨(dú)作為背景底紋、輔助元素等場景運(yùn)用，既豐富整體內(nèi)容，又起到強(qiáng)化品牌的作用。如圖所示就是將品牌logo進(jìn)行拆分重組而成的輔助圖案及應(yīng)用場景。
在app個(gè)人中心中運(yùn)用的輔助圖形。
版式設(shè)計(jì)
嚴(yán)選app首頁版面采用兩欄布局進(jìn)行設(shè)計(jì)，在內(nèi)容的展現(xiàn)上做到適度克制，從而簡化了內(nèi)容，再配以淺色背景或者大面積的白色，把核心展示都留給了商品本身，整體給人簡約，寧靜的感受，不強(qiáng)制，不給人壓迫感，相比其他電商app的四欄乃至更多的內(nèi)容呈現(xiàn)，從視覺上做到了較強(qiáng)的辨識(shí)度。
圖標(biāo)設(shè)計(jì)
在界面中在，icon圖標(biāo)是界面中不可輕視一個(gè)品牌設(shè)計(jì)環(huán)節(jié)，也是造就品牌感較直接的方式。
底欄icon
嚴(yán)選底欄icon的圖標(biāo)設(shè)計(jì)均以家居物品為原型而衍化而來，給人以場景感，真實(shí)感且生活化的感受，傳達(dá)了品牌價(jià)值。
為空設(shè)計(jì)
嚴(yán)選為空設(shè)計(jì)以生活中日常的元素為原型，并采用手繪線條斷開的樣式，加上塊狀的陰影及修飾等元素，營造場景化及畫面感，為品牌設(shè)計(jì)帶來了一絲情感。
動(dòng)效設(shè)計(jì)
在app中做動(dòng)畫設(shè)計(jì)的優(yōu)勢在于生動(dòng)性地傳達(dá)品牌個(gè)性。
登錄頁動(dòng)效設(shè)計(jì)
在登錄頁及明星商品頁大面積留白空間的商品圖上都加入了自然的投影，給人營造簡約中帶著場景感，細(xì)節(jié)感，無形之中透露著品質(zhì)，生活，寧靜。
loading設(shè)計(jì)
loading的設(shè)計(jì)創(chuàng)意來源于打開包裹時(shí)，商品呈現(xiàn)在面前的驚喜感以及生活的儀式感。所以設(shè)計(jì)的思路是隨著手向下拉，箱子緩緩打開，松開手的時(shí)候彈出“好的生活，沒那么貴”。這里寓意嚴(yán)選有你想要的商品，且品質(zhì)及服務(wù)給用戶帶來驚喜，從而達(dá)到了品牌價(jià)值的傳達(dá)。
圖片設(shè)計(jì)
心理學(xué)研究證明，圖片比文字更直觀地、更優(yōu)先地傳達(dá)，所以在APP中圖片的品質(zhì)直接傳遞著品牌的感受。
單品設(shè)計(jì)
在產(chǎn)品設(shè)計(jì)中，既要體現(xiàn)品牌的氣質(zhì)，體現(xiàn)品牌的品質(zhì)，又要保證頁面不平，所以在登錄頁及明星商品頁大面積留白空間的商品圖上都加入了自然的光影效果，給人營造簡約中帶著的場景感及細(xì)節(jié)感，無形之中透露著品質(zhì)，生活，寧靜。
這是運(yùn)用在登錄頁及單品詳情頁的具體設(shè)計(jì)頁面。
SKU規(guī)范
電商里面最難部分就是商品圖的控制，需要對每個(gè)商品圖拍攝，角度，色彩都控制的很好，除此之外對商品在頁面的呈現(xiàn)也做了規(guī)范處理：
1，所有產(chǎn)品放置在米字格園內(nèi)，分為大圓、小圓、迷你圓，分別對應(yīng)偏大、常規(guī)、偏小尺寸。
2，產(chǎn)品角度以15度為基礎(chǔ)變量單位。如15、30、45等。
下面是一些具體運(yùn)用實(shí)例：
結(jié)束語
app視覺設(shè)計(jì)中還有很多可以進(jìn)行品牌設(shè)計(jì)的地方，這里就說到這里。以上大部分案例均來自網(wǎng)易嚴(yán)選app設(shè)計(jì)項(xiàng)目經(jīng)驗(yàn)，望共勉。
最后希望這次總結(jié)能對大家有所幫助，做出自己有品牌感的好作品，如有不當(dāng)之處，歡迎大家來一起交流。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（1條）