老鐵們在做界面設計時,經常遇到的難題是如何才能做得更有創意?每次給老板看方案時總是被說太平淡了,界面也缺乏創新。我想很多設計師都會遇到這種情況,包括我自己在內,早期開始做設計時,思路總會局限在現有的參考上,不知道如何下手做。

比如下面這個設計

這3個細節創新,大廠設計師都不一定全知道!

雖然粗看沒多大問題,但確實是一個很常規的設計,沒有亮點。

試想,我們是否可以在布局、圖標圖形、色彩質感等做一些細微的突破,這些地方稍微做些改變都可以使得界面變得更好。

這3個細節創新,大廠設計師都不一定全知道!

再比如上面這個作品,也是同樣的問題,缺乏一絲靈魂。之前看很多設計師作品集里面包裝的作品,就是這樣設計的。

雖然現在 UI 趨于模式化設計,但是我們在確保體驗最優的同時,還是可以做一些創新設計。比如布局、圖標、色彩、質感、雜志化等方向發力,下面我們來看看如何做一些差異化設計。

差異化圓角層疊布局

俗話說,當然不知道如何去做創新時,可以去找一些好的概念設計,從里面挖掘一些新的設計想法,用在自己項目中。

這3個細節創新,大廠設計師都不一定全知道!

例如上圖,我們將卡片圓角化與底部地圖相呼應,整個設計看上去就有了細微縱深感。如果上下滑動時,再配上視差動態效果,那么細節也會更豐富。

這3個細節創新,大廠設計師都不一定全知道!

上圖的設計也是同樣的思路,圓角圖片作為背景,大圓角卡片在上層疊加布局,增加細節豐富度。

再來看一些優秀案例

這3個細節創新,大廠設計師都不一定全知道!

圓角化布局設計在功能詳情頁的應用。

這3個細節創新,大廠設計師都不一定全知道!

半圓角化布局設計的應用案例,只有一個邊用圓角來布局設計,另外一邊直角布局。

通過上面一些案例,可以提取一些布局方案用在項目上,如下圖所示。

這3個細節創新,大廠設計師都不一定全知道!

下面這個案例通過圓角卡片來布局,貫穿所有。

這3個細節創新,大廠設計師都不一定全知道!

看到這,大家面對改版或者 0~1 的探索,布局上應該有新思路了,而且很多布局都是不斷嘗試與打磨出來的,下面我們繼續看下圖標如何做差異化設計。

打破常規的圖標

圖標可以說在設計中非常重要,承載著品牌性格傳遞,表達產品的氣質,但也是我們最容易忽略的地方。

這3個細節創新,大廠設計師都不一定全知道!

如果纖細的圖標看膩了,是不是可以嘗試下這種粗線性圖標。

這3個細節創新,大廠設計師都不一定全知道!

再或者就是將圖標 logo 化,設計更有趣味性一些。這些圖標應用場景可以是功能頁面,比如像智能家居、智能鏡等場景中。

這3個細節創新,大廠設計師都不一定全知道!

用“點”來貫穿整個圖標設計,下圖,韓國 NAVER 的圖標設計,通過點與線的集合來打造記憶點。

這3個細節創新,大廠設計師都不一定全知道!

Naver

這3個細節創新,大廠設計師都不一定全知道!

圖標與品牌色集合,這種雖然現在應用較多,但是可以從不同角度來切入。比如上圖中使用填充品牌色與斷線集合,形成一種不一樣的設計思路。

這3個細節創新,大廠設計師都不一定全知道!

最后一種思路圖標進行品牌化設計,整套圖標延續品牌 DNA 特征。

這3個細節創新,大廠設計師都不一定全知道!

上圖 app 設計,里面圖標就是將品牌 DNA 符號延續到整套系統里面,包括底部 bar 的功能圖標和表情符號等。

彌散光感漸變背景

很多情況下會遇到需要做詳情頁或者個人頁面,這時候就會涉及到頭像與背景的關系設計。目前設計較多的方式就是高清大圖、品牌圖形、漸變色等。那么還可以用下面這種思路。

這3個細節創新,大廠設計師都不一定全知道!

使用彌散光感漸變作為背景,相對于單一的漸變色,會多了一絲細節在里面。

好了,今天分享就到這,早期我們在做創新探索時候,不要懼怕太過于概念,如果一直被這個限制,就難以打破思維的墻,做出來的設計幾乎很平庸。我們還是敢于挑戰自己,善用逆向思維。

歡迎關注作者微信公眾號:「功夫UX」

這3個細節創新,大廠設計師都不一定全知道!

收藏 86
點贊 27

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。