tft每日頭條

 > 生活

 > 拟物風格ui教程

拟物風格ui教程

生活 更新时间:2024-07-02 12:57:39

拟物化風格也稱為寫實風格,即據實直書,真實地描繪事物。

拟物風格ui教程(拟物圖标設計風格)1

拟物風格ui教程(拟物圖标設計風格)2

拟物化圖标基本上使用生活中原有的物象來反映産品的功能,同時圖标的内部加入更多的寫實細節,比如色彩、3D效果、陰影、透視效果,甚至一些簡單的物理效果,使得用戶認知時一目了然,視覺刺激強烈,大大提高辨識程度。

拟物風格ui教程(拟物圖标設計風格)3

但有些時候寫實的設計并不一定是原始的意思,而是一種近似的表達,比如眼睛圖形可能不代表“眼睛",而代表“查看”或“視圖";齒輪狀的圖形不一定代表的是“齒輪",可能是“設置",也可能是“調整"。

拟物風格ui教程(拟物圖标設計風格)4

簡而言之,拟物化的圖标,無論是面對真實存在的物體,還是想象出來的對象,其總是在描述一個真實存在的事物,而不是抽象的符号。

拟物風格ui教程(拟物圖标設計風格)5

拟物化風格圖标的實際設計,并不一定是照着原始物體将其完全描繪出來,有時候隻需要描繪基本元素即可,即将重點的部分表達出來就可以了。比如我們經常看到用戶界面上的主頁按鈕,通常會用一個小房子作為圖标,将代表房子的重點元素繪制出來。

拟物風格ui教程(拟物圖标設計風格)6

拟物風格ui教程(拟物圖标設計風格)7

拟物化風格設計對于初次接觸電子産品的用戶來說,識别直觀,易用性強,可以很容易找到操作的入口。但多年一成不變的設計也造成了一些問題,比較突出地表現于以下兩個方面:拟物化風格圖标流行多年,造成用戶的審美疲勞;過度地在意拟物化的細節表現,使得用戶對産品内容的轉化效率變低。

拟物風格ui教程(拟物圖标設計風格)8

拟物風格ui教程(拟物圖标設計風格)9

①注意取舍。在拟物化圖标的創作中,細節太多或太少,都有可能造成用戶看不懂的情況,所以要注意取舍。可以先在紙稿上繪制草圖,用來确定哪些細節需要表達,哪些可以省略。當然,如果界面元素和生活參照物相差太遠,就會很難辨别;如果太寫實,有時候也會讓人們無法識别你要表達的内容。

拟物風格ui教程(拟物圖标設計風格)10

②使用合适的材質和紋理。拟物化圖标中使用好的材質和紋理,能夠讓用戶得到對品質追求的滿足感。比如木質、皮質或者塑料一般可以使人産生懷舊感,金屬一般可以使人産生科技感,大自然中的事物能夠喚起親和感,食物類的質感表現可以勾起人們的食欲感。使用合适的質感與紋理表現,可以使用戶的感受從物質感受提升至對美好事物的精神感受。

拟物風格ui教程(拟物圖标設計風格)11

③規劃拟物化圖标中的光影與色彩。拟物化圖标中的光影與色彩是還原“真實”物象的重要環節,能使圖标從二維平面轉換為三維的立體效果。光影與色彩從不同的角度、不同的空間表現出來的組合效果,成為一種獨特的視覺語言,帶給人們美好的享受。

拟物風格ui教程(拟物圖标設計風格)12

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved