午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

UI設計中的陰影與層次!

2016-11-1    ui設計分享達人

 藍藍設計www.gerard.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計  cs界面設計  ipad界面設計  包裝設計  圖標定制  用戶體驗 、交互設計、 網站建設 平面設計服務 

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

 

隨著大家對于扁平化設計的反思和優化,近兩年的整個設計風向顯得理智而合理了許多。更加平衡而合乎情理的新的扁平化設計誕生了。這個新的方案得到了絕大多數的設計師的認可,這種“近乎扁平”的設計更多被大家稱為“扁平化設計2.0”。扁平化2.0 整體上依然是扁平的,但是其中的諸多設計元素沿用了微妙的陰影、高光和層級來打造有深度的UI。

01.webp.jpg

Google就是扁平化2.0 設計風格中的佼佼者。整套設計借用了“紙”的隱喻和物理規則,在視覺層次和交互性上有著明顯的提升。它賦予界面以簡約的視覺,又不犧牲UI的能指。

02.webp.jpg

陰影和高度  現代如今的UI設計之所以有層次感,很大程度上是因為Z軸,或者說是因為高度的存在。不同的層占據Z座標軸上不同的位置,“高度”的差異讓它們看起來有先后的層次之分。

03.webp.jpg

 

陰影是讓圖片和其他元素從背景中“彈出”并擁有深度的重要手段。微妙合理的陰影設計不會讓用戶感到分心,同時能讓用戶更輕松的理解界面:

1、陰影會暗示用戶某個元素其實是可點擊的。

04.webp.jpg

 

2、陰影可以讓用戶理解元素的層次,讓他們理解兩個對象并不在同一高度,不是同一個層級。

05.webp.jpg

 

如果沒有陰影,用戶無法將紅色的按鈕和背景的層級清楚的區分開來

3、陰影為定向運動提供了重要的視覺線索。

06.webp.jpg

 

當用戶無法確定控件或者元素是否可以點擊,或者是否已經被點擊了,他們就越是需要點擊之后的反饋給予心理安慰。一個元素的高度變化應該帶來相應的陰影變化:

07.gif

 

結語

說了這么多,最后還是要多說一句:陰影對于扁平化的UI設計而言一樣重要,但是不要過度依賴重陰影、極端漸變和復雜的光照效果,它們太過于分散用戶注意力了。真正有價值的是那些微妙而實用的陰影,那些符合物理規則的過渡效果。

08.webp.jpg

人是視覺動物沒錯,但是用戶最終還是更喜歡簡單干凈、符合自然感知的設計。看看近些年交互上最成功的設計,贏家大都是反饋迅速,邏輯完整,簡約講道理的產品。

 

日歷

鏈接

個人資料

藍藍設計的小編 http://www.gerard.com.cn

存檔

主站蜘蛛池模板: 校园刺激全黄H全肉细节文 校园纯肉H教室第一次 | 视频在线观看高清免费看 | 美女诱点第6季 | 伊人久久大香线蕉综合色啪 | 米奇在线8888在线精品视频 | 亚洲精品无码午夜福利在线观看 | 好湿好紧水多AAAAA片秀人网 | 忘忧草在线影院www日本 | 国产精品色午夜视频免费看 | 免费又黄又硬又爽大片 | 国产GV天堂亚洲国产GV刚刚碰 | 花蝴蝶hd免费 | 诱人的女邻居9中文观看 | 理论片午午伦夜理片2021 | 亚洲成人精品久久 | 果冻传媒在线看免费高清 | 国内精品乱码卡一卡2卡三卡新区 | 午夜伦4480yy妇女久久 | 精品成人在线视频 | 久久精品99国产精品日本 | 久久无码AV亚洲精品色午夜 | 黄色三级视频在线观看 | 国产成人拍精品免费视频爱情岛 | 伊人久久综合影院 | 亚洲精品国偷拍自产在线观看蜜臀 | 一本道久在线综合道 | 丝瓜视频樱桃视频在线观看免费 | 超嫩校花被灌醉在线观看 | 国产在线精品亚洲第一区 | 扒开双腿疯进出爽爽爽动态图 | 亚洲日韩在线天堂一 | 久久大综合 | 港台三级大全 | 人妻天天爽夜夜爽三区麻豆A片 | 国产午夜精品久久久久九九 | 久久精品熟一区二区三区 | 99在线观看免费视频 | 亲女乱h文小兰第一次 | 久久电影午夜 | 亚洲精品久久无码AV片银杏 | 伊人久久精品线影院 |