日韩a一级欧美一级,久久主页,亚洲有码中文字幕

設(shè)計(jì)良好網(wǎng)頁(yè)的4項(xiàng)原則(二)

轉(zhuǎn)帖|其它|編輯：郝浩|2009-04-24 17:36:09.000|閱讀 306 次

概述：本文介紹了設(shè)計(jì)良好網(wǎng)頁(yè)的4項(xiàng)原則

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷售中 >>

2.重復(fù)原則

跟web設(shè)計(jì)相比，重復(fù)原則在書(shū)本設(shè)計(jì)中應(yīng)用得更加普遍，不過(guò)它在兩者之間都是一樣有效的。重復(fù)的設(shè)計(jì)元素可以使頁(yè)面顯得很連貫，還能提升品牌。在web設(shè)計(jì)中，可以很好地達(dá)到這個(gè)目的的一個(gè)方式是在網(wǎng)頁(yè)的頭部和腳部重復(fù)放元素。看看下面這些例子吧。

Ten24 Media

Ten24 Media 在頭部和腳部都使用了很有創(chuàng)意的插畫(huà)。

Silverback

這個(gè)網(wǎng)站絕對(duì)是超贊的！我絕對(duì)可以在前面“反差原則”部分就可以把它作為一個(gè)好例子亮出來(lái)的，可它在“重復(fù)原則”部分也是一個(gè)好例子，因?yàn)樗慕缑骘L(fēng)格和品牌部分都很明顯地應(yīng)用了這個(gè)原則。仔細(xì)看它用香蕉來(lái)當(dāng)做列表前面的圖標(biāo)，還有頭部、腳部的森林插畫(huà)。

3.排列原則

你的網(wǎng)站外觀設(shè)計(jì)得很業(yè)余還是很專業(yè)，排列原則在其中扮演了一個(gè)很復(fù)雜的角色。最近我很主張?jiān)谠O(shè)計(jì)網(wǎng)頁(yè)時(shí)使用格欄。這么做可以讓你的設(shè)計(jì)很干凈，也可以提供一個(gè)很好的設(shè)計(jì)框架。如果你有興趣想學(xué)習(xí)更多關(guān)于格欄設(shè)計(jì)的知識(shí)，去看看我最近的文章吧（在這王婆賣(mài)瓜，自賣(mài)自夸一下），.

Black Estate Vineyard

這個(gè)網(wǎng)站在960 Grid website上有展示。它的版面排列很連貫也很引人注目。我很欣賞它將主要內(nèi)容整齊地排在左邊的做法，盡管有些大級(jí)別的頭部破壞了這個(gè)規(guī)則并排到了左側(cè)邊欄里面。對(duì)留空的大量使用和字體反差大小的使用都非常不錯(cuò)。

A List Apart

中使用的可視格欄非常有特色。里面的欄目設(shè)計(jì)良好，把所有包含內(nèi)容都變得易于閱讀。研究表明過(guò)寬的欄目會(huì)造成嚴(yán)重的閱讀困難。在跟隨那么寬的欄目中的文字時(shí)，你的眼睛會(huì)變得很累。 A List Apart

4.分類原則

最后一個(gè)原則是分類。只有在將相關(guān)元素分組，將無(wú)關(guān)元素分開(kāi)的時(shí)候才會(huì)用到這個(gè)原則。假如你將所有東西都分到同一塊文本塊中，絕對(duì)會(huì)摧毀用戶的體驗(yàn)。這就是為什么使用頭部標(biāo)簽和適當(dāng)?shù)牧艨帐悄敲吹闹匾?/p>

Envato

這個(gè)網(wǎng)站漂亮地將內(nèi)容規(guī)整地組織到三個(gè)主要分類下，這些內(nèi)容的定義既清晰又規(guī)整。

Paradigm Reborn

這個(gè)網(wǎng)站結(jié)構(gòu)良好。頭部既整潔又簡(jiǎn)單明了。空白留的很好，內(nèi)容分開(kāi)放得很有邏輯。

最終思想

當(dāng)你腦中時(shí)刻惦記著這4個(gè)基本原則時(shí)，你會(huì)發(fā)現(xiàn)你的設(shè)計(jì)有了不可思議的改進(jìn)。當(dāng)然肯定還有許許多多別的東西也需要考慮，但是以反差、重復(fù)、排列和分類作為基礎(chǔ)你的設(shè)計(jì)會(huì)取得長(zhǎng)足進(jìn)步。

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：藍(lán)色理想

上一篇：詳談WPF開(kāi)發(fā)中的數(shù)據(jù)虛擬化下一篇：淺談ASP.NET Ajax中調(diào)用JavaScript的服務(wù)