亚洲老熟女与小伙bbwtv_91.com在线_久久国产精品久久久_少妇又爽又刺激视频_女同久久另类99精品国产_亚洲一区二区不卡免费

新聞動態
簽約信息
公司信息
行業資訊

深色界面該如何設計網頁?

 發布時間:2019-03-08     瀏覽次數:2.4k     作者:斑驢互聯

習慣了淺色界面的設計?本文將帶你了解深色界面的設計,聊聊深色界面下的設計細節,使你設計的深色界面在普遍的淺色系界面下脫穎而出,展現個性。

這也是這次主題的由來,關于深色界面的設計,深色界面它有著明顯的優缺點,不太普適,設計合理能彰顯高端、優雅、奢華的氛圍。相反,它又可能毀掉頁面中你所有精心設計的 UI ,甚至影響使用效率,體驗上大打折扣。

以下是我在設計網易郵箱大師 Mac 版 Dark模式時,整理的一些視覺上需要注意的小細節,希望對大家在設計深色相關的界面時有所幫助。

文字顏色
在深色界面下,文字顏色盡量不要使用純白。對于黑底白字的形式,白色文字更加容易吸睛,視覺刺激更加強烈,但強烈的同時會帶來視覺疲勞,造成不適的閱讀體驗,甚至極端情況下的對比會使白色產生眩光,不利于文字的識別。

文字間距
大多數研究表明,在可讀性方面深色界面相比淺色界面略差,所以適當的增加文字的段落間距,行高等,是在深色界面下增強文字可讀性的重要途徑。

文字字體
在深色界面下,無襯線字體相比襯線字體可讀性更強,但是襯線字體相比無襯線字體在深色界面下更顯優雅,前提是字體需要放大,留足空白。

圖標形狀
我們應該仔細地觀察圖標,做出藝術性的反轉,讓它在淺色和深色界面下都能很好的傳達表意。例如下圖的笑臉圖標,一般在深色界面下做法可能就只換了顏色。

初看似乎沒有什么大的問題,但是仔細觀察就會發現,淺色界面下使用邊框形式來設計圖標,中間是空白的,這樣做是因為可以利用白色背景來更好展現它的形狀。但是,如果把它同樣放在深色界面下,它的形狀感和體積感好像都消失了,變得有點奇怪,此時我們要反轉下,強化它的形狀和體積。

按鈕狀態
按鈕的點擊狀態,如果在淺色界面下,一般的做法是加深按鈕背景。但是在深色界面下面也采用這種方式,就會發現點擊狀態下的按鈕顏色跟背景更加接近,模糊了按鈕的邊界和輪廓。

分割線
分割線也是我們設計中常用到的元素之一,用來創建內容間的視覺分割。然而,在深色界面下如果只是簡單的反轉,黑底上用白線來做視覺分割,效果并不是那么理想。

那如果我們都用黑線來做分割,這樣又會覺得比較悶,不夠精致。

所以我覺得用于不同區域之間的分割,可以用黑線,同一區域之間的區分可以是比較弱的白線,這樣顯得畫面更加細膩,而且語意明確,認知簡單。

色彩
相比淺色界面,深色界面下色彩應該更亮,更飽和些。舉個例子,看下圖郵件列表的焦點色,相同的藍色在深色界面下顯得有點泛白。優化后,藍色更純正,跟深色界面也更加匹配。

色彩傾向
在深色背景中加入有彩色點綴,可以是品牌色或者其他顏色,這會使設計顯得更加優雅、高級。

色彩感知
從色彩心理學上來說黑色會傳遞出高端、正式、名望、權力的感覺,這也是為什么許多大品牌會圍繞黑色來做視覺設計,并且使用黑白來做主要的配色方案。

黑色
自然界中沒有百分百的黑色,我們日常生活中看到黑色其實是深灰色,如果設計中使用了純黑色,會顯得不自然。因為純黑色可以壓倒一切,蓋過一切其他元素。

視覺層次
在深色界面下更應該注重視覺層次,每個版塊之間的對比要清晰明了,層次分明,否則用戶會很容易在布局間迷失,造成不好的體驗。

留白
深色界面給人沉重的感覺,擁擠的布局會加重這種感受,所以在深色界面下我們更應該使用留白,或者說是「留黑」,這樣才能平衡布局,使元素更清晰的呈遞,從而吸引用戶注意。

結語

以上這些就是我在設計深色界面時,對一些小細節的梳理。其中有幾點在淺色界面下也同樣適用,只是在設計深色界面時更應該把握好那個「度」,來彌補深色界面的缺點,揚長避短,使深色界面在普遍的淺色系界面下脫穎而出,展現個性。


標簽: 南昌網站建設公司/南昌做網站的公司/南昌微信小程序/南昌APP開發/—斑驢互聯

分享本文
每個作品都是一次思維與靈魂的碰撞
斑驢互聯在南昌一直向著“做業內一流互聯網設計團隊”這一愿景努力,不斷提升對網站高端設計,微信公眾號/小程序開發等產品的用戶體驗
400 0791 158
主站蜘蛛池模板: 黄色的网站在线播放 | 欧美性猛交xxxx乱 | 无码国产精成人午夜视频 | 久久综合给合久久97色 | 国产午夜成人久久无码一区二区 | 国产亚洲一区二区手机在线观看 | 一区二区三区精品国产 | 多男一女野战高潮做爰视频 | 丁香五月婷婷中文 | 99精品免费久久久久久日本 | 亚洲 新中文字幕 | 国产精品一级无遮挡毛片 | 亚洲欧美日韩精品久久亚洲区色播 | 天天做日日干 | 亚洲免费视频大全 | 国产精品嫩草99av在线 | 日韩高清在线播放 | 西西人体www大胆高清 | 正在播放群交换视频国产 | 99国产婷婷综合在线视频 | 中文字幕精品久久 | 日本一区二区三区久久久 | 成人av免费在线看 | 国产乱对白刺激视频在线观看 | 久久国产精品久久久 | 欧美变态另类牲交zozo | 国产下药迷晕一区二区三区在线看 | 一区二区三区乱码国产在线 | 无码人妻AV一二区二区三区 | 亚洲一区久久 | 国产精品亚洲第一区焦香味 | 国产日批 | 亚洲精品无码乱码成人 | 国产精品福利一区 | 九九免费视频 | 91免费看毛片 | 三级理论中文字幕在线播放 | 91碰碰碰 | 欧美日韩高清一区 | 国产成人无码A区在线观看免费 | 岛国AV无码免费无禁网站麦芽 |