你可能已經(jīng)掌握了某些方面的使用對(duì)比度和重復(fù)(或相似性),你如何設(shè)計(jì)網(wǎng)頁(yè)進(jìn)行網(wǎng)站建設(shè),甚至沒有意識(shí)到,你一直在做什么。你可能已經(jīng)將某些元素在一頁(yè)因?yàn)樗麄円曈X上或美學(xué)上相似。在同一個(gè)呼吸中,你還包括其他元素,以提供相反的一切,在頁(yè)面上停止您的設(shè)計(jì)尋找“平淡”。這些都是基本的設(shè)計(jì)原則,你很有可能已經(jīng)學(xué)會(huì)或使用直覺,但我相信它總是很好,回到基礎(chǔ),以提高你的工作。所以讓我們?cè)谠O(shè)計(jì)上更接近對(duì)比和重復(fù)。
對(duì)比是什么?
在盡可能多的人類思維的“更高”的大腦中,我們更傾向于更依賴于我們的“蜥蜴”的大腦,專注于識(shí)別變化的情況下或我們周圍的環(huán)境。事實(shí)上,這是“蜥蜴”的大腦,確保了我們的生存,而我們的許多“祖先”只是死了。
我們很快就認(rèn)識(shí)到圖案或形狀的變化,然后對(duì)它們作出反應(yīng)。在你的設(shè)計(jì)中使用對(duì)比度將有助于吸引注意力到某個(gè)站點(diǎn)的特定區(qū)域或元素,或者至少它會(huì)在使用時(shí)使用。這是一個(gè)非常簡(jiǎn)單的例子,這是一個(gè)文本元素的大膽,立即對(duì)比它在頁(yè)面上的每一個(gè)其他字。事實(shí)上,技術(shù)作家做這相當(dāng)一點(diǎn),因?yàn)樗试S讀者快速掃描文檔,以了解什么步驟是需要完成一個(gè)給定的過(guò)程。
工作對(duì)比與重復(fù)。顏色的對(duì)比度,形狀的重復(fù)
確保使用對(duì)比度的關(guān)鍵是在適當(dāng)?shù)那闆r下使用它,只有在適當(dāng)?shù)那闆r下才可以使用它。少是肯定的,當(dāng)它來(lái)對(duì)比。
在網(wǎng)絡(luò)設(shè)計(jì)中,對(duì)比度可以用在顏色、大小和排列上。大多數(shù)人會(huì)想到的顏色,當(dāng)他們聽到這個(gè)詞對(duì)比,但對(duì)比的原則是遠(yuǎn)遠(yuǎn)不限于顏色。事實(shí)上,對(duì)比是不可缺少的,當(dāng)它涉及到幫助用戶區(qū)分一個(gè)頁(yè)面元素從另一個(gè)。
這里的一個(gè)例子,大多數(shù)網(wǎng)頁(yè)都有一個(gè)標(biāo)題,一個(gè)腳注和一個(gè)內(nèi)容區(qū)域,這些區(qū)域是不同的,需要在視覺上分離。通過(guò)使用對(duì)比背景顏色,你將實(shí)現(xiàn)。
背景色對(duì)比。注:你可以下載的WordPress主題。
你可以用幾種方式在文本中使用對(duì)比度。你可以給標(biāo)題,字幕和段落文本不同的顏色,從而使它們彼此分離?;蛘吣憧梢越o他們不同的大小,從而創(chuàng)建層次結(jié)構(gòu)。你可能已經(jīng)注意到我在這里發(fā)表的每一篇文章都使用這種方法?;蛘吣憧梢允褂眠@兩種方法在一起。
這兩種方法在文本一起使用的對(duì)比度
用對(duì)比度的大小,或者說(shuō)比別人更大的東西,是一個(gè)很好的方法來(lái)創(chuàng)建層次,你不能依靠顏色。例如,如果你的設(shè)計(jì)有簡(jiǎn)約的配色方案,主要內(nèi)容是在中間的一個(gè)流行的三柱布局,你可以使中柱多大的比其他兩個(gè),從而讓客人知道他應(yīng)該更多地關(guān)注它。
對(duì)齊的對(duì)比度如何?我會(huì)說(shuō)這種方法很謹(jǐn)慎。對(duì)齊可以使或打破一個(gè)設(shè)計(jì),你完全可以不這樣做。但我不能說(shuō),一個(gè)正確的對(duì)比在對(duì)齊是一個(gè)無(wú)效的方式去。一個(gè)例子?嗯,你可以用左對(duì)齊的段落來(lái)使用居中的標(biāo)題,這是我如何做到的。雖然我們?cè)谒?從來(lái)沒有過(guò)大的段落,它使文本非常難以閱讀。
以左對(duì)齊段為中心的標(biāo)題
我總結(jié)了所有我所知道的設(shè)計(jì)對(duì)比。如果你想要到知道更多,我強(qiáng)烈建議你學(xué)習(xí)更多)琳達(dá)有良好的課程設(shè)計(jì)的原則,這里是一個(gè)鏈接對(duì)比的一課,意識(shí)到查看這一課你需要訂閱。
什么是重復(fù)?
我們與生俱來(lái)的能力,在形狀,圖案和周圍的行為,我們的能力,也符合我們的能力,看到均勻的形狀,顏色和圖案-一組對(duì)象的相似性。它是我們理解模式的能力,而欣賞對(duì)比度,這使我們能夠更快地學(xué)習(xí),更快速地適應(yīng)。
當(dāng)你在設(shè)計(jì)中使用重復(fù)的時(shí)候,你就已經(jīng)說(shuō)明了某些元素是一樣的,并且你可以依賴這些元素在你的設(shè)計(jì)和所有類似的設(shè)計(jì)元素中保持一致。在前面的例子中我提到粗體文本的水平線其他文本提供一個(gè)直接的對(duì)比。如果我們看一下如何重復(fù)可以影響用戶行為,我們只需要看超鏈接格式。