原文地址: http://www.yeeyan.com/articles/view/siyun/18580
1. 內(nèi)容是重點(diǎn)
極簡(jiǎn)設(shè)計(jì)的重點(diǎn)不是視覺(jué)呈現(xiàn),而是內(nèi)容,--以干凈利落、直觀明了的方式呈現(xiàn)的信息。極簡(jiǎn)指的是版面設(shè)計(jì)的結(jié)構(gòu);但所有簡(jiǎn)約設(shè)計(jì)的主要目的是實(shí)現(xiàn)設(shè)計(jì)的功能并傳遞要表達(dá)的信息。內(nèi)容是網(wǎng)頁(yè)的重點(diǎn),無(wú)論這些內(nèi)容是一組照片、網(wǎng)頁(yè)設(shè)計(jì),還是文字。設(shè)計(jì)不能喧賓奪主。
Autumn Whitehurst Illustration
在這個(gè)設(shè)計(jì)中,簡(jiǎn)單的白色背景和淡化的文字使視線集中在藝術(shù)作品上。
2. 留白為主
為了方便讀者瀏覽和閱讀網(wǎng)頁(yè)內(nèi)容,極簡(jiǎn)設(shè)計(jì)通常采用大量的留白。在有些設(shè)計(jì)中,留白占主導(dǎo)地位,約占整體布局的60%到70%。雖然這些留白顯得單調(diào),而極少量的網(wǎng)站元素卻牢牢地抓住了瀏覽者的注意力,并有效地影響他們對(duì)網(wǎng)站整體設(shè)計(jì)的認(rèn)識(shí)。
經(jīng)驗(yàn)之談:網(wǎng)頁(yè)元素較少而留白較多,這樣的設(shè)計(jì)中,瀏覽者能注意到每個(gè)元素。
Cameron.io
空白是基本元素,內(nèi)容所占的空間很少。也請(qǐng)注意所用的中性色調(diào)很淡,很柔和。
3. 排版是輔
信息通過(guò)排版?zhèn)鬟f給瀏覽者。大號(hào)的粗體字將瀏覽者的注意力吸引到目標(biāo)區(qū)域。設(shè)計(jì)時(shí)通過(guò)對(duì)字體顏色、大小和樣式的精心選擇來(lái)突出重要元素,并弱化不太重要的部分。
i love typography
頁(yè)面中央使用大號(hào)的粗體字來(lái)抓住瀏覽者的視線。
Astheria
在這個(gè)設(shè)計(jì)中,瀏覽者的視線繞過(guò)網(wǎng)站名稱(chēng),而聚焦在“標(biāo)志性”的內(nèi)容區(qū)(在這一范例中,這是作者的最新作品),盡管網(wǎng)站名稱(chēng)出現(xiàn)在“標(biāo)志性”內(nèi)容的前方。這與I love trpotraphy的設(shè)計(jì)截然相反,它是將網(wǎng)站名稱(chēng)作為設(shè)計(jì)的主體。
4. 純色組成的調(diào)色板
避免在Web2.0的設(shè)計(jì)中使用浮華的、亮色的方案,也要避免古典的設(shè)計(jì)趨勢(shì)。通常情況下,設(shè)計(jì)者選擇一種鮮明的顏色來(lái)有力地表現(xiàn)網(wǎng)站的重要內(nèi)容。這些內(nèi)容元素通常是可點(diǎn)擊的,這種元素的數(shù)量在網(wǎng)頁(yè)上很少超過(guò)5-7個(gè)。
Behance
Alltop
5. 背景色調(diào)通常采用簡(jiǎn)單的純白色/灰色或純黑色
純色作為背景顏色行之有效,特別是當(dāng)要呈現(xiàn)的內(nèi)容充滿(mǎn)活力、豐富多彩(如設(shè)計(jì)一覽的頁(yè)面內(nèi)容)。簡(jiǎn)單的顏色不會(huì)分散瀏覽者的注意力;相反,可以幫助瀏覽者瀏覽網(wǎng)頁(yè),查找內(nèi)容。“極簡(jiǎn)”設(shè)計(jì)幾乎從不采用鮮明的背景圖,很少使用圖案、紋理及鮮艷的顏色。
kind company
純白背景突出了縮略的項(xiàng)目圖。
The Consult?
黑色的背景起著同樣的作用。
|