設計實戰:網易嚴選APP品牌設計

10 評論 21865 瀏覽 105 收藏 11 分鐘

品牌設計是品牌之間形成差異化的而根本原因。

品牌設計,是品牌之間形成差異化的根本原因。它可以讓用戶明確、清晰地記住并識別品牌的個性,是驅動用戶認同、喜歡乃至愛上一個品牌的主要力量。拿保時捷汽車前車燈的設計為例,這種特殊的外觀設計被嚴格地應用到所有保時捷的汽車產品當中,就算遮住品牌也能一眼分辨出該品牌,這就是品牌的力量。

回歸到我們視覺設計,我們在接需求的時候,經常會聽到運營及產品對頁面設計的要求是品牌感,那么怎么樣設計才有品牌感?下面就談談網易嚴選APP,在品牌設計方面地嘗試,在這之前我們先來了解下網易嚴選。

品牌分析

網易嚴選,是網易自營類家居生活品牌APP,秉承嚴謹的態度甄選天下優品。嚴表示嚴謹的態度,選是甄選,甄選天下好物。

設計原則

網易嚴選的品牌理念是“好的生活,沒那么貴”??梢韵胂笠韵聢鼍埃稍趹腥松嘲l上悠閑的看著書,坐在窗邊愜意的喝著茶,抑或是靠在陽臺上享受午后的陽光。他們不緊不慢,追求品質,享受寧靜,所以品牌關鍵字是品質、生活、寧靜。從品牌關鍵字提取到的設計語言是細節化、場景化、簡約化。

細節感是指精致,比如商品的光影,產品中的對齊法則等。場景化講究的是自然和諧統一;簡約化是去除一切多余的元素,只留下素材或者產品本身。

品牌設計

了解了品牌性格,品牌關鍵字及品牌設計語言,我們將這些應用到具體的設計中,包括品牌logo、版式、圖標、動效、圖片等。

logo設計

品牌logo以形象、直觀的形式向消費者傳達品牌信息,以創造品牌認知、品牌聯想和消費者的品牌依賴,從而給品牌帶來更多價值。

嚴選logo設計結合了小楷的輕重協橫,質樸平淡及刻本的一絲不茍,精雕細琢,表現出對產品的選擇保持嚴謹的態度,對產品服務保持無限的追求。由于網易logo品牌色是紅色,且從色彩心理學角度出發,紅色更容易刺激購物。所以顏色繼承了網易品牌的基因。

從品牌色延伸出來一些其它顏色,以便適用在不同的場景中,如活動色,成功色,會員色以及不同程度的灰色。

輔助圖形是品牌不可或缺的一部分。它能更好地配合品牌logo,傳遞品牌價值,從設計上也起到調和的作用。當然也可以單獨作為背景底紋、輔助元素等場景運用,既豐富整體內容,又起到強化品牌的作用。如圖所示就是將品牌logo進行拆分重組而成的輔助圖案及應用場景。

在app個人中心中運用的輔助圖形。

版式設計

嚴選app首頁版面采用兩欄布局進行設計,在內容的展現上做到適度克制,從而簡化了內容,再配以淺色背景或者大面積的白色,把核心展示都留給了商品本身,整體給人簡約,寧靜的感受,不強制,不給人壓迫感,相比其他電商app的四欄乃至更多的內容呈現,從視覺上做到了較強的辨識度。

圖標設計

在界面中在,icon圖標是界面中不可輕視一個品牌設計環節,也是造就品牌感較直接的方式。

底欄icon

嚴選底欄icon的圖標設計均以家居物品為原型而衍化而來,給人以場景感,真實感且生活化的感受,傳達了品牌價值。

為空設計

嚴選為空設計以生活中日常的元素為原型,并采用手繪線條斷開的樣式,加上塊狀的陰影及修飾等元素,營造場景化及畫面感,為品牌設計帶來了一絲情感。

動效設計

在app中做動畫設計的優勢在于生動性地傳達品牌個性。

登錄頁動效設計

在登錄頁及明星商品頁大面積留白空間的商品圖上都加入了自然的投影,給人營造簡約中帶著場景感,細節感,無形之中透露著品質,生活,寧靜。

loading設計

loading的設計創意來源于打開包裹時,商品呈現在面前的驚喜感以及生活的儀式感。所以設計的思路是隨著手向下拉,箱子緩緩打開,松開手的時候彈出“好的生活,沒那么貴”。這里寓意嚴選有你想要的商品,且品質及服務給用戶帶來驚喜,從而達到了品牌價值的傳達。

圖片設計

心理學研究證明,圖片比文字更直觀地、更優先地傳達,所以在APP中圖片的品質直接傳遞著品牌的感受。

單品設計

在產品設計中,既要體現品牌的氣質,體現品牌的品質,又要保證頁面不平,所以在登錄頁及明星商品頁大面積留白空間的商品圖上都加入了自然的光影效果,給人營造簡約中帶著的場景感及細節感,無形之中透露著品質,生活,寧靜。

這是運用在登錄頁及單品詳情頁的具體設計頁面。

SKU規范

電商里面最難部分就是商品圖的控制,需要對每個商品圖拍攝,角度,色彩都控制的很好,除此之外對商品在頁面的呈現也做了規范處理:

  1. 所有產品放置在米字格園內,分為大圓、小圓、迷你圓,分別對應偏大、常規、偏小尺寸。
  2. 產品角度以15度為基礎變量單位。如15、30、45等。

下面是一些具體運用實例:

結束語

app視覺設計中還有很多可以進行品牌設計的地方,這里就說到這里。以上大部分案例均來自網易嚴選app設計項目經驗,望共勉。

最后希望這次總結能對大家有所幫助,做出自己有品牌感的好作品,如有不當之處,歡迎大家來一起交流。

 

作者: 耗子,董俊豪,網易嚴選資深視覺設計師,目前主要負責網易嚴選APP端視覺設計。

本文來源于人人都是產品經理合作媒體@網易UEDC,作者@董俊豪

題圖來自 Pexels,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 很具體的的設計細節干貨,贊一個

    來自遼寧 回復
  2. 非常好,為你點贊

    來自廣東 回復
  3. 電商那種形式的APP架構設計我感覺怎么也太普通了, 就算界面風格再怎么換也讓人感覺像廉價市場, 我覺得可以參照很多奢侈品官方的APP設計, 嚴選的目標用戶是高收入人群吧, 怎么也得把逼格整出來啊

    來自北京 回復
    1. 只有呵呵呵

      來自廣東 回復
    2. 嚴選的人群和奢侈品的人群還是不一樣的,價格上也差別好幾個量級哇

      來自浙江 回復
    3. 當第一眼打開這個APP看到首頁, 給我的第一印象, 還是另外一個淘寶, 細節的完美設計付出的努力當然值得肯定, 但是大部分消費者要的就是第一眼感覺, 我也就是隨便說說而已, 別太當真。設計總是在不斷革新, 現在沒有以后也會有的。

      來自北京 回復
    4. 嚴選的目標用戶也就是普通白領階層吧

      來自浙江 回復
    5. 大姐你知道啥叫簡約風嗎

      來自河南 回復
    6. 嚴選的很多東西,比淘寶便宜品質更好,怎么定位成高收入人群了。

      回復