設(shè)計(jì)要在頁(yè)面上所有其他事物之上立即吸引了他們的注意

2010-02-21 網(wǎng)頁(yè)設(shè)計(jì)

通常，對(duì)比主題只供初學(xué)者使用。書(shū)中會(huì)說(shuō)“黑色和白色有對(duì)比，紅色和橙色沒(méi)有對(duì)比” –但是還有很多。

初學(xué)者書(shū)籍通常只涉及顏色對(duì)比，但是尺寸和形狀對(duì)比又如何呢？告訴專業(yè)業(yè)余設(shè)計(jì)師最簡(jiǎn)單的方法就是看他們對(duì)對(duì)比度的使用。

使用大小，形狀和顏色創(chuàng)建重要的結(jié)構(gòu)可以使頁(yè)面產(chǎn)生影響并讓讀者看得清楚。

在這篇文章中，我們將詳細(xì)研究對(duì)比度，研究大型字體，時(shí)髦的形狀，清晰的分隔線，圖像以及如何通過(guò)對(duì)比度將它們正確地組合在一起，以提供良好的用戶體驗(yàn)。

對(duì)比介紹

對(duì)比度可以定義為“使對(duì)象（或其在圖像中的表示形式）與其他對(duì)象和背景區(qū)分開(kāi)的視覺(jué)屬性差異?！?用樸素的英語(yǔ)可以將其最基本的層次描述為“看起來(lái)彼此不同的事物”。

對(duì)于各行各業(yè)的設(shè)計(jì)師，尤其是網(wǎng)頁(yè)設(shè)計(jì)師而言，對(duì)比是幾乎所有事物的根本。我們一直在努力建立重要的層次結(jié)構(gòu)，將人們吸引到頁(yè)面的某些區(qū)域，并在工作的核心傳達(dá)清晰清晰的信息。在設(shè)計(jì)的不同元素之間創(chuàng)建關(guān)系只是您可以做的最重要的事情。您可能已經(jīng)有意或無(wú)意地進(jìn)行了很多工作。

對(duì)比的明顯例子是黑白，大與小，快與慢，濃淡。相反是掌握對(duì)比度的最簡(jiǎn)單方法，但是當(dāng)將對(duì)比度應(yīng)用于設(shè)計(jì)工作時(shí)，它絕不會(huì)像黑白一樣。如果您想知道，那就是關(guān)于“黑白相間”的說(shuō)法，這也導(dǎo)致了所謂的“灰色區(qū)域”。在設(shè)計(jì)中，我們經(jīng)常比較不同但并非相反的事物，例如H1和h1，或“添加到購(gòu)物車”按鈕和“簽出”按鈕。這是更大的對(duì)比度發(fā)揮作用的地方。

讓我們看一下不同類型的對(duì)比，以及一些如何在網(wǎng)頁(yè)設(shè)計(jì)中使用它們的示例。

色彩對(duì)比

最常見(jiàn)的例子就是這一切。如果兩種顏色彼此不同（例如黑色和白色），則它們具有高對(duì)比度，而如果它們非常相似（紅色和橙色），則它們具有低對(duì)比度。

泰克羅克

TekRoc通過(guò)在明亮的背景上覆蓋明亮而充滿活力的圖像，使用非常明顯的色彩對(duì)比。明亮的橙色和藍(lán)色清晰地脫穎而出，并且在頁(yè)面上所有其他事物之上立即吸引了他們的注意。

戈瓦拉

Tim Van Damme在GoWalla網(wǎng)站設(shè)計(jì)中充分利用了色彩對(duì)比。通過(guò)與淺色背景不同，頁(yè)面頂部的彩色邊框不僅突出并引起視覺(jué)上的興趣，而且他還為按鈕上的文本添加了非常微妙的1px陰影。稍深的橙色確實(shí)有助于在白色文本和橙色背景之間形成對(duì)比。

迷戀

Envato是精妙對(duì)比的大師，為此使用1px邊框的趨勢(shì)可能比其他任何人都可以接受。他們所有的站點(diǎn)都具有多個(gè)單個(gè)像素邊框，以在各個(gè)部分之間形成對(duì)比。在上面的屏幕截圖中，兩個(gè)內(nèi)容區(qū)域可能僅以空格或一行分開(kāi)，但是通過(guò)使用兩條線（杭州網(wǎng)站建設(shè)），它們?cè)趦蓚€(gè)部分之間產(chǎn)生了微妙的對(duì)比度，這是非常有效的。

上一篇：您是否利用工作中的限制來(lái)創(chuàng)建更好的網(wǎng)站設(shè)計(jì) 返回觀點(diǎn)列表下一篇：將您的設(shè)計(jì)提升到一個(gè)新的水平，并不是要找到下一個(gè)隨心所欲地使用圓角和陰影效果的潮流車

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/1642.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開(kāi)發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
大策略營(yíng)銷門戶網(wǎng)站
杭州派迪科技有自己的營(yíng)銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對(duì)大策略的營(yíng)銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營(yíng)銷型門戶、先臨三維門戶營(yíng)銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁(yè)設(shè)計(jì)、制作、開(kāi)發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營(yíng)銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開(kāi)發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問(wèn)——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對(duì)每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過(guò)本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情