用這3種方法增加設計細節(jié)

1、俗話說，細節(jié)決定成敗。美，也在于細節(jié)。你對細節(jié)的關注程度，決定了你是否優(yōu)雅。一個作品好壞、美感全在于細節(jié)，細節(jié)處理好了你的作品幾乎成功一大半。1.通過“布局”構(gòu)造差異化設計風格五維度，形、色、質(zhì)、字、版，最后版式就是我們今天要說的布局，如何通過布局可以構(gòu)造差異化細節(jié)和創(chuàng)新？比如，我們可以營造真實場景體驗感，沉浸式，層疊設計。a.營造真實場景感布局CokePlayCokePlay設計中，在入口處營造了一種真實售貨機場景，喚起用戶線下購物真實體驗。當點擊進去后，差異化選擇方式，趣味性交互，讓我們大開眼界。當選中所需物品后，進入到三級頁面，我們看到羅列的真實物品。MillieMillie產(chǎn)品，在書架

2、陳列模擬現(xiàn)實世界中放書的情景；同時在界面中增加日歷設計，營造時光流逝感，場景代入感很強。b.多場景層疊布局Soldout文字圖形與商品疊加，通過多場景貫穿重復布局策略，在Banner，商品卡片列表和詳情頁，展示頁等，不斷強化用戶心智，又與競品拉開設計上的差距。MillieMillie在banner位置，通過錯層疊加布局設計，增強了畫面的形式感。2.通過“圖形”DNA外化，塑造產(chǎn)品特征巧用圖形我們增加產(chǎn)品設計細節(jié)，我們這里說的圖形是品牌特征符合。通常我們運用較多的地方在圖標上，還可以在banner、標簽、界面中應用。如果能全場景應用，那是最理想的狀態(tài)，下面我們來看看一些案例。a.符號穿透打造圖標

3、系統(tǒng)Taling想要在圖標上做好的細節(jié)設計，還是有一些難度，因為目前做得好的實在太少了，要么同質(zhì)化，要么沒記憶點。Taling將logo中硬朗直角與斜角特征點提取，然后延續(xù)到整個圖標系統(tǒng)中，算是比較有特色一套風格語言。H.PointH.Point設計，將品牌logo中的“點”元素提取應用到圖標系統(tǒng)和界面導航設計中。這種處理手法需要克制，不然過多的點元素也會造成一些干擾。當然，我這里拿出來講，是因為這種應用方式有意思。b.符號穿透打造標簽系統(tǒng)MantaManta將logo中傾斜角度與圓角提取應用在標簽中，與我們常規(guī)所見的規(guī)整的圖形標簽形成差異化設計。netflix美國的視頻軟件netflix，在

4、標簽系統(tǒng)行，提取logo清晰符號基因應用在設計上。3.通過“動效”塑造產(chǎn)品細節(jié)隨著硬件越來越好，一些有細節(jié)質(zhì)感的微動效，能在app上實現(xiàn)出來，通過動效的作用增強產(chǎn)品細節(jié)的同時，還能帶來趣味性和可玩性，在某些情況下還起到引導作用。a.營造場景感動效LaundrygoLaundrygo在第二個Tab上，通過微弱動效變化營造出生活場景感，從早晨日出到晚上，這樣的設計帶入生活儀式感，有溫度有情感。b.產(chǎn)品內(nèi)互動趣味動效Laftel通過重力感應，表情會隨著旋轉(zhuǎn)方向自由滑動，伴隨著手機也會產(chǎn)生震動。c.產(chǎn)品內(nèi)擬人化動效Kakao WebtoonKakao Webtoon在產(chǎn)品首頁使用視差動效，再點擊進入產(chǎn)品二級頁面，通過擬人化的方式營造超級可愛的趣味