眾所周知,色調決定了網頁的整體視覺效果。對于深色設計,經常會出現諸如難以閱讀,不吸引人以及與傳統圖案糾纏在一起的問題。作為設計師,您如何設計吸引人的產品并打動游客或顧客?深色的網頁設計要點是什么?深色的網頁設計要注意什么?經常看一些流行的深色背景設計,您會發現它們占用了大量空白。也許我們應該在這里稱其為“空黑”。有效利用空白在任何設計中都很重要,對于深色背景樣式則更重要。
深色的網頁設計要點是什么?
首先,用戶會第一眼看見的元素——logo,旁邊有大量的空白。 然后用戶會注意到主內容區和右側的酒瓶。 如你所見,空白完美地反襯出了內容區的主標題和酒瓶上的文字。
如何選用字體
字體在設計中扮演著重要的角色,在深底色整站網頁設計中我們應該更謹慎地考慮字體的選用。
無襯線字體可讀性更強, 但許多設計師仍然選用襯線字體來表現設計中優雅的部分。其中的訣竅是僅在大字號文本上選用襯線字體,大字號的襯線字體會帶來更多額外的空白,從而令每個字母都顯得非常清晰。
文字間距
由于可讀性是深底色設計的頭號問題,所以設計師應該更多地關注文本的設計。在整體設計中,改善可讀性的一個途徑是增加文本的段落間距,字距及行高。
另一種方式來改善網站的可讀性的方式是增加字號。 如同本文中提到的大部分規則,更大的字體意味這更多的空白。 字母越大,字母的中間和四周就會出現更多空白。如下圖中的”a“字,字號越大,除了四周的空白越大,字母“a ”字臂和字谷中的空白也更大。
要注意,淺色背景上的小號文本比暗色背景上的更容易閱讀。 所以在設計新網站時,要使用一些虛擬文本來做測試,以確保文本的易讀性, 如果不行,嘗試增加字號看是否有幫助。
文本的對比度
很多人都同意,深底色網頁設計容易造成眼睛疲勞,過高或過低的對比度通常是罪魁禍首。 那如何找到完美的平衡點呢? 假設你在一個漆黑的房間里,突然有明亮的光線進入,你肯定會感到非常不適。 但如果是在一個不太黑的屋子里,射入不那么亮的光線,則會好受得多。 這同樣適用于web設計。
尋找完美的對比度,意味著要找到背景暗度和文本亮度之間的平衡點。你可以注意到背景和文本的亮度都在梯次降低。
在深底色背景上,為文字尋找合適的亮度要困難得多。要找到完美的平衡點,必須要試驗不同的配色。通常不使用純黑或純白能帶來更好的效果。 使用精簡的配色方案
為了讓深底色設計具有簡潔明快的外觀,設計者應該選用精簡的配色方案。堅持只使用一種或兩種顏色。如果要嘗試更多的顏色,試試與背景色同色系的搭配。當然,許多深底色的整站頁面設計中擁有激動人心的配色方案。 你可以在使用正確技巧的情況下打破規則約束。不過,一般狀況下,過多的顏色容易讓頁面看起來臟亂, 由于背景色已經讓頁面顏色很深,所以請謹慎使用顏色。
提供切換模式
雖然我們已經掌握了很多技巧令深底色設計更具吸引力,但是我們還可以再做一點努力已滿足更多的用戶。務必增加一個樣式表,以便用戶可以選擇切換到效果為“淺色背景+深色文字”的另一版本。
同時創建2個樣式表可以保證這一點,一個用于默認的深底色風格,一個用于替換為淺底色。
最適合使用深底色風格的設計類型
如前所述,很大一部分用戶認為,深底色的頁面設計可以適用于某些網站類型,但那份調查中并沒有說清楚究竟是哪些類型。一般而言,深底色風格適合用于創意型或優雅型的設計。對于手繪風格的網站,深色背景可用于更好地體現個性與創意。
別致的深底色設計
深色但帶給人的感覺是縱深,權威的,有力的。在使用得當的時候會看起來非常別致優雅。這里有一些使用深底色風格設計的案例和技法。這種技法可應用與多種類型的網站。復古和景點的紋理可以創造兼具優雅和個性化的風格。大部分人會把古典的紋理和高檔關聯起來,所以使用這種方法可以很容易地創建讓網站看起來有檔次。
深底色網頁設計可以賦予設計優雅的氣質和創造力,令產品的展示更加完美。但是并不適合所有類型的網站。對于一些大型網站,尤其是用戶中可能有視力缺陷或行動不便者,千萬不要使用深底色設計,哪怕你提供了界面切換模式。
深色網頁設計要注意什么?
1、多使用留白
留白對于任何風格的設計都是很重要的,而對于深色調的設計風格,留白則是必須的。深色調的網頁設計給人總體的感覺是“沉重的”,如果整體布局結構凌亂更增強了給人沉重的感覺。適當的留白會使得結構更顯得整齊,畫面感更輕松。
2、文字對比
深色調的網站往往會讓訪客視覺產生疲勞,而文字太過于亮眼,則會讓訪客覺得很不適應,如何把握這其中的平衡度是設計師們應該考慮的問題。設計師們應該學會在深色背景下找到字體亮度一個完美的平衡點,這個需要設計師們自己去探索。讓背景的顏色和字體的亮度處在一個完美的搭配,需要設計師們多多動手去實驗。
3、字體的處理
字體的設計對于深色調的網頁設計,也扮演著非常重要的角色。設計師們在深色調的布局里對于字體的設計要深思熟慮。
4、使用少的配色方案
為了讓深色調的設計看起來更干凈、整齊,設計師應盡量選擇少的配色方案。建議只保留1-2種顏色系即可。
以上就是關于深色的網頁設計要點是什么,以及深色的網頁設計要注意什么的全部內容介紹,想了解更多關于網頁設計的信息,請繼續關注中培偉業。