將您的設計提升到一個新的水平，并不是要找到下一個隨心所欲地使用圓角和陰影效果的潮流車

2010-02-21 網(wǎng)頁設計

尺寸對比

對比度的第二種最常見形式是使用尺寸。大的東西旁邊的小東西通常表示較大的項目更重要。是的，我們是說大小很重要！

水生的

MadeByWater是Jordan Vitanov的設計作品集。他使用尺寸對比和超大字體來立即傳達布魯斯·李（Bruce Lee）的名言，這定義了為什么他選擇使用MadeByWater名稱為自己打品牌。

28層

28Thiers是法國一家頗具吸引力的高檔酒吧。他們的網(wǎng)站充分利用尺寸對比來吸引您的注意力，立即注意周圍帶有各種配料的馬提尼酒的大型照片。顯而易見，這是頁面上最重要的元素，設計人員希望您查看該圖像并將其出售，因為它是一個非常經(jīng)典的機構(gòu)。

幻燈屏

SlideScreen在其站點中多次使用大小對比。除了使用大屏幕截圖顯示產(chǎn)品外，他們還使用非常大的按鈕作為主要的號召性用語。他們希望您觀看正在運行的產(chǎn)品的視頻，然后希望您下載它。這些是頁面中最重要的元素，因此比周圍的其他元素大很多。

形狀對比

形狀對比意味著通過與頁面上其他事物相比，事物在物理形狀上的差異來使其引人注目。從最基本的角度來看，它可以用于為按鈕添加圓角之類的東西，但是如果使用到更極端的水平，它可以吸引更多的注意力。

前星

Anebstar使用形狀對比在頁眉中展示三個重要圖像。因為網(wǎng)上的大多數(shù)東西都是矩形的，所以實現(xiàn)形狀對比的最簡單方法之一就是使用圓形。當然，此示例也混入了一點尺寸對比，但是您可以清楚地看到圓形元素在頁面上的所有其他內(nèi)容中的突出之處。

碳纖維

Carbonmade是一個令人驚嘆的網(wǎng)站，里面融合了精美的插圖和精美的內(nèi)容。這里一個簡單的注冊按鈕就可以了，但是大小和顏色對比可能無法將其與繁忙的背景區(qū)分開。在按鈕后面添加一個友好的章魚，確實可以在形狀上產(chǎn)生差異，從而直接吸引人們的眼球。

線框

WireframePlus使用簡單但極為有效的形狀對比來突出其服務的價格。他們希望您閱讀其內(nèi)容，但最重要的是，他們試圖通過在價格上加一個大圓圈來賣給您。

位置對比

在定位中創(chuàng)建對比度是一種純粹通過使用不同路線來創(chuàng)建元素層次結(jié)構(gòu)的巧妙方法。最近，這種技術(shù)已被Elliot Jay Stocks之類的人所采用，并在他最近的投資組合網(wǎng)站上將其運用到了極致。

ejs

Elliot Jay Stocks使用詳細的網(wǎng)格來定義其站點上所有元素的對齊方式。通過將它們分別向左或向右縮進來引起對特定區(qū)域的注意。在這個特定的屏幕截圖中，引言部分確實很突出，因為它最左側(cè)對齊，眼睛首先看到的是閱讀內(nèi)容。在過去的十二個月中，這種對齊方式“啟發(fā)”了許多其他設計師，以相同的風格創(chuàng)建具有位置對比的設計。

簡單位

SimpleBits是Dan Cederholm旗下的品牌，您可以從Dribbble等項目中認識他。在第一印象中，SimpleBits站點似乎沒有任何位置對比，但是，當您開始滾動時，一切都變得清晰了。在某些人使用固定的背景圖像創(chuàng)建整潔的風格效果的地方，Dan已將其徽標和導航完全固定在適當?shù)奈恢?，以便無論您滾動到什么位置，它們都始終停留在屏幕上的同一位置。這是非標準位置對比的一個很好的例子。

方眼

SquaredEye是馬修·史密斯（Matthew Smith）經(jīng)營的設計店，其投資組合中的案例研究頁面很好地利用了位置對比。您需要查看整個頁面才能真正理解，但是本質(zhì)上Matthew精心為頁面的每個部分創(chuàng)建了特定的位置。這在各部分之間形成了奇妙的對比，并引起讀者極大的視覺興趣，而絲毫沒有分心的感覺。

對比結(jié)論

除了“光明與黑暗”之外，還有更多的對比–這是設計中最重要的原理之一，只要正確使用它，您幾乎永遠不會擁有太多。

將您的設計提升到一個新的水平，并不是要找到下一個隨心所欲地使用圓角和陰影效果的潮流車，而是要找到更好，更有效的方法來傳達設計背后的信息。

詳細研究對比并充分利用對比是做到這一點的最佳方法之一。

你怎么看？您需要付出多少精力來對比設計中的對比？是您一直在思考的事情，還是自然而然的杭州網(wǎng)站建設？

上一篇：設計要在頁面上所有其他事物之上立即吸引了他們的注意返回觀點列表下一篇：真正與眾不同的是要為您的設計增添個人風格，只有設計才能創(chuàng)造

本文標簽：

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

相關(guān)專題

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