Godzilla. 2016-08-18
網(wǎng)站建設(shè)
如何巧用對比度來完成一個清晰的網(wǎng)站設(shè)計?
組成和平衡是偉大設(shè)計工作的兩個主要特性。對比往往伴隨著這兩個視覺屬性,設(shè)計師在網(wǎng)頁設(shè)計中運用對比度來吸引用戶關(guān)注的例子不在少數(shù)。這對網(wǎng)站來說確實是一個好方法,清晰的布局、透亮的色調(diào)都會吸引用戶眼球。本文說說一些使用對比的網(wǎng)頁設(shè)計,以及這種設(shè)計風格如何影響整體布局設(shè)計的。要達到一個最適合你的愿景的能力,需要多年的實踐才能達到。但是你越是練習,你越能得到更好的,你就越快在設(shè)計中認識問題。如何巧用對比度來完成一個清晰的網(wǎng)站設(shè)計?
對比的優(yōu)點
當“對比”一詞出現(xiàn)在設(shè)計中時,大多數(shù)人都認為是黑白的。無論他們是否被用于按鈕或印刷中,這兩種顏色提供了沉重的對比。但對比遠不止是顏色。它可以是形狀,大小和頁面上的元素的位置。當放置在常規(guī)的超鏈接旁邊時,一個較大的按鈕吸引更多的注意。顏色確實發(fā)揮了作用,但其他視覺線索將添加更大的對比度。對比最大的優(yōu)點涉及到用戶的注意力。一些元素應(yīng)該帶來更多的關(guān)注,而其他人可能需要顯著較少的關(guān)注。這是保守地使用這個效果或你會結(jié)束了一個混沌與混亂的布局至關(guān)重要。如果頁面上只有一個按鈕與其他元素相比是過大的,那么它真的很突出。
1、天然的白色空間
到目前為止,我已經(jīng)解釋了對比的基礎(chǔ)上的元素的屬性,如設(shè)計一個超大的按鈕或給它一個明亮的背景顏色。然而,對比度也可以被操縱的基礎(chǔ)上圍繞一個白色空間的元素。天然的白色空間使頁感覺寬敞,易于瀏覽。摩恩網(wǎng)絡(luò)的網(wǎng)頁設(shè)計在建站時結(jié)合了這個特點,網(wǎng)站設(shè)計風格簡潔大方。
顏色和大小確實發(fā)揮了作用,但不同的空間也發(fā)揮了很大作用。文本塊之間的空間更容易閱讀。每一個學習軌道的連接之間的空間給每個選擇提供了平等的意義。仔細考慮你想傳達什么信息,以及如何最好地完成。不同的CSS樣式是偉大的,但一致的白色空間也可以被證明是有用的。
2、封鎖的網(wǎng)頁部分
小網(wǎng)格提供優(yōu)異的對比度,但這樣做大型全屏頁面部分。許多視差布局使用這些部分來定義單個區(qū)域的內(nèi)容。一個網(wǎng)頁可以做的,以及與這種類型的設(shè)計,如果它的建立正確。條紋連接有一個漫長的登陸頁面,有很多信息。它使用水平塊元素進行空間內(nèi)容的內(nèi)容,并在滾動時創(chuàng)建視覺分割。
3、對比字體
不要忘了,文本仍然是在網(wǎng)站上傳遞信息的最常用的方法。對比應(yīng)用于不同風格的文本從項目列表,標題,當然塊段。
如果你需要建立高層次的對比,大小和顏色的差異應(yīng)該被使用??匆豢丛诹斜砩习l(fā)表的文章,看看我的意思。
列出排版風格
4、平衡你的布局
完美布局是最終網(wǎng)站效果的關(guān)鍵,專業(yè)的設(shè)計師通過試驗和錯誤學習這些技能,這是最好的方法。了解如何通過學習現(xiàn)場的例子來平衡布局和掌握的技術(shù)。然后你可以將這些知識應(yīng)用到項目中,隨著時間的推移,這些技術(shù)將組成一個新的靈感用于你的用戶界面設(shè)計中。網(wǎng)站建設(shè)、logo設(shè)計請咨詢摩恩網(wǎng)絡(luò)。
文章標簽:
網(wǎng)站設(shè)計
文章評論: