在設計界面的時候要注意整體層次的把控，注意主要信息和次要信息的分布的同時，我們還需要使用元素來突出產品的獨特性和豐富性。

一個好的產品首先需要保證他的易用性，不要讓用戶想，直接就能找到他想要的信息。

那怎么讓一個好用的產品錦上添花，發揮出潛在的光芒呢？

這個小結我和大家一起解構一下元素在界面中的重要性，重新打開設計的再創造力！

常用的方式有哪些？

最為基礎的就是我們常說的點、線、面就是元素的組成方式。

先說說點線面

在哲學上的定義：點就是宇宙的起源，沒有任何體積，被擠在宇宙的"邊緣"；點是所有圖形的基礎。線就是由無數個點連接而成的。面就是由無數條線組成.。

在視覺層面上我們可以這樣理解

點：點綴（目的豐富畫面，活躍氣氛）

線：聯系（具有引導性，貫穿畫面）

面：重點（主要信息呈現，有分量感）

一句話把重點串聯起來就是點線面

從點線面中我們運用到了元素，而這些元素就是我們構成畫面的最重要的因素。

元素不僅起到了點綴作用，豐富了產品內容，并且元素讓產品設計散發了他獨特的光芒和銳氣。

在設計過程中我們要學會提取點元素。一個好的產品他的點元素是統一的，貫穿于整個產品風格。

好了，那我們就開始解構元素大法的奧義吧~

第一招：極簡即逼格

圖中是運動型的界面，融入了動感的菱形四邊形元素，使界面突然生動而活躍了起來。其中有點式的四邊形也有面式的四邊形及線式的四邊形。

經過分析結果得出

第二招：品牌中找靈魂

第三招：將形象化為魂魄

天貓

他的形象可堪稱天神下凡！怎么說是非凡呢？下面我們看看他形象來源。

這產品的LOGO提取可稱是乾坤大挪移啊，LOGO一出，就轟動了江湖，這可以看出元素的提取是多么的重要啊??！

提取了形象后，統一運用在產品的頁面中，宣傳中。將天貓的理念是傳遞的淋漓盡致。

飯飯APP早起的版本，形象也是深入人心，我一直還保留著。

曾經火爆的社交簽到軟件"街旁"，也運用到了形象化的設計。將產品生動的展現給用戶，也留下了深刻的印象。

在界面設計中我們常常會因為一些小動畫，而這些小動畫元素讓整個設計賦有了生命感！好的設計是能讓用戶感知到他的溫度。

"MONO"是一款輕量閱讀的APP。他上面運用到了極簡的圓形，并把簡單的圓用呼吸的小動畫進行了再加工。讓產品顯得更為有生命力。統一的圓形點設計不僅豐富了產品視覺，更使用戶在使用的過程中有驚喜感，增加用戶的活躍度與粘性。

番外：菜單三進擊！

到了后期三方的APP各自萌芽出自己的品牌性格，有了較為特色的菜單圖標。從而區別了產品之間的記憶。

到了現在，移動互動時代的來臨，各種穿戴設備、智能家居的興起。更為注重互動的體驗感，而在APP界面元素菜單中運用到了動效。讓人機交互有了更多的想象空間！

大家可以體驗一下新版的58同城APP，在動效上有了很多的嘗試。

今天說了啥，元素大法，你會了嗎？

這些方法希望能幫助大家擴散思維，不僅在需要注重視覺上的統一性，還要加強設計的驚喜感。一個產品是否合格在于他有沒有按規章在設計，而產品的傳遞正是這一個一個亮點才使得產品深入人心。

總的來說，做用戶想要的，讓用戶得到他所驚喜的！