正文

vi版式設(shè)計網(wǎng)站（vi版式設(shè)計簡約模板）

發(fā)布時間：2023-04-25 00:02:16 稿源：創(chuàng)意嶺閱讀： 143

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

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等，官網(wǎng)：https://ai.de1919.com

創(chuàng)意嶺專注品牌設(shè)計、策劃，為各大上市企業(yè)、個人提供一站式設(shè)計、策劃服務(wù)，服務(wù)客戶遍布全國，咨詢相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

網(wǎng)頁設(shè)計流程是什么？
設(shè)計一個網(wǎng)站需要什么?
網(wǎng)站設(shè)計要遵循哪些原則
有哪些好的平面設(shè)計素材網(wǎng)站？
版式設(shè)計的好網(wǎng)站,好素材?

vi版式設(shè)計網(wǎng)站（vi版式設(shè)計簡約模板）

網(wǎng)頁設(shè)計流程是什么？

網(wǎng)頁設(shè)計的兩大要點是：整體風(fēng)格和色彩搭配。

確定網(wǎng)站整體風(fēng)格

在這里，我提供給大家一些參考經(jīng)驗：

1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。

2．突出你的標準色彩。

3．總結(jié)一句能反映貴站精髓的宣傳標語！

4．相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標題字的陰影效果的設(shè)置應(yīng)該是完全一致的！

網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計是最難以學(xué)習(xí)的，難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設(shè)計出完全一樣的網(wǎng)站。

R、G、B就是Red、Green、Blue（紅，綠，藍）三種顏色，RGB模式就是由這三種顏色為基色進行疊加而模擬出大自然色彩的色彩組合模式。我們?nèi)粘Ｓ玫牟噬娔X顯示器、彩色電視機等的色彩都使用這種模式。

1、矢量圖

矢量圖又叫做向量圖，是用一系列計算機指令來描述和記錄一幅圖，一幅圖可以解為一系列由點、線、面等到組成的子圖，它所記錄的是對象的幾何形狀、線條粗細和色彩等。生成的矢量圖文件存儲量很小，特別適用于文字設(shè)計、圖案設(shè)計、版式設(shè)計、標志設(shè)計、計算機輔助設(shè)計（CAD）、工藝美術(shù)設(shè)計、插圖等。矢量圖只能表示有規(guī)律的線條組成的圖形，如工程圖、三維造型或藝術(shù)字等；常見的矢量圖處理軟件有CoreIDRAW、AutoCAD、Illustrator和FreeHand等。

位圖又叫點陣圖或像素圖，計算機屏幕上的圖你是由屏幕上的發(fā)光點（即像素）構(gòu)成的，每個點用二進制數(shù)據(jù)來描述其顏色與亮度等信息，這些點是離散的，類似于點陣。位圖在放大到一定限度時會發(fā)現(xiàn)它是由一個個小方格組成的，這些小方格被稱為像素點，一個像素是圖像中最小的圖像元素。也就是我們俗稱的馬賽克。

bmp：是未經(jīng)過壓縮的用點陣來表示的真彩圖片,占用磁盤空間較大

gif：是經(jīng)過壓縮的,只能表示256種顏色,占用磁盤空間小,常用來演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續(xù)的動畫。

png：是fireworks的圖片格式

jpg：也稱為jpeg,是有損壓縮格式但是它表示的顏色比較豐富,一般用來顯示真彩的照片或圖案。

作為設(shè)計者和客戶（這里指各站長），如果事先沒有明文協(xié)議的話設(shè)計者有權(quán)不提供源文件。

VI是VisualIdentity的縮寫，中文譯為“企業(yè)視覺識別”。VI是CI計劃的靜態(tài)識別符號，是企業(yè)理念視覺化傳達的載體，因此它項目最多，效果最為直接。VI作為視覺識別，它是外在表現(xiàn)，固然需要具有美感，但VI必須是MI的體現(xiàn)，直接反映企業(yè)的理念。因此VI設(shè)計包含這樣一些原則：即充分傳達企業(yè)理念、人性原則、民族性原則、簡潔抽象及動態(tài)原則、員工參與原則、法律原則、藝術(shù)性原則和個性原則。

CI是CorporateIdentity的縮寫，中文譯為“企業(yè)形象”。CI計劃，是指企業(yè)有目的、有計劃、戰(zhàn)略性地創(chuàng)造出所希望的自身形象，由此提高企業(yè)的社會知名度，最終得到自己最適合的經(jīng)營環(huán)境。

而logo只是網(wǎng)站或企業(yè)一個標志。

網(wǎng)頁色彩搭配

1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。

2．用兩種色彩。先選定一種色彩，然后選擇它的對比色。

3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網(wǎng)頁配色中，還要切記一些誤區(qū)：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。

2．背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。

網(wǎng)頁設(shè)計工具

圖像處理設(shè)計：

你好，所謂的網(wǎng)頁設(shè)計就是網(wǎng)站頁面的設(shè)計等，就是通過一些軟件做的圖片設(shè)計等不過網(wǎng)頁設(shè)計還是需要代碼的。一、網(wǎng)頁制作的一般流程：

1.網(wǎng)頁的需求

2.網(wǎng)頁的定位

3.網(wǎng)頁的規(guī)劃設(shè)計

4.網(wǎng)頁的測試優(yōu)化

5.網(wǎng)頁的維護運行

二、網(wǎng)頁制作的元素

文字與圖片是構(gòu)成一個網(wǎng)頁的兩個最基本的元素。除此之外，網(wǎng)頁的元素還包括動畫、音樂、程序等等。3大步！

其一：制作好你的網(wǎng)頁文件

其二：你必須有域名和存放你網(wǎng)頁的虛擬空間（網(wǎng)站流量大的用服務(wù)器存放，小網(wǎng)站買虛擬空間）

其三：把你網(wǎng)站放到虛擬空間商，域名解析到虛擬空間，虛擬空間綁定你域名！

網(wǎng)頁設(shè)計是：

一想好你網(wǎng)站的類別

二PS設(shè)計好整體頁面和局部頁面

三用DIV布局（最好是DIV布局，表格布局的網(wǎng)站會顯示有點慢！下載整個表格結(jié)束才顯示）

四添加各種功能

手工打字，覺得不錯清采納！首先了解用戶需求——做頁面——用戶審核——審核合格（是，否）——切圖（是）改（否）——頁面完成哈哈！

至于加程序甚么的就省略了，反正你也只是問設(shè)計流程！網(wǎng)站設(shè)計要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時候就必須將網(wǎng)站的整體設(shè)計與網(wǎng)頁設(shè)計的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認識通過藝術(shù)的手法表現(xiàn)出來；而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計師所設(shè)計出來的設(shè)計稿，按照W3C規(guī)范用html（標準通用標記語言下的一個應(yīng)用）將其制作成網(wǎng)頁格式。在高速發(fā)展的數(shù)字化信息時代，網(wǎng)站在企業(yè)的品牌建設(shè)、信息發(fā)布、商務(wù)活動中占據(jù)著重要的地位，受眾也越來越多的通過網(wǎng)絡(luò)渠道與企業(yè)進行信息溝通。企業(yè)借助定制化的網(wǎng)站建設(shè)，可以塑造個性化網(wǎng)絡(luò)品牌形象，并通過數(shù)字平臺上與受眾形成個性化的互動，使受眾對企業(yè)專屬數(shù)字品牌形成直觀的認知和體驗，實現(xiàn)企業(yè)線上線下品牌統(tǒng)一建設(shè)的目的。網(wǎng)頁制作的一般流程：

1.網(wǎng)頁的需求

2.網(wǎng)頁的定位

3.網(wǎng)頁的規(guī)劃設(shè)計

4.網(wǎng)頁的測試優(yōu)化

5.網(wǎng)頁的維護運行網(wǎng)頁制作的一般流程：

1.網(wǎng)頁的需求

2.網(wǎng)頁的定位

3.網(wǎng)頁的規(guī)劃設(shè)計

4.網(wǎng)頁的測試優(yōu)化

5.網(wǎng)頁的維護運行第一，知道這個網(wǎng)站的需求

第二，知道網(wǎng)站的流程

第三，設(shè)計頁面

第四，制作頁面

設(shè)計一個網(wǎng)站需要什么?

設(shè)計流程：

主題明確：

在目標明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。

Web站點應(yīng)針對所服務(wù)對象（機構(gòu)或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。

為了做到主題鮮明突出，要點明確，應(yīng)該使配色和圖片圍繞預(yù)定的主題；調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣，辦出網(wǎng)站的特點。

充分利用已有信息，如客戶手冊．公共關(guān)系文檔．技術(shù)手冊和數(shù)據(jù)庫等。

設(shè)計思路：

1、簡潔實用：這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。

2、使用方便：同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美

3、整體性好：一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的。

4、網(wǎng)站形象突出：一個符合美的標準的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大限度的提升的。頁面用色協(xié)調(diào)，布局符合形式美的要求：布局有條理，充分利用美的形式，使網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

5、交互式強：發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。

版式設(shè)計：

網(wǎng)頁設(shè)計作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處。

版式設(shè)計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來，特別要求處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表現(xiàn)效果，反復(fù)推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

色彩作用：

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中，設(shè)計師根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響，合理地加以運用。如果企業(yè)有CIS（企業(yè)形象識別系統(tǒng)），應(yīng)按照其中的VI進行色彩運用。

形式內(nèi)容：

為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。

靈活運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。

三維空間的構(gòu)成：

網(wǎng)絡(luò)上的三維空間是一個假想空間，這種空間關(guān)系需借助動靜變化．圖像的比例關(guān)系等空間因素表現(xiàn)出來。在頁面中，圖片、文字位置前后疊壓，或頁面位置變化所產(chǎn)生的視覺效果都各不相同。

通過圖片、文字前后疊壓所構(gòu)成的空間層次不太適合網(wǎng)頁設(shè)計，根據(jù)現(xiàn)有瀏覽器的特點，網(wǎng)頁設(shè)計適合比較規(guī)范、簡明的頁面，盡管這種疊壓排列能產(chǎn)生強節(jié)奏的空間層次，視覺效果強烈。

網(wǎng)頁上常見的是頁面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時也讓人產(chǎn)生輕松或緊迫的心理感受。

虛擬現(xiàn)實：

人們已不滿足于HTML（標準通用標記語言下的一個應(yīng)用）編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實要在Web網(wǎng)上展示其迷人的風(fēng)采，于是VRML語言出現(xiàn)了。

VRML是一種面向?qū)ο蟮恼Z言，它類似Web超級鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運行在多種平臺之上，只不過能夠更多地為虛擬現(xiàn)實環(huán)境服務(wù)。

多媒體：

網(wǎng)絡(luò)資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力，網(wǎng)頁的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要由于網(wǎng)絡(luò)寬帶的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時不得不考慮客戶端的傳輸速度。

便于使用：

如果人們看不懂或很難看懂您的網(wǎng)站，那么，他如何了解你的企業(yè)信息和服務(wù)項目呢？使用一些醒目的標題或文字來突出您的產(chǎn)品與服務(wù)。

并且即使您擁有最棒的產(chǎn)品，如果客戶從您的網(wǎng)站上看不清楚您在介紹什么或不清楚如何受益的話，他們是不會喜歡您的網(wǎng)站的，這對于網(wǎng)頁設(shè)計而言是失敗的。

導(dǎo)向清晰：

網(wǎng)頁設(shè)計中導(dǎo)航使用超文本鏈接或圖片鏈接，使人們能夠在您的網(wǎng)站上自由前進或后退，而不必讓他們使用瀏覽器上的前進或后退。我們在所有的圖片上使用“ALT”標識符注明圖片名稱或解釋，以便那些不愿意自動加載圖片的觀眾能夠了解圖片的含義。

快速下載時間：

很多的瀏覽者不會進入需要等待5分鐘下載時間才能進入的網(wǎng)站，在互聯(lián)網(wǎng)上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此，建議在網(wǎng)頁設(shè)計中盡量避免使用過多的圖片及體積過大的圖片。主要頁面的容量應(yīng)確保普通瀏覽者頁面等待時間不超過10秒。

非圖形內(nèi)容：

在必要時適當使用動態(tài)“Gif”圖片，為減少動畫容量，應(yīng)用巧妙設(shè)計的Java動畫可以用很小的容量使圖形或文字產(chǎn)生動態(tài)的效果。但是，由于在互聯(lián)網(wǎng)瀏覽的大多是一些尋找信息的人們，仍然建議您要確定您的網(wǎng)站將為他們提供的是有價值的內(nèi)容，而不是過度的裝飾。

反饋與溝通：

讓客戶明確您所能提供的產(chǎn)品或服務(wù)并讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網(wǎng)站上產(chǎn)生了購買產(chǎn)品或服務(wù)的欲望，您是否能夠讓他們盡快實現(xiàn)嗎？是在線還是離線？

因此，如果是產(chǎn)品或服務(wù)介紹網(wǎng)站，應(yīng)該有留言、電話、在線咨詢等功能或信息呈現(xiàn)。

在企業(yè)的Web站點上，要認真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件．電話垂詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解．售后服務(wù)等，由相關(guān)部門處理，使網(wǎng)站訪問者感受到企業(yè)的真實存在并由此產(chǎn)生信任感。

測試改進：

測試實際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進網(wǎng)頁設(shè)計。應(yīng)該與用戶共同安排網(wǎng)站測試。

內(nèi)容更新：

企業(yè)Web站點建立后，要不斷更新網(wǎng)頁內(nèi)容。站點信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展**和*上職務(wù)等，同時也會幫助企業(yè)建立良好的形象。

注意不要許諾你實現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復(fù)的電話號碼。如果要求訪問者自愿提供其個人信息，應(yīng)公布并認真履行個人隱私保承諾。

擴展資料：

網(wǎng)頁設(shè)計（webdesign，又稱為WebUIdesign，WUIdesign，WUI），是根據(jù)企業(yè)希望向瀏覽者傳遞的信息（包括產(chǎn)品、服務(wù)、理念、文化），進行網(wǎng)站功能策劃，然后進行的頁面設(shè)計美化工作。

作為企業(yè)對外宣傳物料的其中一種，精美的網(wǎng)頁設(shè)計，對于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。

網(wǎng)頁設(shè)計一般分為三種大類：功能型網(wǎng)頁設(shè)計（服務(wù)網(wǎng)站&B/S軟件用戶端）、形象型網(wǎng)頁設(shè)計（品牌形象站）、信息型網(wǎng)頁設(shè)計（門戶站）。設(shè)計網(wǎng)頁的目的不同，應(yīng)選擇不同的網(wǎng)頁策劃與設(shè)計方案。

網(wǎng)頁設(shè)計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設(shè)計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網(wǎng)頁設(shè)計甚至?xí)紤]到通過聲光、交互等來實現(xiàn)更好的視聽感受。

網(wǎng)頁設(shè)計主要以Adobe產(chǎn)品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

標題設(shè)計：

在設(shè)計網(wǎng)頁標題時，應(yīng)注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。這一原則在實際操作中可通過三個方面來體現(xiàn)，這三個方面也可以被認為是網(wǎng)頁標題設(shè)計的一般規(guī)律：

1、網(wǎng)頁標題不宜過短或者過長

一般來說6-10個漢字比較理想，最好不要超過30個漢字。網(wǎng)頁標題字數(shù)過少可能包含不了有效關(guān)鍵詞，字數(shù)過多不僅搜索引擎無法正確識別標題中的核心關(guān)鍵詞，而且也讓用戶難以對網(wǎng)頁標題（尤其是首頁標題，代表了網(wǎng)站名稱）形成深刻印象，也不便于其他網(wǎng)站鏈接。

2、網(wǎng)頁標題應(yīng)概括網(wǎng)頁的核心內(nèi)容

當用戶通過搜索引擎檢索時，在檢索結(jié)果頁面中的內(nèi)容一般是網(wǎng)頁標題（加鏈接）和網(wǎng)頁摘要信息，要引起用戶的關(guān)注，網(wǎng)頁標題發(fā)揮了很大的作用。

如果網(wǎng)頁標題和頁面摘要信息有較大的相關(guān)性，摘要信息對網(wǎng)頁標題將發(fā)揮進一步的補充作用，從而引起用戶對該網(wǎng)頁信息點擊行為的發(fā)生（也就意味著搜索引擎推廣發(fā)揮了作用）。

另外，當網(wǎng)頁標題被其他網(wǎng)站或者本網(wǎng)站其他欄目/網(wǎng)頁鏈接時，一個概括了網(wǎng)頁核心內(nèi)容的標題有助于用戶判斷是否點擊該網(wǎng)頁標題鏈接。

3、網(wǎng)頁標題中應(yīng)含有豐富的關(guān)鍵詞

考慮到搜索引擎營銷的特點，搜索引擎對網(wǎng)頁標題中所包含的關(guān)鍵詞具有較高的權(quán)重，盡量讓網(wǎng)頁標題中含有用戶檢索所使用的關(guān)鍵詞。

以網(wǎng)站首頁設(shè)計為例，一般來說首頁標題就是網(wǎng)站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網(wǎng)站的核心業(yè)務(wù)，也就是說沒有核心關(guān)鍵詞，這時通常采用“核心關(guān)鍵詞公司名/品排名”的方式來作為網(wǎng)站首頁標題。

開頭所列舉的某網(wǎng)絡(luò)營銷服務(wù)商網(wǎng)站首頁標題實例，其實也是采用這種方式來設(shè)計網(wǎng)頁標題，只不過由于羅列了太多的“核心關(guān)鍵詞”，反而沒有了核心。

做美工看起來并不是一件容易的事情。首先，要對整個站點和企業(yè)有個大致的了解。例如：某些企業(yè)喜歡藍色的主調(diào)，你不可能去做個紅色的主調(diào)，這樣完全違背客戶的主要意愿，如果百度的標志改成五顏六色的，相信大家也不會認可的。

站長的職責(zé)是規(guī)劃網(wǎng)站結(jié)構(gòu)。同樣也需要有一定的審美觀。

網(wǎng)站設(shè)計要遵循哪些原則

一、明確建立網(wǎng)站的目標和用戶需求

Web站點的設(shè)計是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確設(shè)計站點的目的和用戶需求，從而做出切實可行的設(shè)計計劃。要根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析，牢記以“消費者（customer)”為中心，而不是以“美術(shù)”為中心進行設(shè)計規(guī)劃。在設(shè)計規(guī)劃之初同樣考慮：建設(shè)網(wǎng)站的目的是什么？為誰提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？網(wǎng)站的目的消費者和受眾的特點是什么？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？

二、總體設(shè)計方案主題鮮明

在目標明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點應(yīng)針對所服務(wù)對象（機構(gòu)或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。要做到主題鮮明突出，要點明確，以簡單明確的語言和畫面體現(xiàn)站點的主題。調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣，辦出網(wǎng)站的特點。Web站點主頁應(yīng)具備的基本成分包括：頁頭：準確無誤地標識你的站點和企業(yè)標志；Email地址：用來接收用戶垂詢；聯(lián)系信息：如普通郵件地址或電話；版權(quán)信息：聲明版權(quán)所有者等。注意重復(fù)利用已有信息。如客戶手冊．公共關(guān)系文檔．技術(shù)手冊和數(shù)據(jù)庫等可以輕而易舉地用到企業(yè)的Web站點中。

三、網(wǎng)站的版式設(shè)計

網(wǎng)頁設(shè)計作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計通過文字圖形的空間組合，表達出和諧與美。一個優(yōu)秀的網(wǎng)頁設(shè)計者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個網(wǎng)頁生輝。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

四、色彩在網(wǎng)頁設(shè)計中的作用

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響，合理地加以運用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強；色彩還具有聯(lián)想與象征的物質(zhì)，如紅色象征血、太陽；藍色象征大海、天空和水面等。所以設(shè)計出售冷食的虛擬店面，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網(wǎng)頁的顏色應(yīng)用并沒有數(shù)量的限制，但不能毫無節(jié)制地運用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，有CIS（企業(yè)形象識別系統(tǒng)）的更應(yīng)該按照其中的VI進行色彩運用。

在色彩的運用過程中，還應(yīng)注意的一個問題是：由于國家和種族．宗教和信仰的不同，以及生活的地理位置．文化修養(yǎng)的差異等，不同的人群對色彩的喜惡程度有著很大的差異。如：兒童喜歡對比強烈．個性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計中要考慮主要讀者群的背景和構(gòu)成。

五、網(wǎng)頁形式與內(nèi)容相統(tǒng)一

要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計中，它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素，要使用點、線、面的互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計中點、線、面的運用并不是孤立的，很多時候都需要將它們結(jié)合起來，表達完美的設(shè)計意境。

vi版式設(shè)計網(wǎng)站（vi版式設(shè)計簡約模板）