• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 深底色頁面設(shè)計(jì)指南設(shè)計(jì)

深底色頁面設(shè)計(jì)指南設(shè)計(jì)

奈薇網(wǎng)站制作 于2019-07-18 12:58發(fā)表 閱讀次數(shù) 2320次

深底色風(fēng)格的頁面設(shè)計(jì)很受歡迎，它可以創(chuàng)造出別致優(yōu)雅，極富創(chuàng)造力的效果。 　　深底色設(shè)計(jì)適用于許多網(wǎng)站類型，但并非所有。這種風(fēng)格應(yīng)該在恰當(dāng)?shù)臈l件下使用。 　　雖然深底色風(fēng)格可以帶來視覺沖擊力，但是很多設(shè)計(jì)師并不知道如何有效地表現(xiàn)他們，取得的效果往往適得其反。失敗的設(shè)計(jì)會(huì)導(dǎo)致可讀性差，難以吸引用戶，無法使用傳統(tǒng)的設(shè)計(jì)元素等問題。 　　所以在這里，我們將討論一些深底色頁面設(shè)計(jì)的要素，以便讓你的下一次設(shè)計(jì)更受歡迎，更具創(chuàng)造性。 　　最新的調(diào)查表示，47%的受訪者首選淺底色的設(shè)計(jì)，主要原因是基于可讀性。大多數(shù)人不喜歡閱讀深色背景上的亮色文字，那樣眼睛容易疲勞從而導(dǎo)致不適的閱讀體驗(yàn)。 　　相比之下，10%的受訪者傾向于深底色的網(wǎng)站，另外36%的認(rèn)為將取決于網(wǎng)站類型而定。 　　那什么是正確的答案呢？雖然每個(gè)人都有自己的觀點(diǎn)，但既然有如此高比例的用戶可以忍受深底色的頁面設(shè)計(jì)，有時(shí)甚至是他們的首選。我們作為網(wǎng)頁設(shè)計(jì)師必須了解如何為我們自己和客戶創(chuàng)建更有效的深底色設(shè)計(jì)。同時(shí)我們必須相信深底色風(fēng)格可以增加其可讀性和友好性。 　　使用更多的空白 　　在這里或許我們應(yīng)該稱之為“空黑”。 　　有效地利用空白，在任何設(shè)計(jì)中都是重要的，對(duì)于深底色風(fēng)格而言更必不可少。 　　深色的設(shè)計(jì)令人感到“沉重”，擁擠的布局會(huì)加重這種感受?？纯匆恍┝餍械纳畹咨O(shè)計(jì)，可以注意到他們運(yùn)用了大量的空白。 　　網(wǎng)站BlackEstate陳列了互聯(lián)網(wǎng)上優(yōu)秀的深底色頁面設(shè)計(jì)，它本身也是一個(gè)值得關(guān)注的卓越設(shè)計(jì)。其設(shè)計(jì)中運(yùn)用了大量的空白，還有獨(dú)到之處：有效地在某些重要元素旁邊使用空白。 　　首先，用戶會(huì)第一眼看見的元素——logo，旁邊有大量的空白。然后用戶會(huì)注意到主內(nèi)容區(qū)和右側(cè)的酒瓶。如你所見，空白完美地反襯出了內(nèi)容區(qū)的主標(biāo)題和酒瓶上的文字。 　　在Tictoc的設(shè)計(jì)中，精選內(nèi)容及相關(guān)圖片配合大片的空白共同構(gòu)成。隨著頁面下移，我們可以發(fā)現(xiàn)空白越來越少，這樣我們的注意力就會(huì)轉(zhuǎn)移到縮展示的內(nèi)容。 　　其關(guān)鍵是：空白可以逐步引導(dǎo)用戶到頁面底部 　　黑色背景增加了設(shè)計(jì)的縱深感。網(wǎng)站非常依賴設(shè)計(jì)中的空白，配合黑色背景制造出來的創(chuàng)意效果，頁面才如此吸引人。 　　網(wǎng)站MarkDearman的布局中應(yīng)用了大量對(duì)稱分布的空白。 　　每個(gè)內(nèi)容區(qū)塊間的空白提供了足夠的呼吸空間，在用戶視線瀏覽到下一區(qū)塊前，提供很好的休息點(diǎn)。大量的空白是深底色設(shè)計(jì)中必不可少的，它能夠令布局簡(jiǎn)潔，突出重要的元素，令整體外觀更優(yōu)雅。 　　文字間距 　　由于可讀性是深底色設(shè)計(jì)的頭號(hào)問題，所以設(shè)計(jì)師應(yīng)該更多地關(guān)注文本的設(shè)計(jì)。在整體設(shè)計(jì)中，改善可讀性的一個(gè)途徑是增加文本的段落間距，字距及行高。 　　下圖中比較了在深底色和淺底色中不同文本間距造成的效果。 　　另一種方式來改善網(wǎng)站的可讀性的方式是增加字號(hào)。如同本文中提到的大部分規(guī)則，更大的字體意味這更多的空白。字母越大，字母的中間和四周就會(huì)出現(xiàn)更多空白。如下圖中的”a“字，字號(hào)越大，除了四周的空白越大，字母“a”字臂和字谷中的空白也更大。 　　要注意，淺色背景上的小號(hào)文本比暗色背景上的更容易閱讀。所以在設(shè)計(jì)新網(wǎng)站時(shí)，要使用一些虛擬文本來做測(cè)試，以確保文本的易讀性，如果不行，嘗試增加字號(hào)看是否有幫助。

深底色頁面設(shè)計(jì)指南設(shè)計(jì)相關(guān)標(biāo)簽：網(wǎng)站設(shè)計(jì)公司，申請(qǐng)網(wǎng)站，網(wǎng)站設(shè)計(jì)，設(shè)計(jì)網(wǎng)頁

相關(guān)熱點(diǎn)推薦

青島網(wǎng)站設(shè)計(jì)成功要素 小型企業(yè)網(wǎng)站維護(hù) 奈薇建站網(wǎng)科技2016 國內(nèi)網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)談 網(wǎng)頁設(shè)計(jì)：如何確定網(wǎng)站 微信營銷推廣的特性-奈 什么是自助建站？ 如何從營銷的角度策劃建 建網(wǎng)站必備六步 基本搜索引擎優(yōu)化策略 新人做站之網(wǎng)站定位與網(wǎng) Web頁面設(shè)計(jì)原則 個(gè)人網(wǎng)站站長(zhǎng)看過來網(wǎng)站 網(wǎng)站設(shè)計(jì)中的簡(jiǎn)潔與簡(jiǎn)單 以“產(chǎn)品”思維搭建網(wǎng)站 關(guān)于VIP用戶研究與產(chǎn) 營銷型網(wǎng)站優(yōu)化需要注意 如何制作友情連接？做友 網(wǎng)站建設(shè)目標(biāo)分析 如何 如何創(chuàng)建一個(gè)新的網(wǎng)站 8個(gè)實(shí)用的友情鏈接技巧 個(gè)人網(wǎng)站如何制作才能成 網(wǎng)站搜索引擎優(yōu)化指南 網(wǎng)站描述怎么寫？ 如何提高自己網(wǎng)站的流量 網(wǎng)頁文案設(shè)計(jì)淺談 個(gè)人如何做網(wǎng)站 深底色頁面設(shè)計(jì)指南設(shè)計(jì) 網(wǎng)頁導(dǎo)航設(shè)計(jì)的注意要點(diǎn) 網(wǎng)站制作簡(jiǎn)易流程介紹 什么是營銷型網(wǎng)站 如何向必應(yīng)提交網(wǎng)站地圖 如何建立個(gè)人網(wǎng)站? 自助建站 青島營銷型網(wǎng)站建設(shè)這樣 網(wǎng)頁制作的各種效果 微信APP的H5活動(dòng)頁 6個(gè)外貿(mào)網(wǎng)站優(yōu)化技巧

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶