如何做出設計亮點?我總結了6個方法

我們在看作品、做提案又或是面試的時候,經常在講設計亮點,那到底什么才叫亮點?

我自己總結,設計亮點就是:能感覺到很用心,回味一下又是意料之外,情理之中的設計。

對于設計亮點,很多時候我們會覺得比較主觀。一個設計效果,有些人會覺得很驚艷,另一些人可能會覺得很一般,每個人對于設計亮點的評判標準不一樣,結論似乎怎么樣都對,這就把這個問題整得像玄學了。

其實咱們設計師在設計的時候,都是想做出亮點的,不想做平平無奇,沒有個性的設計。那想要設計出亮點,是不是只能靠運氣,靈光乍現呢?

周末的時候我就在思考這個問題,我覺得還是有一些設計套路的,稍微花了些時間嘗試總結了下。從我個人經驗來說,下面這 6 條都是我自己用過的手法,挺實用,反正有思路就好辦了。

更多設計細節

一、善用隱喻

隱喻和語文中的類比手法很相似,由此及彼。由一類類比到另一類,屬于同級應用。

比如 QQ 音樂的選單,在我選歌單的時候,把鼠標放在封面上時,封面會有一個向上動效。雖然看起來是一個很簡單的效果,但我覺得這個動效做得非常棒!

如何做出設計亮點?我總結了6個方法

QQ 音樂的 hover 動效

這個設計模擬了以前在選音樂卡帶的時候,會往上抽拿的動作。非常簡單的動效,但我覺得確實是花了心思。

為什么說是花了心思呢?因為其實 hover 到封面,如果單純的做一個反饋動效的話,可以有很多選擇方案。但為什么是向上,而不是整體放大或是其他縮放,又或者不是縮放,而是是變色之類的。

能在一堆方案中選擇最貼切的,且又是能讓用戶感知到的,我相信這種決策是非常需要深思熟慮的,也就是所謂的打磨設計細節。

隱喻的價值就在于,你能通過它的小巧思,體會到不只是交互的觸達,而是生活的情感。

實際上,一個設計師的能力,就是在項目中不斷面對這種多方案時的決策力。作為一個設計專家,你要做的不是可以提供 100 種方案,而是能給出 100 種方案的排序,知道各個方案的優劣,并最終決策出某一個最佳方案。這個論證過程,其實你就可以放到作品展示里,表現出你的設計專業能力。

想要設計出有亮點的方案,找同類的詞和物,從隱喻這個角度切入是一個很好用的辦法。

二、特征拆分

和隱喻有些類似,但它可能更多的是從概念進行延展,是屬于由大到小的應用。

比如華為鴻蒙所講的宇宙概念,把宇宙抽象為一個圈,暗含的意思是這個設計能覆蓋華為所有終端設備,形成閉環。

如何做出設計亮點?我總結了6個方法

然后又從宇宙規律到動效上的關聯性,比如引力,重力,天體運動等等。

如何做出設計亮點?我總結了6個方法

量波

如何做出設計亮點?我總結了6個方法

滑動空間視差

如何做出設計亮點?我總結了6個方法

蠶食

如何做出設計亮點?我總結了6個方法

匯聚

從一個大的概念,擴展到各個細節設計上,讓整個設計有了靈魂,因為是從整體到細節,總、分的設計故事會給人很強的主次感。

這個方法就是由一個具象的物,不斷拆分它的屬性,然后應用到各個設計細節中,也是一個很常用的方法。

三、從需求原點出發

這個方法是從需求要解決什么問題出發,去思考如何設計,其設計結果很好的解決了這個問題,能給人很巧妙的感覺。

比如我會把蘋果電腦上的 dock 欄設計,設置為自動隱藏。當你需要專注的時候,它就會自動藏起來。當你想用它的時候,你能從它消失的位置重新找到。

如何做出設計亮點?我總結了6個方法

dock 欄自動隱藏動效

沒人關心它到底躲到哪里,但只要你想要它出現,就可以憑直覺從那個地方操作它,雖然消失又好像從未消失。這是一個很精妙的設計,也就是它的亮點。

比如 QQ 的姓名墻,只要你提意見,就可以被展示到這個墻上,被塑造為是一種榮耀的象征。某種程度上,也是對于人性的洞察。

如何做出設計亮點?我總結了6個方法

來自 ISUX

做了好事,肯定是希望得到正向的反饋的,最好能貼一個大榜,然后從中能找到自己的名字,這樣大家才更有動力。這個就是從人性的角度出發,洞察出的設計亮點。

四、擬人化設計

把和你交互的產品當成人來看,做有溫度感的設計,這個方法也很容易做出讓人眼前一亮的設計。

比如最新的 vision OS,主圖標在通過眼動 hover 的時候,它會主動向你回眸,就像你和一個人在交流一樣。因為人最自然的交流方式就是眼神的互動,哪怕很多時候你不說話,一個眼神就能感知對方的情緒,甚至能表達出想說的話。

如何做出設計亮點?我總結了6個方法

借這個方法,你可以想想你現在在做的設計,如果它是一個人的話,如何才能更自然,有情感。從這個角度切入,說不定能有所啟發。

五、意料之外的設計

本來不會想到的設計,不在常規路徑上,不在已有經驗上,而一旦發現之后又覺得合情合理。

比如 QQ9 里面,在很不起眼的版本信息頁面居然也做了彩蛋設計,企鵝是 3D 且可以隨意角度翻動的,給人意料之外的感覺。

QQ9 中的彩蛋設計

比如微信鍵盤中的聯想功能,我們一般在輸入法里輸入內容,最多就是給你文字的關聯。但微信鍵盤直接給你聯想到了圖片,表情,甚至是音樂,視頻等等,第一次用的時候確實會有驚喜的感覺。

如何做出設計亮點?我總結了6個方法

如何做出設計亮點?我總結了6個方法

如何做出設計亮點?我總結了6個方法

六、整體一致的設計

很多時候,我們會覺得亮點設計就是一些設計細節,那些細節能體現用心。但如果能從整體上看,看似平常的設計能完整連貫,那么這同樣也是有亮點的設計。像很多系統級的設計,就無比凸顯了這一特點。

如何做出設計亮點?我總結了6個方法

iOS 的一致性設計

如何做出設計亮點?我總結了6個方法

Google 的一致性設計

當然,設計亮點也會隨著時間的推移,變得不再符合當初亮點設計的特質。

比如一些意料之外的設計,初次接觸的時候,因為有新鮮感所以你會覺得是亮點,熟悉后就不再有感覺。還有些設計,可能在初級設計師看來是亮點設計,但在經驗豐富的設計師看來又沒有太吸引他的地方,在他眼里亮點可能不再是亮點。

這就是為什么說設計亮點有時候就是個玄學,所以找工作也看運氣就容易理解了,因為每個人判斷的標準不一樣。

對于咱們普通設計師來說,還是期望在設計中加入自己的一些小心思,做出一些不一樣的設計,給用戶一些驚喜感,更滿意的用戶體驗。

當然,除了我總結的這些亮點設計維度外,還有很多其他設計思路可以做出亮點。只是我不想讓設計亮點變成一門玄學,所以嘗試總結一些能夠方便落地的方法和思路。

總的來說,多結合日常生活經驗,留心觀察生活,熱愛生活,就能更容易做出讓人驚艷的亮點設計。

全文完,既然看到這里了,如果覺得有學到,隨手點個贊和“在看”吧。

歡迎關注作者的微信公眾號:「彩云譯設計」

如何做出設計亮點?我總結了6個方法

收藏 71
點贊 73

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