正文

界面設(shè)計(jì)網(wǎng)站（網(wǎng)頁網(wǎng)站設(shè)計(jì)）

發(fā)布時(shí)間：2023-03-15 12:24:33 稿源：創(chuàng)意嶺閱讀： 505 問大家

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于界面設(shè)計(jì)網(wǎng)站的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

ChatGPT國內(nèi)免費(fèi)在線使用，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com

本文目錄:

1、比較著名的設(shè)計(jì)網(wǎng)站都有什么？
2、設(shè)計(jì)師們做UI設(shè)計(jì)和交互設(shè)計(jì)，界面設(shè)計(jì)等一般會(huì)去什么網(wǎng)站
3、網(wǎng)站界面設(shè)計(jì)基礎(chǔ)
4、網(wǎng)站界面設(shè)計(jì)應(yīng)遵循的幾個(gè)原則

界面設(shè)計(jì)網(wǎng)站（網(wǎng)頁網(wǎng)站設(shè)計(jì)）

一、比較著名的設(shè)計(jì)網(wǎng)站都有什么？

美術(shù)設(shè)計(jì)教程類

中國設(shè)計(jì)之窗

這里不單有世界大師設(shè)計(jì)作品集，許多下載，還有一系列的招標(biāo)信息等等

對設(shè)計(jì)有興趣的兄弟，這個(gè)網(wǎng)站必是收集添加首選

中國PS聯(lián)盟這個(gè)網(wǎng)站也是很有名氣的，聯(lián)盟論壇也是我常去的論壇之一，這里論壇不時(shí)有作品競賽，好作品也不少，但是高手不是很多......

〈藝術(shù)與設(shè)計(jì)〉網(wǎng)站國內(nèi)最著名的設(shè)計(jì)雜志〈藝術(shù)與設(shè)計(jì)〉的網(wǎng)站，會(huì)定期更新，這里是有很多大師們的理念元素，我最常去學(xué)東西的地方

藍(lán)色理想這里是我最早接觸PS，F(xiàn)LASH學(xué)習(xí)的地方。這個(gè)網(wǎng)站在我心里的性質(zhì)就和NGA一樣.

DOFOTO我所見過最好的設(shè)計(jì)網(wǎng)站，有許多其他地方?jīng)]有的設(shè)計(jì)元素下載，這里的特色是較多的設(shè)計(jì)資源下載,是設(shè)計(jì)師每天要去的地方。個(gè)人強(qiáng)烈推薦!!!!!!

小麥工作室不錯(cuò)的教程基地

榮寶齋中國美術(shù)網(wǎng)對國粹有興趣的可以去看看

CGNetworks國外的CG大站，不可不看

北京電影學(xué)院這里是我常去的網(wǎng)站，太多的理念知識(shí)，如果大家有興趣的可以去看看

3D教程下載簡單的3D教程下載

中國教程網(wǎng)各個(gè)軟件的教程基本都有，推薦ing

魔法力游戲創(chuàng)作世界

MAYA教程基地，如果有兄弟要學(xué)MAYA必要去這里學(xué)學(xué)東西，我是不行了，學(xué)了半年MAYA，還是連入門都不夠，唉

高手教程網(wǎng)比較多的PS，CD，F(xiàn)L教程，可以去看看

硅谷PS教程適合初學(xué)者去的網(wǎng)站

ABOUTCG中國CG大站，不可不看

太平洋PS教程個(gè)人覺得這里比硅谷的基礎(chǔ)教程要多些也比較全面，更適合初學(xué)者去看。這里也有進(jìn)階教程，注意連接就可以看的到了

SOANALA韓國3D大站，看不懂韓文的也可以去看看別人做的東西

閃客帝國FLASH大站，可以多去學(xué)學(xué)東西

由于我有個(gè)同學(xué)是FLASH高手，我這里較少FLASH的網(wǎng)站，都是一些亂78糟的就不列出來了

5D一個(gè)較全面性的教程網(wǎng)，可以去看看

AMAZON SOUL 3D

國外3D大站

CEE-GEE國外3D作品集，不可不看

早已大名如雷的3D大站

rustboy

關(guān)于此站不必多說，一看就知道，中國玩3D的會(huì)沒人知道嗎？

個(gè)性網(wǎng)站類

花火2003

國內(nèi)我最佩服的FLASH網(wǎng)站制作高手，這個(gè)是他的一個(gè)作品

花火2001

這個(gè)其實(shí)不是花火一個(gè)人的作品，是他的朋友梵天合力制作的，實(shí)在太叼

桃園居

花火為深圳某地產(chǎn)制作的網(wǎng)站

蝴蝶死了

國內(nèi)一位女生制作的網(wǎng)站，不俗

果銘個(gè)人網(wǎng)站

嚴(yán)格來說只算一般，但是他某些作品不錯(cuò)，所以才收集

花火作品

花火為深圳地產(chǎn)制作的網(wǎng)站之一

裝在套子的人

哈哈，非常不錯(cuò)很有個(gè)性的網(wǎng)站

日本某服裝品牌的網(wǎng)站

這個(gè)品牌的設(shè)計(jì)非常低能，我想應(yīng)該很多女生喜歡

cranberries

cranberries樂隊(duì)的網(wǎng)站，現(xiàn)在已經(jīng)換期了，原來上一期的設(shè)計(jì)更有個(gè)性

DEFRAG

不能不說厲害的個(gè)人網(wǎng)站.......

DUALITY

星戰(zhàn)迷的網(wǎng)站

壞藍(lán)

國內(nèi)的FLASH個(gè)人網(wǎng)站，十分不錯(cuò)

gorillaz

gorillaz這個(gè)網(wǎng)上虛擬樂團(tuán)的網(wǎng)站，F(xiàn)ANS超多，我也就不多說了

城市一角

廣州美院的學(xué)生作品，不錯(cuò)

mediadesign.school

新西蘭一個(gè)學(xué)校的網(wǎng)站，我有個(gè)同學(xué)也參與了設(shè)計(jì)

別人設(shè)計(jì)的理念就比中國的厲害，沒的話說

NICK

NICK網(wǎng)站，沒話說了........

STAR WARS

星戰(zhàn)迷網(wǎng)站之一，2005的星戰(zhàn)前傳3估計(jì)這里會(huì)第一時(shí)間有預(yù)告片下載

gric

好怪的個(gè)人網(wǎng)站

星際自由者聯(lián)盟

這個(gè)估計(jì)好多兄弟都知道了，國外一個(gè)游戲介紹網(wǎng)站

TURTLES

很有個(gè)性的韓國站

CHIHWASEON

韓國個(gè)人網(wǎng)站，好叼好叼........

溫情地圖

春光乍泄專題網(wǎng)站，我超喜歡

火花天龍劍

火花天龍劍專題站，我常去偷圖的地方

花樣年華

動(dòng)漫文學(xué)站，設(shè)計(jì)的不錯(cuò)

安然夏季

不錯(cuò)的個(gè)人網(wǎng)，但是看的東西不多

NSCDP

韓國個(gè)人網(wǎng)，但是我看不懂韓文，不知道是說什么的

界面設(shè)計(jì)的好簡單，非常不錯(cuò)

IKEA

這里有很多希奇古怪的桌面下

青年視覺

我每期必買的雜志

這是視覺的官方網(wǎng)

motionblue

motionblue，呵呵，很好玩的一個(gè)韓國網(wǎng)站

仙樂都

創(chuàng)意十足的個(gè)人音樂網(wǎng)

音樂會(huì)定期換

artisan-inc

好象是某個(gè)工作室的網(wǎng)站，看不懂....

awamusic

音樂網(wǎng)，超絢

bill

傻子BILL的個(gè)人網(wǎng)

當(dāng)你們看到那個(gè)傻子的樣子估計(jì)你也想打他一拳

bimbo

bimbo童話世界.........

nkshp

日本動(dòng)漫網(wǎng)

DNA

不知道是什么網(wǎng)，但是好叼.....

福特汽車

新款車演示........

fu-design

臺(tái)灣的個(gè)性網(wǎng)站

galaktori

過家家.......

ingreme

好象是3D網(wǎng)站，沒多看

md-extreme

呵呵，有許多小游戲玩

nothing

很搞怪的個(gè)人網(wǎng)

spirit-hole

好COOL的涂鴉網(wǎng)

KIA

KIA汽車

再生完成

國內(nèi)某設(shè)計(jì)師個(gè)人網(wǎng)

浮城論壇

設(shè)計(jì)理念為主的論壇，設(shè)計(jì)的很不錯(cuò)

sandrasenamo

某服裝牌子站

sixty

某服裝牌子站

WM組

不用多說，大家熟悉的很了

digitexpo

設(shè)計(jì)網(wǎng)站，好COOL

rokey個(gè)人站

rokey是在北京的一個(gè)和我差不多大的家伙，每次看到他的網(wǎng)站，我不得不慚愧......

這里有很多桌面元素下載

vitagraphic

我非常喜歡這個(gè)網(wǎng)的風(fēng)格，這里也有原版軟件下哦

二、設(shè)計(jì)師們做UI設(shè)計(jì)和交互設(shè)計(jì)，界面設(shè)計(jì)等一般會(huì)去什么網(wǎng)站

國內(nèi)的沒有很多高大上的，除了優(yōu)設(shè)、趣達(dá)、站酷這些，一般的話會(huì)去behance等這些。

三、網(wǎng)站界面設(shè)計(jì)基礎(chǔ)

網(wǎng)頁包括：網(wǎng)站logo，導(dǎo)航欄，banner，內(nèi)容欄，版尾。

logo的大小標(biāo)準(zhǔn)：88*31普通規(guī)格；120*60一般大小規(guī)格；120*90大型logo。

好logo所具備的條件：符合國際標(biāo)準(zhǔn)，精美獨(dú)特，兼容網(wǎng)站風(fēng)格，能提現(xiàn)網(wǎng)站類型。

導(dǎo)航欄是索引網(wǎng)站內(nèi)容和快速訪問所需內(nèi)容的輔助工具。同級項(xiàng)目數(shù)以3~7項(xiàng)為宜。

banner是可由圖像，文字，動(dòng)畫結(jié)合而成的網(wǎng)頁欄目。主要作用是展示網(wǎng)站廣告。

內(nèi)容欄是網(wǎng)頁內(nèi)容的主體，由一個(gè)或多個(gè)子欄組成，包含網(wǎng)站提供的所有信息和服務(wù)項(xiàng)目。內(nèi)容可以是文字，圖像，或者兩者相結(jié)合。

版尾可以申明版權(quán)，法律依據(jù)，以及各種提示信息。版權(quán)的書寫應(yīng)符合所在國家的法律依據(jù)，以及遵循一般書寫習(xí)慣。

除此之外，版尾處可以提供一個(gè)導(dǎo)航條，為將頁面滾動(dòng)到底的用戶提供一個(gè)導(dǎo)航方式。

成功的網(wǎng)頁版式設(shè)計(jì)，有助于吸引用戶對網(wǎng)頁的注意，增進(jìn)用戶對內(nèi)容的理解。因此，要使網(wǎng)頁具有誘導(dǎo)力，突出訴求主題，就要通過對版式的空間層次，主從關(guān)系，視覺秩序，以及邏輯條理性的把握和運(yùn)用來共同完成。

傳統(tǒng)媒體是以線性方式提供信息，即根據(jù)信息提供者個(gè)人感受來傳播。在web環(huán)境下，用戶不再是被動(dòng)接受者，而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理發(fā)布之中。

網(wǎng)頁媒體使用的交互性，多維性，和多種媒體的綜合應(yīng)用，是網(wǎng)頁版面設(shè)計(jì)的完美體現(xiàn)。即時(shí)的交互性是web成為熱點(diǎn)的原因，也是版面設(shè)計(jì)需要考慮的問題。

多維性源于超鏈接，主要體現(xiàn)在導(dǎo)航的設(shè)計(jì)上。使用超鏈接，網(wǎng)頁的組成結(jié)構(gòu)會(huì)更加豐富。用戶可自由切換，打破了傳統(tǒng)的線性接收方式。但需注意頁面之間的關(guān)系不能太復(fù)雜，這會(huì)給用戶帶來負(fù)擔(dān)。

網(wǎng)頁中所使用的多媒體視聽元素主要有文字，圖像，聲音，視屏等。運(yùn)用這些元素，可以滿足和豐富用戶的多種感官需求。

網(wǎng)頁設(shè)計(jì)的裝飾應(yīng)該簡潔化，功能與裝飾應(yīng)有效結(jié)合。復(fù)雜的裝飾會(huì)影響加載速度，影響點(diǎn)擊率。

網(wǎng)頁設(shè)計(jì)要遵循和諧，均衡，重點(diǎn)突出的色彩規(guī)則。當(dāng)人們的色彩經(jīng)驗(yàn)與外界色彩刺激發(fā)生呼應(yīng)，就會(huì)在心理上引發(fā)強(qiáng)烈的情緒。

1.網(wǎng)頁的標(biāo)題設(shè)計(jì)

好的標(biāo)題設(shè)計(jì)可令人賞心悅目，能形成網(wǎng)頁的整體風(fēng)格。標(biāo)題所在的欄目一般在網(wǎng)頁的上方，并左右貫穿整個(gè)網(wǎng)頁。標(biāo)題的背景可以使用動(dòng)態(tài)或靜態(tài)的圖片，主要由網(wǎng)頁的交互式特性決定。

2.文字的編排

通常情況下，適合網(wǎng)頁正文顯示的文字大小在12磅左右。然而，在很多綜合性網(wǎng)站中，由于在一個(gè)頁面中安排的內(nèi)容較多，字號(hào)通常采用9磅。

在同一頁面中，字體種類少，版面雅致，有穩(wěn)定感；字體種類多，則版面活躍，豐富多彩。關(guān)鍵是如何根據(jù)頁面內(nèi)容來掌握這個(gè)比例關(guān)系。從加強(qiáng)平臺(tái)無關(guān)性的角度來考慮，正文最好采用默認(rèn)字體。如果必須用到特殊字體，那么可以將文字制成圖片。

通常字號(hào)與行距的比例應(yīng)為：字號(hào)8點(diǎn)，行距10磅.即8：10.但對于一些特殊的版面而言，字距與行距的加寬或緊縮，更能體現(xiàn)主題的內(nèi)涵。所以說字距和行距不是絕對的，得根據(jù)實(shí)際情況而定。

強(qiáng)調(diào)文字有三種常見形式：第一種是行首強(qiáng)調(diào)，又稱為下墜式，有吸引視線、裝飾和活躍版面的作用；第二種是引文強(qiáng)調(diào)，引文概括了一個(gè)段落、章節(jié)或者全文的大意，所以需要給予特殊位置來強(qiáng)調(diào)；第三種是個(gè)別文字強(qiáng)調(diào)，將個(gè)別文字作為頁面的訴求重點(diǎn)，可以通過加粗、加下劃線等強(qiáng)化文字的視覺效果。

3.圖文的結(jié)合

在網(wǎng)頁的版式設(shè)計(jì)中只應(yīng)用文字也不適合人們長期閱讀，所以網(wǎng)頁在版式上采用圖文結(jié)合的方式更為恰當(dāng)。

圖文結(jié)合主要有兩種表現(xiàn)形式：1.文字匹配圖片的形式，圖形是網(wǎng)頁的主體，文字是輔助存在。2.圖形匹配文字的形式，要把握圖形和文字的關(guān)系，根據(jù)不同類別的網(wǎng)站靈活搭配。

4.頁面的節(jié)奏韻律

頁面的韻律需要根據(jù)設(shè)計(jì)的風(fēng)格和受眾情感綜合起來體會(huì)。一個(gè)音樂類的網(wǎng)站，給人的感覺是輕松歡暢的；一個(gè)新聞?lì)惥W(wǎng)站，給人的感覺是快速律動(dòng)的；而一個(gè)軍事類網(wǎng)站給人的感覺是嚴(yán)肅莊重的。所以這就需要設(shè)計(jì)者根據(jù)內(nèi)容來選擇設(shè)計(jì)風(fēng)格。

網(wǎng)頁設(shè)計(jì)如果僅從網(wǎng)頁版式構(gòu)成進(jìn)行分類，則主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點(diǎn)型、三角型以及自由型十種。

1.骨骼型：是一種規(guī)范的、理性的設(shè)計(jì)形式，類似于報(bào)刊的版式。常見的骨骼有豎向和橫向的通欄、雙欄、三欄、四欄等。一般以豎向分欄為多，這種版式給人以和諧、理性的美。幾種分欄方式結(jié)合使用，會(huì)使網(wǎng)頁既有條理又有彈性。

2.滿版型網(wǎng)頁：以圖像充滿整版。頁面主要以圖像為訴求點(diǎn)，將少量文字嵌于圖像之上，視覺傳達(dá)效果直觀而強(qiáng)烈。多見于強(qiáng)調(diào)藝術(shù)性或個(gè)性的網(wǎng)頁設(shè)計(jì)中。美中不足的是，它對網(wǎng)絡(luò)寬帶有著一定要求。

3.分割型：把整個(gè)頁面分為上下或左右兩部分，分別安排圖片和文案。令部分形成鮮明對比：有圖片的部分感性而具有活力，文案部分則理性而平靜。

4.中軸型：沿著頁面的視覺中軸將圖片或者文字進(jìn)行水平或者垂直方向的排列。水平排列的頁面，給人穩(wěn)定、平靜、含蓄的感覺；垂直排列的頁面，給人舒暢的感覺。

5.曲線型：將圖片或文字在頁面上作曲線的編排，這種編排方式能產(chǎn)生韻律感與節(jié)奏感。

6.傾斜型：將頁面主題形象或多幅圖片、文字進(jìn)行傾斜編排，從而造成頁面強(qiáng)烈的動(dòng)感，引人注目。

7.對稱型：頁面版式給人以穩(wěn)定、嚴(yán)肅、莊重、理性的感覺。它分為絕對對稱、相對對稱以及四角形三種。一般采用相對對稱的手法，避免版式呆板。而四角形對稱手法是在頁面四個(gè)角安排相應(yīng)的視覺元素，這種構(gòu)成方式也能很好使頁面產(chǎn)生安定感。

8.焦點(diǎn)型：通過對視線的誘導(dǎo)，使頁面具有強(qiáng)烈的視覺效果。常見的幾種方式有：一是將對比強(qiáng)烈的圖片或者文字置于頁面視覺中心；而是視覺引導(dǎo)瀏覽者視線向頁面中心聚攏，形成向心的版式；三是視覺元素引導(dǎo)瀏覽者視線向外輻射，形成離心的網(wǎng)頁版式。

9.三角型版式：網(wǎng)頁視覺元素是三角型排列。正三角形具有最穩(wěn)定性，倒三角形則產(chǎn)生動(dòng)感。側(cè)三角形構(gòu)成一種均衡版式，既安定又有動(dòng)感。

1.缺乏主色調(diào)

在網(wǎng)頁經(jīng)?？梢钥吹竭@樣的網(wǎng)站，元素色相眾多，令人眼花繚亂，給人一種復(fù)雜混亂的視覺效果，使訪問者無法明確地識(shí)別重點(diǎn)內(nèi)容。

這是一個(gè)國外從事汽車產(chǎn)業(yè)方面的公司，所以在頁面上方選用了和網(wǎng)頁同色系的一輛紅色跑車，這是網(wǎng)頁上的一處亮點(diǎn)。深淺不同的灰色對整個(gè)網(wǎng)頁的區(qū)域進(jìn)行了劃分。整個(gè)網(wǎng)頁版式設(shè)計(jì)條理清楚，色彩簡單不呆板，體現(xiàn)了工業(yè)產(chǎn)品的特點(diǎn)。

這是松下家電制造公司的網(wǎng)站。以金屬灰為主色調(diào)，與家電產(chǎn)品的主體相吻合。頁面采取了一分為二的設(shè)計(jì)，上半部分展示公司的各大產(chǎn)品，下半部分主要是子目錄，其中包括新聞、其他產(chǎn)品、廣告等等。

2.文字能見度低

網(wǎng)頁上的色彩或者圖片通常結(jié)合在一起，要么成為文字的背景色，要么成為文字本身的顏色，這就出現(xiàn)了文字的色彩的對比問題。對瀏覽者來說，最重要的是文字，因此，畫面色彩運(yùn)用就必須注意文字的可識(shí)別性，也就是文字的易見度。

.在高明度的背景上，低明度的文字易于識(shí)別，如果背景和文字名都接近，就容易出現(xiàn)難以辨別的問題，如遇到圖文疊印的網(wǎng)頁，文字可以采用白色或者反白色處理；或者使用與背景同色系，不同飽和度的方式來處理。

3.增加視覺負(fù)擔(dān)

網(wǎng)頁配色要盡量少用視疲勞度高的色調(diào)，一般來說，高明度、高純度的顏色刺激強(qiáng)度高，疲勞度也大。無色系中，白色的明度最高，黑色明度最低；有色系中，最明亮的是黃色，最暗的是紫色。

用明度太高的色彩作為背景看起來很刺眼，所以設(shè)計(jì)師們要盡量減少高明度背景的使用。反之，使用少量的高明度顏色作為點(diǎn)綴，會(huì)大大激發(fā)瀏覽者的探究欲望。

1.人性化

網(wǎng)頁設(shè)計(jì)在遵從藝術(shù)規(guī)律的同時(shí)，還要考慮到人的心理特點(diǎn)。色彩搭配合理，則給人一種和諧、愉快的感覺，因此應(yīng)避免采用高純度、刺激性強(qiáng)的單一色彩，否則容易造成視覺疲勞。

這是一個(gè)休閑游戲的網(wǎng)站，連接每組連接點(diǎn)都繪制出一個(gè)完整的圖案。綠色和黃色的搭配讓游戲者看著很舒服，搭配一個(gè)簡單的按鈕，讓網(wǎng)頁看起來比較人性化。

藝術(shù)源于生活，又高于生活，通常情況下，生活中常見的東西沒有必要在網(wǎng)頁上再次重復(fù)。人的感覺是喜新厭舊的，總會(huì)偏向于一些新奇的東西，因此，一個(gè)新奇的創(chuàng)意或者有感染力的色彩，平面構(gòu)成會(huì)更勾起訪問者的興趣。

這是一個(gè)阿根廷漫畫家的個(gè)人網(wǎng)站，很有生活創(chuàng)意。作者有著新奇的想象力和出色的構(gòu)成表現(xiàn)能力。虛擬與現(xiàn)實(shí)相結(jié)合，將漫畫家的生活進(jìn)行了記錄，生動(dòng)有趣。

2.符合網(wǎng)站風(fēng)格和主題

不同類型的網(wǎng)站就要使用不同的色彩和視覺元素，達(dá)到內(nèi)容和形式上的統(tǒng)一，這樣做更符合人們的認(rèn)知習(xí)慣。

例如珠寶首飾類的網(wǎng)站就要使用看起來貴重、豪華的配色，如黑色、金色?？傋屓寺?lián)想到財(cái)富，黃金。遇到購物類等女性網(wǎng)站可利用粉色來表達(dá)女性站點(diǎn)的柔美性。

3.個(gè)性鮮明

每個(gè)網(wǎng)站都有自己獨(dú)特的個(gè)性和氣質(zhì)，缺乏個(gè)性就很難讓訪問者記住這個(gè)網(wǎng)站，千篇一律的設(shè)計(jì)只能讓瀏覽者感到乏味。通過色彩組合以及元素構(gòu)成能很好的實(shí)現(xiàn)網(wǎng)頁的個(gè)性化。

法國DJECO玩具設(shè)計(jì)工作室主要以設(shè)計(jì)兒童玩具為主營業(yè)務(wù)，DJECO設(shè)計(jì)工作室網(wǎng)站場景設(shè)計(jì)溫馨精美，強(qiáng)烈的兒童插畫風(fēng)格與兒童玩具的設(shè)計(jì)定位扣合。網(wǎng)站風(fēng)格活潑可愛，站點(diǎn)的亮點(diǎn)是極具特色的動(dòng)畫元素設(shè)計(jì)，在整站中起到了非常好的點(diǎn)綴作用。

四、網(wǎng)站界面設(shè)計(jì)應(yīng)遵循的幾個(gè)原則

網(wǎng)站界面設(shè)計(jì)應(yīng)遵循的原則主要有以下幾個(gè)：1、用戶導(dǎo)向原則設(shè)計(jì)網(wǎng)頁首先要明確到底誰是使用者，要站在用戶的觀點(diǎn)和立場上來考慮設(shè)計(jì)網(wǎng)站。要作到這一點(diǎn)，必須要和用戶來溝通，了解他們的需求、目標(biāo)、期望和偏好等。網(wǎng)頁的設(shè)計(jì)者要清楚，用戶之間差別很大，他們的能力各有不同。另外，用戶使用的計(jì)算機(jī)機(jī)器配置也是千差萬別，包括顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會(huì)有不同。設(shè)計(jì)者如果忽視了這些差別，設(shè)計(jì)出的網(wǎng)頁在不同的機(jī)器上顯示就會(huì)造成混亂。2、簡潔易操作原則KISS原則就是"Keep It Sample And Stupid"的縮寫，簡潔和易于操作是網(wǎng)頁設(shè)計(jì)的最重要的原則。畢竟，網(wǎng)站建設(shè)出來是用于普通網(wǎng)民來查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒有必要在網(wǎng)頁上設(shè)置過多的操作，堆積很多復(fù)雜和花哨的圖片。該原則一般的要求，網(wǎng)頁的下載不要超過10秒鐘；盡量使用文本鏈接，而減少大幅圖片和動(dòng)畫的使用；操作設(shè)計(jì)盡量簡單，并且有明確的操作提示；網(wǎng)站所有的內(nèi)容和服務(wù)都在顯眼處向用戶予以說明等。3、布局控制關(guān)于網(wǎng)頁排版布局方面，很多網(wǎng)頁設(shè)計(jì)者重視不夠，網(wǎng)頁排版設(shè)計(jì)的過于死板，甚至照抄他人。如果網(wǎng)頁的布局凌亂，僅僅把大量的信息堆集在頁面上，會(huì)干擾瀏覽者的閱讀。一般在網(wǎng)頁設(shè)計(jì)上所要遵循的原理有：(1)Miller公式。一個(gè)人一次所接受的信息量為 7±2 比特。這一原理被廣泛應(yīng)用于網(wǎng)站建設(shè)中，一般網(wǎng)頁上面的欄目選擇最佳在5～9個(gè)之間，如果網(wǎng)站所提供給瀏覽者選擇的內(nèi)容鏈接超過這個(gè)區(qū)間，人在心理上就會(huì)煩躁，壓抑，會(huì)讓人感覺到信息太密集，看不過來，很累。(2)分組處理。上面提到，對于信息的分類，不能超過9個(gè)欄目。但如果你的內(nèi)容實(shí)在是多，超出了9個(gè)，需要進(jìn)行分組處理。如果，你的網(wǎng)頁上提供幾十篇文章的鏈接，需要每隔7篇加一個(gè)空行或平行線做以分組。如果你的網(wǎng)站內(nèi)容欄目超出9個(gè)，如微軟公司的網(wǎng)站，共有11個(gè)欄目，超過了9個(gè)。4、視覺平衡網(wǎng)頁設(shè)計(jì)時(shí)，也要各種元素(如圖形、文字、空白)都會(huì)有視覺作用。根據(jù)視覺原理，圖形與一塊文字相比較，圖形的視覺作用要大一些。所以，為了達(dá)到視覺平衡，在設(shè)計(jì)網(wǎng)頁時(shí)需要以更多的文字來平衡一幅圖片。另外，按照中國人的閱讀習(xí)慣是從左到右，從上到下，因此視覺平衡也要遵循這個(gè)這個(gè)道理。例如，你的很多的文字是采用左對齊〈Align=left〉，需要在網(wǎng)頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下，每張網(wǎng)頁都會(huì)設(shè)置一個(gè)頁眉部分和一個(gè)頁腳部分，頁眉部分常放置一些Banner廣告或?qū)Ш綏l，而頁腳部分通常放置聯(lián)系方式和版權(quán)信息等，頁眉和頁腳在設(shè)計(jì)上也要注重視覺平衡。同時(shí)，也決不能低估空白的價(jià)值。如果你的網(wǎng)頁上所顯示的信息非常密集，這樣不但不利于讀者閱讀，甚至?xí)鹱x者反感，破壞該網(wǎng)站的形象。在網(wǎng)頁設(shè)計(jì)上，適當(dāng)增加一些空白，精煉你的網(wǎng)頁，使得頁面變的簡潔。5、色彩的搭配和文字的可閱讀性顏色是影響網(wǎng)頁的重要因素，不同的顏色對人的感覺有不同的影響，例如：紅色和橙色使人興奮并使得心跳加速;黃色使人聯(lián)想到陽光，是一種快活的顏色;黑顏色顯得比較莊重，考慮到你希望對瀏覽者產(chǎn)生什么影響，為網(wǎng)頁設(shè)計(jì)選擇合適的顏色(包括背景色、元素顏色、文字顏色、鏈節(jié)顏色等)。為方便閱讀網(wǎng)站上的信息，可以參考報(bào)紙的編排方式將網(wǎng)頁的內(nèi)容分欄設(shè)計(jì)，甚至兩欄也要比一滿頁的視覺效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體，通用的字體(Arial，CourierNew，Garamond，Times NewRoman，中文宋體)最易閱讀，特殊字體用于標(biāo)題效果較好，但是不適合正文。6、和諧與一致性通過對網(wǎng)站的各種元素(顏色、字體、圖形、空白等)使用一定的規(guī)格，使得設(shè)計(jì)良好的網(wǎng)頁看起來應(yīng)該是和諧的?；蛘哒f，網(wǎng)站的眾多單獨(dú)網(wǎng)頁應(yīng)該看起來像一個(gè)整體。網(wǎng)站設(shè)計(jì)上要保持一致性，這又是很重要的一點(diǎn)。一致的結(jié)構(gòu)設(shè)計(jì)，可以讓瀏覽者對網(wǎng)站的形象有深刻的記憶;一致的導(dǎo)航設(shè)計(jì)，可以讓瀏覽者迅速而又有效的進(jìn)入在網(wǎng)站中自己所需要的部分;一致的操作設(shè)計(jì)，可以讓瀏覽者快速學(xué)會(huì)在整個(gè)網(wǎng)站的各種功能操作。破壞這一原則，會(huì)誤導(dǎo)瀏覽者，并且讓整個(gè)網(wǎng)站顯的雜亂無章，給人留下不良的印象。當(dāng)然，網(wǎng)站設(shè)計(jì)的一致性并不意味著刻板和一成不變，有的網(wǎng)站在不同欄目使用不同的風(fēng)格，或者隨著時(shí)間的推移不斷的改版網(wǎng)站，會(huì)給瀏覽者帶來新鮮的感覺。7、個(gè)性化(1)符合網(wǎng)絡(luò)文化整個(gè)互聯(lián)網(wǎng)的文化是一種休閑的、非正式性的、輕松活潑的文化。在網(wǎng)站上使用幽默的網(wǎng)絡(luò)語言，創(chuàng)造一種休閑的、輕松愉快、非正式的氛圍會(huì)使網(wǎng)站的訪問量大增。(2)塑造網(wǎng)站個(gè)性另外，網(wǎng)站的整體風(fēng)格和整體氣氛表達(dá)要同企業(yè)形象相符合并應(yīng)該很好的體現(xiàn)企業(yè)文化，進(jìn)而形成風(fēng)格。

以上就是關(guān)于界面設(shè)計(jì)網(wǎng)站相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。