UI規範裡 陰影怎麼做規範?

時間 2021-06-06 14:44:04

1樓:荔枝

今天,荔枝給大家分享6個UI設計中陰影小技巧的小技巧,相信你耐心看完後一定會有所收穫,趕緊get起來~

1、不要使用陰影的預設值

不管你是用Sketch,Figma或者Adobe XD 啥的軟體都沒有關係。設計工具提供的所有預設陰影效果都很一般,會顯得有點髒。如果要讓陰影看起來乾淨、自然的話,必須修改它們的外觀引數。

2、讓陰影更柔和一些

一般一些漂亮的陰影都是比較柔和的陰影。如果你想要讓它變得柔和,那麼可以降低一些不透明度(大概在10-30%這個範圍吧,具體自己看),並調整一下更高的模糊度(16px-40px)。看看這樣調整是否改善了陰影的外觀。

3、考慮用帶有模糊的圖層來代替陰影

標準陰影樣式雖然更方便實現,但是如果你想做的更好的話,可以試試使用模糊作為陰影來做為單獨的圖層。用這個方法可以更好地控制陰影位置以及大小。

4、讓陰影的顏色更自然一些

用純灰色的顏色肯定看起來不會好看(純黑白主顏色的除外)。你會發現在生活中總是有一種微妙的色彩。給陰影新增UI介面的中性色彩,這樣效果會更好。

5、把材質顏色設定為陰影

看一下生活中的一些材料,尤其是那種半透明的材料。它們的陰影繼承了該物體的顏色。你可以使用這些色調來建立該型別材料的插圖。這樣它看起來會更有趣。

6、從生活中尋找靈感

上面的一些例子只是個開始。多觀察觀察其它物體和材料是如何與光線相互作用的。看看它們是怎麼樣投射陰影的——包括顏色、模糊、角度。一般一些優秀的成果都始於靈感迸發的火花。

總結

這6個簡單的小技巧會使你的陰影設計更上一層樓,當你將這些簡單的技巧應用到你的專案中,你會覺察到你的工作質量是如何提高的。

UI轉產品,需要怎麼做?

產品經理的話現在確實是網際網路行業比較熱門的崗位了。你要是想要從UI轉崗到產品經理的位置上的話,那麼我覺得你首先要考慮的就是你合適不合適做產品。雖然說是UI轉產品也算是優勢,但是要是綜合考慮的話,我也建議你在轉崗前評估一下你轉崗產品的優勢與劣勢。畢竟產品經理他也算是乙個綜合性很高的崗位了,你要是學習...

UI畢業設計怎麼做?

UI設計是互動設計 需要用到的工具如下 這裡牽涉到作業系統問題。如果你用windows電腦,介面設計你就用XD或者Figma,動效製作用Figma,所以你用Figma就可以解決介面和動效的問題 至於Figma能否模擬操作展示介面動效我就不是很清楚了,因為沒用過,但是有一點可以肯定它能輸出一段demo...

手遊應該怎麼做 UI 設計?

手機的螢幕很小,並且,在螢幕上進行觸控操作後,也會需要直接在螢幕上進行適時的反饋。這一輸入輸出手段的組合,使得在它之上的遊戲也具備了小螢幕顯示 觸控螢幕輸入組合的特性。最近在閱讀一本關於遊戲UI設計的書 遊戲UI設計 修煉之道 它是圍繞輸入 資訊傳達 和輸出 操作後反饋 而進行分析的,我覺得這裡面有...