網(wǎng)站規(guī)劃與設(shè)計(jì)經(jīng)典筆記

1、網(wǎng)站策劃與設(shè)計(jì)筆記目 錄第一章網(wǎng)站整體設(shè)計(jì) 第一節(jié)：明確站點(diǎn)的目標(biāo)與需求 一、建站的目的與意圖 二、為誰(shuí)建站：（因此是為用戶UCD設(shè)計(jì)模式的重要性） 三、定義站點(diǎn)的類型： 第二節(jié)：站點(diǎn)整體規(guī)劃與設(shè)計(jì) 一、內(nèi)容為王：站點(diǎn)的內(nèi)容，是站點(diǎn)的內(nèi)涵與價(jià)值所在 二、功能： 三、架構(gòu)：即組織網(wǎng)站各個(gè)網(wǎng)頁(yè)欄目的邏輯結(jié)構(gòu) 四、界面：即具體的網(wǎng)頁(yè)頁(yè)面，網(wǎng)站效果圖設(shè)計(jì)即界面設(shè)計(jì) 五、視覺：形象與風(fēng)格 第三節(jié)：技術(shù)實(shí)現(xiàn) 一、設(shè)計(jì)草圖與原型（雛形效果圖） 二、頁(yè)面需求描述： 三、頁(yè)面效果圖設(shè)計(jì)：一般設(shè)計(jì)23張效果圖供客戶選擇 四、網(wǎng)站打算書撰寫：第二章 網(wǎng)頁(yè)設(shè)計(jì)原理 第一節(jié)：網(wǎng)頁(yè)布局設(shè)計(jì)一、網(wǎng)頁(yè)布局的原理二、網(wǎng)頁(yè)構(gòu)成的

2、形式美原理三、網(wǎng)頁(yè)構(gòu)成的形式法則（即網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)意方法）四、網(wǎng)頁(yè)構(gòu)成的形態(tài)要素點(diǎn)、線、面 第二節(jié)：網(wǎng)頁(yè)色彩設(shè)計(jì)一、色彩的常識(shí)1、色彩的三要素：色相、明度、純度2、色彩的分類：分為原色、間色、復(fù)色、補(bǔ)色四類3、色彩的性質(zhì)：4、色彩的調(diào)子：二、色彩心理感受1、色彩的冷、暖感2、色彩的輕、重感 4、色彩的前、后感 5、色彩的大、小感6、色彩的華麗、質(zhì)樸感三、色相心理分析四、色彩的聯(lián)想特征五、網(wǎng)頁(yè)色彩打算 1、主色、輔色與強(qiáng)調(diào)色的選取 2、網(wǎng)頁(yè)背景色、多媒體元素色、文字顏色的選取與確定 第三節(jié)：網(wǎng)頁(yè)元素設(shè)計(jì)一、文字與排版二、圖形元素三、聲音與視頻四、導(dǎo)航元素五、表單控件網(wǎng)站整體設(shè)計(jì) 第一節(jié)：明確站點(diǎn)的

3、目標(biāo)與需求 一、建站的目的與意圖 1、什么緣故要建那個(gè)站？建那個(gè)站是為了什么？ 2、需求是設(shè)計(jì)的源頭有需求才有設(shè)計(jì)，沒(méi)有需求就沒(méi)有設(shè)計(jì) 二、為誰(shuí)建站：（因此是為用戶UCD設(shè)計(jì)模式的重要性） 1、站點(diǎn)的用戶是誰(shuí)？ 2、誰(shuí)會(huì)對(duì)所建的站點(diǎn)感興趣？ 3、他們什么緣故要訪問(wèn)該站點(diǎn)？ 4、什么樣的功能內(nèi)容及風(fēng)格對(duì)用戶有吸引力？ 5、從哪些方面去研究用戶？ 01 定義要緊的目標(biāo)用戶 02 分析目標(biāo)用戶的特征，建立用戶模型：（用戶模型是對(duì)用戶的年齡、職業(yè)、經(jīng)濟(jì)狀況、性不、國(guó)家、教育背景、文化背景、生活方式、婚姻狀況、生存狀況、性格等特征進(jìn)行有效的分析） 03 明確用戶的真實(shí)需求三、定義站點(diǎn)的類型： 1、按照網(wǎng)

4、站主體性質(zhì)劃分：政府網(wǎng)站、企業(yè)網(wǎng)站、商業(yè)網(wǎng)站、教育科研機(jī)構(gòu)網(wǎng)站、個(gè)人網(wǎng)站、其它非盈利機(jī)構(gòu)網(wǎng)站。 2、按照網(wǎng)站功能劃分：01、產(chǎn)品(服務(wù))查詢展示型網(wǎng)站:本類網(wǎng)站核心目的是推廣產(chǎn)品(服務(wù))，是企業(yè)的產(chǎn)品“展示框”。利用網(wǎng)絡(luò)的多媒體技術(shù)，數(shù)據(jù)庫(kù)存儲(chǔ)查詢技術(shù)，三維展示技術(shù)，配合有效的圖片和文字講明，將企業(yè)的產(chǎn)品(服務(wù))充分展現(xiàn)給新老客戶，使客戶能全方位的了解公司產(chǎn)品。與產(chǎn)品印刷資料相比，網(wǎng)站能夠營(yíng)造更加直觀的氛圍和產(chǎn)品的感染力，促使商家及消費(fèi)者對(duì)產(chǎn)品產(chǎn)生采購(gòu)欲望，從而促進(jìn)企業(yè)銷售。02、品牌宣傳型網(wǎng)站:本類網(wǎng)站特不強(qiáng)調(diào)創(chuàng)意設(shè)計(jì)，但不同于一般的平面廣告設(shè)計(jì)。網(wǎng)站利用多媒體交互技術(shù)，動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，配合廣

5、告設(shè)計(jì)，將企業(yè)品牌在互聯(lián)網(wǎng)上發(fā)揮得淋漓盡致。本類型網(wǎng)站著重展示企業(yè)CI、傳播品牌文化、提高品牌知名度。關(guān)于產(chǎn)品品牌眾多的企業(yè)，能夠單獨(dú)建立各個(gè)品牌的獨(dú)立網(wǎng)站，以便市場(chǎng)營(yíng)銷策略與網(wǎng)站宣傳統(tǒng)一。03、企業(yè)涉外商務(wù)網(wǎng)站:通過(guò)互聯(lián)網(wǎng)對(duì)企業(yè)各種涉外工作，提供遠(yuǎn)程、及時(shí)、準(zhǔn)確的服務(wù)，是本類網(wǎng)站的核心目標(biāo)。本網(wǎng)站可實(shí)現(xiàn)渠道分銷、終端客戶銷售、合作伙伴治理、網(wǎng)上采購(gòu)、實(shí)時(shí)在線服務(wù)、物流治理、售后服務(wù)治理等，它將更進(jìn)一步的優(yōu)化企業(yè)現(xiàn)有的服務(wù)體系，實(shí)現(xiàn)公司對(duì)分公司、經(jīng)銷商、售后服務(wù)商、消費(fèi)者的有效治理，加速企業(yè)的信息流、資金流、物流的運(yùn)轉(zhuǎn)效率，降低企業(yè)經(jīng)營(yíng)成本，為企業(yè)制造額外收益，降低企業(yè)經(jīng)營(yíng)成本。04、網(wǎng)上購(gòu)物

6、型網(wǎng)站:通俗的講，確實(shí)是實(shí)現(xiàn)網(wǎng)上買賣商品，購(gòu)買的對(duì)象能夠是企業(yè)(B2B)，也能夠是消費(fèi)者(B2C)。為了了確保采購(gòu)成功，該類網(wǎng)站需要有產(chǎn)品治理、訂購(gòu)治理、訂單治理、產(chǎn)品推舉、支付治理、收費(fèi)治理、送發(fā)貨治理、會(huì)員治理等差不多系統(tǒng)功能。復(fù)雜的物品銷售、網(wǎng)上購(gòu)物型網(wǎng)站還需要建立積分治理系統(tǒng)、VIP治理系統(tǒng)、客戶服務(wù)交流治理系統(tǒng)，商品銷售分析系統(tǒng)以及與內(nèi)部進(jìn)銷存(MIS，ERP)打交道的數(shù)據(jù)導(dǎo)入導(dǎo)出系統(tǒng)等。本類型網(wǎng)站能夠開發(fā)新的營(yíng)銷渠道，擴(kuò)大市場(chǎng)，同時(shí)還能夠接觸最直接的消費(fèi)者，獲得第一手的產(chǎn)品市場(chǎng)反饋，有利于市場(chǎng)決策。05、企業(yè)門戶綜合信息網(wǎng)站:本類網(wǎng)站是所有各企業(yè)類型網(wǎng)站的綜合，是企業(yè)面向新老客戶、

7、業(yè)界人士及全社會(huì)的窗口，是目前最普遍的形式之一。該類網(wǎng)站將企業(yè)的日常涉外工作上網(wǎng)，其中包括營(yíng)銷、技術(shù)支持、售后服務(wù)、物料采購(gòu)、社會(huì)公共關(guān)系處理等。該類網(wǎng)站函蓋的工作類型多，信息量大，訪問(wèn)群體廣，信息更新需要多個(gè)部門共同完成。企業(yè)綜合門戶信息網(wǎng)站有利于社會(huì)對(duì)企業(yè)的全面了解，但不利于突出特定的工作需要，也不利于展現(xiàn)重點(diǎn)。06、行業(yè)、協(xié)會(huì)信息門戶/B2B交易服務(wù)型網(wǎng)站:本類網(wǎng)站是所有各企業(yè)類型網(wǎng)站的綜合，是企業(yè)面向新老客戶、業(yè)界人士及全社會(huì)的窗口，是目前最普遍的形式之一。該類網(wǎng)站將企業(yè)的日常涉外工作上網(wǎng)，其中包括營(yíng)銷、技術(shù)支持、售后服務(wù)、物料采購(gòu)、社會(huì)公共關(guān)系處理等。該類網(wǎng)站函蓋的工作類型多，信息量

8、大，訪問(wèn)群體廣，信息更新需要多個(gè)部門共同完成。企業(yè)綜合門戶信息網(wǎng)站有利于社會(huì)對(duì)企業(yè)的全面了解，但不利于突出特定的工作需要，也不利于展現(xiàn)重點(diǎn)。07、溝通交流平臺(tái):本系統(tǒng)采納利用互聯(lián)網(wǎng)，將分布在全國(guó)的生產(chǎn)、銷售、服務(wù)和供應(yīng)等環(huán)節(jié)聯(lián)系在一起，改變過(guò)去利用電話、傳真、信件等傳統(tǒng)溝通方式。能夠?qū)Σ煌块T、不同工作性質(zhì)的用戶建立無(wú)限多個(gè)的個(gè)性化網(wǎng)站;提供內(nèi)部信息公布、治理、分類、共享等功能，匯總各種生產(chǎn)、銷售、財(cái)務(wù)等數(shù)據(jù);提供內(nèi)部郵件、文件傳遞、語(yǔ)音、視頻等多種通信交流手段。08、政府門戶信息網(wǎng)站:利用政務(wù)網(wǎng)(或稱政府專網(wǎng))和內(nèi)部辦公網(wǎng)絡(luò)而建立的內(nèi)部門戶信息網(wǎng)，是為了方便辦公區(qū)域以外的相關(guān)部門(或上、下級(jí)

9、機(jī)構(gòu))，互通信息、統(tǒng)一數(shù)據(jù)處理、共享文件資料而建立的。要緊包括如下功能：提供多數(shù)據(jù)源的接口，實(shí)現(xiàn)業(yè)務(wù)系統(tǒng)的數(shù)據(jù)整合;統(tǒng)一用戶治理，提供方便有效的訪問(wèn)權(quán)限和治理權(quán)限體系;能夠方便建立二級(jí)子網(wǎng)站和部門網(wǎng)站;實(shí)現(xiàn)復(fù)雜的信息公布治理流程。 第二節(jié)：站點(diǎn)整體規(guī)劃與設(shè)計(jì) 一、內(nèi)容為王：站點(diǎn)的內(nèi)容，是站點(diǎn)的內(nèi)涵與價(jià)值所在 1、站點(diǎn)內(nèi)容的要緊來(lái)源：01 編輯整理編撰02 原創(chuàng)03 轉(zhuǎn)載04其他途徑獵取 二、功能：1、常見的網(wǎng)站功能模塊：產(chǎn)品展示公布系統(tǒng)、會(huì)員治理系統(tǒng)、信息公布系統(tǒng)(新聞公布系統(tǒng))、權(quán)限治理系統(tǒng)、論壇系統(tǒng)、資料下載系統(tǒng)、郵件治理系統(tǒng)、信息檢索系統(tǒng)、在線招聘系統(tǒng)、留言板系統(tǒng)、網(wǎng)上商城系統(tǒng)、網(wǎng)上調(diào)查

10、系統(tǒng)、文件傳輸系統(tǒng)、訪問(wèn)統(tǒng)計(jì)系統(tǒng)、站點(diǎn)計(jì)數(shù)器、公告系統(tǒng)、購(gòu)物車系統(tǒng)等2、客戶需要的其他功能，依照客戶的需求開發(fā) 三、架構(gòu)：即組織網(wǎng)站各個(gè)網(wǎng)頁(yè)欄目的邏輯結(jié)構(gòu) 1、網(wǎng)站常見的架構(gòu)：線性結(jié)構(gòu)、層級(jí)結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu) 四、界面：即具體的網(wǎng)頁(yè)頁(yè)面，網(wǎng)站效果圖設(shè)計(jì)即界面設(shè)計(jì) 1、界面規(guī)劃與設(shè)計(jì)的要緊內(nèi)容有哪些： 01 依照站點(diǎn)信息架構(gòu)確定站點(diǎn)頁(yè)面構(gòu)成（換言之，確實(shí)是統(tǒng)計(jì)整個(gè)網(wǎng)站要設(shè)計(jì)多少個(gè)有效的網(wǎng)頁(yè)界面，及各個(gè)界面之間鏈接跳轉(zhuǎn)的關(guān)系。） 02 明確每個(gè)頁(yè)面的內(nèi)容（即頁(yè)面要放置哪些欄目）與功能，確定頁(yè)面的元素與結(jié)構(gòu)（即排版布局） 03 頁(yè)面展示效果的實(shí)現(xiàn)（如幻燈片、滑動(dòng)面板、動(dòng)畫等等） 2、網(wǎng)頁(yè)界面的構(gòu)成元素：

11、 01 導(dǎo)航元素：各種菜單、鏈接 02 形象元素：如動(dòng)畫、展示圖片等，不僅傳遞著特定的信息，而且對(duì)調(diào)節(jié)頁(yè)面氣氛、吸引受眾也起著重大的作用。 03 功能元素：指用戶與站點(diǎn)進(jìn)行交互，以實(shí)現(xiàn)某種功能的元素，如為頁(yè)面提供一個(gè)搜索框，登錄框等。 04 內(nèi)容元素：欄目列表信息、欄目的摘要信息等等文字信息內(nèi)容 五、視覺：形象與風(fēng)格 1、站點(diǎn)的設(shè)計(jì)風(fēng)格： 01 信息主體型風(fēng)格：以信息展示為主的，如新聞門戶型網(wǎng)站 02 印象型主體風(fēng)格：強(qiáng)調(diào)視覺的體驗(yàn)與效果，藝術(shù)性強(qiáng) 03 均衡型風(fēng)格：前面兩者兼?zhèn)?第三節(jié)：技術(shù)實(shí)現(xiàn)設(shè)計(jì)草圖與原型（雛形效果圖）頁(yè)面需求描述：即頁(yè)面要擺放哪些欄目、需要哪些功能、應(yīng)該有什么樣的 展示

12、效果等。頁(yè)面描述的方式：01 線框型描述：即用圖形表示出來(lái)02 文字描述：撰寫文案，詳細(xì)敘述頁(yè)面的功能內(nèi)容 三、頁(yè)面效果圖設(shè)計(jì)：一般設(shè)計(jì)23張效果圖供客戶選擇 四、網(wǎng)站打算書撰寫： 1、網(wǎng)站打算書的要緊內(nèi)容 01 建站的背景分析：相關(guān)行業(yè)背景分析、競(jìng)爭(zhēng)對(duì)手分析、公司自身?xiàng)l件分析等。 02 站點(diǎn)目標(biāo)分析：建站的目的與意圖、目標(biāo)用戶分析、站點(diǎn)類型及需求分析。 03 內(nèi)容與功能規(guī)劃：依照站點(diǎn)目標(biāo)和用戶需求確定站點(diǎn)應(yīng)包含的內(nèi)容和功能、站點(diǎn)的欄目組成和功能架構(gòu)。 04 界面設(shè)計(jì)方案：站點(diǎn)界面規(guī)劃與組成，站點(diǎn)頁(yè)面需求描述、站點(diǎn)的視覺形象設(shè)計(jì)方案。 05 站點(diǎn)技術(shù)方案：技術(shù)方案所要達(dá)到的目標(biāo)（如數(shù)據(jù)精度、流

13、量指標(biāo)、響應(yīng)速度等），項(xiàng)目所采納的軟、硬件技術(shù)（如確定屏幕尺寸、掃瞄器類型、服務(wù)器類型、數(shù)據(jù)庫(kù)類型、操作系統(tǒng)等） 06 站點(diǎn)的進(jìn)度打算、費(fèi)用預(yù)算等 07 網(wǎng)站維護(hù)與更新方案 第二章 網(wǎng)頁(yè)設(shè)計(jì)原理 第一節(jié)：網(wǎng)頁(yè)布局設(shè)計(jì)網(wǎng)頁(yè)布局的原理平衡與穩(wěn)定：結(jié)構(gòu)的對(duì)稱，不失衡。焦點(diǎn)與主次：分清晰焦點(diǎn)與主次，重點(diǎn)地點(diǎn)要強(qiáng)調(diào)突出，達(dá)到醒目的效果。秩序與統(tǒng)一：對(duì)比與變化：網(wǎng)頁(yè)構(gòu)成的形式美原理平衡：分為絕對(duì)平衡(即對(duì)稱)與相對(duì)平衡01 對(duì)稱的差不多形式：反射、移動(dòng)、回轉(zhuǎn)、擴(kuò)大 2、對(duì)比： 01 形象與形象之間的對(duì)比：大小、遠(yuǎn)近、方向、多少、曲直、虛實(shí)、明暗等對(duì)比 02 形象與空間的對(duì)比：正負(fù)、疏密、面積等對(duì)比 03

14、色彩對(duì)比：指色彩的色相、明度、純度、冷暖等對(duì)比 3、調(diào)和：分形象特征的調(diào)和、色彩調(diào)和、方向調(diào)和 4、節(jié)奏：指高低、強(qiáng)弱、長(zhǎng)短、抑揚(yáng)頓挫之美 5、變異：“萬(wàn)綠叢中一點(diǎn)紅”、鶴立雞群等 1、變異的形式：位置、形象、方向、大小、色彩等變異 6、數(shù)理比例美 三、網(wǎng)頁(yè)構(gòu)成的形式法則（即網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)意方法） 1、重復(fù)與近似 2、分割與比例 3、漸變與發(fā)射 4、對(duì)比構(gòu)成： 5、特異構(gòu)成 6、空間構(gòu)成（三維空間） 7、打散重構(gòu) 8、肌理 四、網(wǎng)頁(yè)構(gòu)成的形態(tài)要素點(diǎn)、線、面 1：點(diǎn)：是造型的原生因素。 幾何學(xué)概念所談的點(diǎn)，僅表示位置.它沒(méi)有大小面積表示。一條線的開始與結(jié)束或者兩條線相接之處點(diǎn)的感受與位置聯(lián)想。 點(diǎn)

15、有各種各樣的形狀、有規(guī)則和非規(guī)則的越小的點(diǎn)、點(diǎn)的感受愈強(qiáng)但顯的柔弱、點(diǎn)涿漸增大時(shí)，則趨向于面的感受，這時(shí)點(diǎn)起著重要的作用，或以幾何形式出現(xiàn)或以具象行出現(xiàn)但不管作為細(xì)小特征的點(diǎn)應(yīng)盡可能采納單純簡(jiǎn)潔、強(qiáng)韌有力的形式。 當(dāng)畫面只有一個(gè)點(diǎn)時(shí)，常常容易成為視覺中心吸引人的視線，點(diǎn)從背影中越出，與畫面周圍空間發(fā)生作用。點(diǎn)居與畫面中心位置時(shí)，與畫面的空間關(guān)系顯的專門和諧；當(dāng)點(diǎn)位居于畫面邊緣時(shí)就改變了畫面的靜態(tài)平衡關(guān)系，形成了緊張感而造成動(dòng)勢(shì)。假如畫面有另一個(gè)點(diǎn)產(chǎn)生便形成兩點(diǎn)之間的視覺張力，人的視線就會(huì)在兩點(diǎn)之間來(lái)回流淌、形成一種新的視覺關(guān)系，而使點(diǎn)與背景的關(guān)系退居第二位。當(dāng)兩個(gè)點(diǎn)有大小區(qū)不時(shí)，視覺就會(huì)由大到

16、小的點(diǎn)的流淌，潛藏著明顯的運(yùn)動(dòng)都趨勢(shì)，具備了時(shí)刻的因素。推而言之，畫面中有三個(gè)點(diǎn)時(shí)，實(shí)現(xiàn)就在著三個(gè)點(diǎn)之間流淌，令人產(chǎn)生三角形面的。眾多點(diǎn)的聚散，引起能量和張力的多樣化，這種復(fù)雜性常常給畫面生動(dòng)的情趣。 點(diǎn)的連續(xù)排列形成虛的線，其距離越近時(shí)，線的特性就愈顯著。 點(diǎn)的間隔排列，具有井然有序的美感。如加上點(diǎn)的大小變化，就產(chǎn)生變化豐富的視覺效果 點(diǎn)依據(jù)水平或垂直方向排列，成為靜的構(gòu)成。相反，點(diǎn)沿著斜線，曲線，旋渦線排列，或者以自由方式排列，則形成動(dòng)的構(gòu)成 將點(diǎn)的大小漸變運(yùn)動(dòng)的排列。能形成有動(dòng)感和深度感的構(gòu)成。應(yīng)用點(diǎn)的大小、多少、聚散、連接或不連接等變化排列，形成有節(jié)奏、韻律感的構(gòu)成。 通過(guò)點(diǎn)的均散排列

17、，形成畫面的肌理效果。2：線：是由點(diǎn)運(yùn)動(dòng)形成的，運(yùn)動(dòng)成為線的重要征。 兩點(diǎn)之間最短距離的線便是直線。直線反映了運(yùn)動(dòng)最簡(jiǎn)潔的形態(tài)。直線類撕男性的陽(yáng)剛品行：果斷、明確、理性、堅(jiān)決、具有速度和堅(jiān)強(qiáng)感。方向不斷改變的點(diǎn)的運(yùn)動(dòng)形成曲線。曲線類似女性的陰柔品行：柔和、豐滿、優(yōu)雅、感性、含蓄和富有節(jié)奏感。 曲線大致又可分為幾何曲線和自由曲線兩種形式。幾何曲線規(guī)律性強(qiáng)，有圓、圓弧、拋物線等樣式，有明確、清晰、易于制作和識(shí)不的特性。具有彈性和富于動(dòng)感變化的自由曲線，則表達(dá)一種有機(jī)生命形態(tài)的形式。即興的自由曲線展現(xiàn)了個(gè)性化的特征，其線條專門難重復(fù) 線條增加其寬度會(huì)傾向于面的特性，粗的線能增加力度和厚重感。細(xì)的線顯

18、得纖細(xì)、敏銳而柔弱，鋸齒狀的線因其強(qiáng)烈的刺激性而產(chǎn)生不舒服的感受，粗糙的線會(huì)令人產(chǎn)生受阻的苦澀 線的另一個(gè)特征他具有方向性。 線的運(yùn)動(dòng)方向差不多歸為垂直、水平、傾斜三種。 白色的行具有擴(kuò)張感、黑色的行具有收縮感。 線通過(guò)集合排列形成面餓感受，應(yīng)用線的粗細(xì)的變化、長(zhǎng)短變化、疏密變化的排列能夠形成有空間深度和運(yùn)動(dòng)感的結(jié)合。 應(yīng)用線的粗糙的變化排列或者間隔距離大小漸變排列能形成有規(guī)矩的漸層變化的空間感 線的中斷應(yīng)用，能夠產(chǎn)生點(diǎn)的感受 應(yīng)用線的不同交叉方式或方向變動(dòng)，就能夠追求放射旋轉(zhuǎn)具有強(qiáng)烈動(dòng)勢(shì)結(jié)構(gòu)的圖形。3：面 以幾何行法則構(gòu)成的圖形簡(jiǎn)潔明快，具有數(shù)理秩序與機(jī)械的冷感性格，體現(xiàn)一種理性的特征： 有

19、機(jī)形表現(xiàn)著自然界有機(jī)體中存在的一種生氣勃勃的旺盛生命力，是流淌而有彈性的曲線構(gòu)成的具有內(nèi)在活力與溫暖感的形式，它是由自然中外力與物體內(nèi)應(yīng)力相抗衡作用所形成的。 偶然形是應(yīng)用專門技法或材料，依偶然的效果而意外獲得的天然成趣的形態(tài)，具有奇妙的變幻魔力。是利用偶然因素提煉造型美的一種方式。偶然形是難以預(yù)料的形，他正好與幾何形相反。是無(wú)法重復(fù)的不定形。 平放的三角形特不穩(wěn)定，以一點(diǎn)支撐的三角形會(huì)產(chǎn)生極不安定的緊張感，但這又與形的大小有關(guān)，假如三角形以接近點(diǎn)的形象出現(xiàn)，他反而會(huì)帶來(lái)畫面的靈動(dòng)感。由于三角形具有銳角性質(zhì)我們常常改變其比例關(guān)系，形成更尖銳的三角形，造成強(qiáng)烈緊張的方向感。 第二節(jié)：網(wǎng)頁(yè)色彩設(shè)計(jì)

20、色彩的常識(shí)1、色彩的三要素：色相、明度、純度01色相指的是色彩的相貌特征和相互區(qū)不。色相具體指的是紅、橙、黃、綠、青、藍(lán)、紫。色相要緊體現(xiàn)事物的固有色 和冷暖感。02純度，指的是色素的飽和程度。色彩的純度體現(xiàn)事物的量感，純度不同，即高純度的色和低純度的 色表現(xiàn)出事物的量感就不同。紅、橙、黃、綠、青、藍(lán)、紫七種顏色純度是最高的。03明度，是指色彩的深與淺所顯示出的程度。所有的顏色都有明與暗的層次差不。這層次確實(shí)是“黑”、“ 白”、“灰”。在紅、橙、黃、綠、青、藍(lán)、紫七色中，最亮的明度最高的是黃色、橙、綠次之，紅、 青再次之，最暗的是藍(lán)色與紫色。色彩明度變化即深淺的變化，就使得色彩有層次感，出現(xiàn)立

21、體感的 效果。2、色彩的分類：分為原色、間色、復(fù)色、補(bǔ)色四類01三原色：在顏色中不能再分解的，并能調(diào)配其它色彩的色，如紅、黃、藍(lán)，也確實(shí)是原色02間色：由兩種原色調(diào)配混合而成的色，如紅與黃配為橙色，黃與藍(lán)配為綠色，藍(lán)與紅配為紫色。03復(fù)色：是由兩種間色調(diào)制而成的色如橙配綠為橙綠色等等。04補(bǔ)色：是指原色中的一種再間色，或者和復(fù)色相配而現(xiàn) 出的色。 3、色彩的性質(zhì)：色彩不同，其光波作用于人的視網(wǎng)膜使人產(chǎn)生的感受也不同，因此面對(duì)不同的顏色 人們就會(huì)產(chǎn)生冷暖、明暗、輕重、強(qiáng)弱、遠(yuǎn)近、脹縮等不同心理反應(yīng)。01 色彩的冷與暖。綠、藍(lán)、紫色相能給人以文靜、清涼近似于冷的感受，而紅、橙、黃色相能給人以 熱烈

22、、溫暖、興奮近似于暖的感受。在冷色、暖色之間也有一種給人不太冷與不太熱的中間色，如色相環(huán)上的黃綠、藍(lán)綠色。冷暖色也 有層次關(guān)系，有的偏冷，如紫紅、檸檬黃、藍(lán)紫，有的偏暖，如桔紅、桔黃、藍(lán)綠則偏暖。冷暖關(guān)系在 色相相互比較中產(chǎn)生的。 02 色彩的輕與重。輕和重的色彩感是由色相的飽合度的高和低在視覺上產(chǎn)生的一種效果。凡是感受重 的色差不多上色相飽和度高的色，飽合度低則感受就輕。色彩的色相因純度（飽和度）值不同，其輕重的量 感也就不一樣。如把白色的心理感受重量定為100克計(jì)，黑色是187克、黃色是113克、綠色是133克、蘭 色是152克、紫色是155克、灰色是155克、紅色是158克。03 色彩的

23、遠(yuǎn)與近。遠(yuǎn)和近的色彩感是由于色彩的冷暖關(guān)系作用于人們的視覺感受而產(chǎn)生的。一般冷色給人以遠(yuǎn)的感受。在自然界藍(lán)色的群山就給人遠(yuǎn)的感受；暖色則給人以近感。04 色彩中的冷和暖、輕和重、遠(yuǎn)與近、脹與縮，以及色彩的明與暗、強(qiáng)與弱，既講明色彩的性質(zhì)，而冷與暖等等也是人們心理和視覺情緒上的反映，是一種感受對(duì)比。這種色彩的對(duì)比有強(qiáng)烈的視覺效果， 極富有宣傳性。4、色彩的調(diào)子：色彩的調(diào)子能激起人們心理活動(dòng)并引起快感與產(chǎn)生美感。 01紅色調(diào)它給人熱情、歡樂(lè)之感。人們用它來(lái)表現(xiàn)火熱、生命、活力與危險(xiǎn)等信息。 02藍(lán)色調(diào)給人平復(fù)、寬廣之感。人們用它來(lái)表現(xiàn)以后、高科技、思維等信息。 03黃色調(diào)給人溫暖、輕快之感。人們用

24、來(lái)表現(xiàn)光明、希望、輕快、注意等信息。 04綠色調(diào)它給人清新、平和之感。人們用來(lái)表現(xiàn)生長(zhǎng)、生命、安全等信息。 05橙色調(diào)它給人興奮、成熟之感。是專門受人們歡迎的顏色。 06紫色調(diào)它給人幽雅、高貴之感。人們用來(lái)表現(xiàn)悠久、深?yuàn)W、理智、高貴、冷漠等信息。 07黑色調(diào)給人高貴、時(shí)尚之感。人們用來(lái)表示重量、堅(jiān)硬、男性、工業(yè)等信息。色彩心理感受1、色彩的冷、暖感 色彩本身并無(wú)冷暖的溫度差不，是視覺色彩引起人們對(duì)冷暖感受的心理聯(lián)想。暖色：人們見到紅、紅橙、橙、黃橙、紅紫等顏色后，暖色就聯(lián)想到太陽(yáng)、火焰、熱血等物像，產(chǎn)生溫暖、熱烈、危險(xiǎn)等感受，使人產(chǎn)生沖動(dòng)情緒。冷色：見到藍(lán)、藍(lán)紫、藍(lán)綠等色后，則容易聯(lián)想到太空、

25、冰雪、海洋等物像，就會(huì)產(chǎn)生嚴(yán)寒、理智、平靜等感受。 色彩的冷暖感受，不僅表現(xiàn)在固定的色相上，而且在比較中還會(huì)顯示其相對(duì)的傾向性。如同樣表現(xiàn)天空的霞光，用玫紅畫早霞那種清新而偏冷的色彩，感受專門恰當(dāng)，而描繪晚霞則需要暖感強(qiáng)的大紅了。但如與橙色對(duì)比，前面兩色又都加強(qiáng)了寒感傾向。人們往往用不同的詞匯表述色彩的冷暖感受，冷色暖色陽(yáng)光、不透明、刺激的、稠密、深的、近的、重的男性的、強(qiáng)性的、干的、感情的、方角的、直線型、擴(kuò)大、穩(wěn)定、熱烈、爽朗、開放等。冷色陰影、透明、冷靜的、稀薄的、淡的、遠(yuǎn)的、輕的、女性的、微弱的、濕的、理智的、圓滑、曲線型、縮小、流淌、平復(fù)、文雅、保守等。 中性色：綠色和紫色是中性色。

26、黃綠、淺藍(lán)、藍(lán)綠等色，使人聯(lián)想到草、樹等植物，產(chǎn)生青春、生命、和平等感受。紫、藍(lán)紫等色使人聯(lián)想到花卉、水晶等稀貴物品，故易產(chǎn)生高貴、奇妙感感受。至于黃色，一般被認(rèn)為是暖色，因?yàn)樗谷寺?lián)想起陽(yáng)光、光明等，但也有人視它為中性色，因此，同屬黃色相，檸檬黃顯然偏冷，而中黃則感受偏暖。中性色2、色彩的輕、重感 這要緊與色彩的明度有關(guān)。明度高的色彩使人聯(lián)想到藍(lán)天、白云、彩霞及許多花卉還有棉花，羊毛等。產(chǎn)生輕柔、飄浮、上升、敏捷、靈活等感受。明度低的色彩易使人聯(lián)想鋼鐵，大理石等物品，產(chǎn)生沉重、穩(wěn)定、降落等感受。 3、色彩的軟、硬感 其感受要緊也來(lái)自色彩的明度，但與純度亦有一定的關(guān)系。明度越高感受越軟，明度越

27、低則感受越硬，但白色反而軟感略改。明度高、純底低的色彩有軟感，中純度的色也呈柔感，因?yàn)樗鼈円资谷寺?lián)想起駱駝、狐貍、貓、狗等好多動(dòng)物的皮毛，還有毛呢，絨織物等。高純度和低純度的色彩都呈硬感，如它們明度又低則硬感更明顯。色相與色彩的軟、硬感幾乎無(wú)關(guān)。 4、色彩的前、后感 由各種不同波長(zhǎng)的色彩在人眼視網(wǎng)膜上的成像有前后，紅、橙等光波長(zhǎng)的色在后面成像，感受比較迫近，藍(lán)、紫等光波短的色則在外側(cè)成像，在同樣距離內(nèi)感受就比較后退。 實(shí)際上這是視錯(cuò)覺的一種現(xiàn)象，一般暖色、純色、高超度色、強(qiáng)烈對(duì)比色、大面積色、集中色等有前進(jìn)感受，相反，冷色、濁色、低明度色、弱對(duì)比色、小面積色、分散色等有后退感受。 5、色彩的大

28、、小感 由于色彩有前后的感受，因而暖色、高超度色等有擴(kuò)大、膨脹感，冷色、低明度色等有顯小、收縮感。 6、色彩的華麗、質(zhì)樸感 色彩的三要素對(duì)華麗及質(zhì)樸感都有阻礙，其中純度關(guān)系最大。明度高、純度高的色彩，豐富、強(qiáng)對(duì)比 色彩感受華麗、輝煌。明度低、純度低的色彩，單純、弱對(duì)比的色彩感受質(zhì)樸、古雅。但無(wú)化何種色彩，假如帶上光澤，都能獲得華麗的效果。 三、色相心理分析1、紅色：紅色是一種引人注目的色彩。對(duì)人的感受器官有強(qiáng)烈的刺激作用，能增高血壓，加速血液循環(huán)，對(duì)人的心理產(chǎn)生巨大鼓舞作用。這就使紅色有了積極、向上、活力等象征意義。假如紅色中加入白色成為粉紅色，它意味著幸福、甜蜜、嬌柔、愛情。假如紅色加入黑色

29、可成為暗紅色，給人以枯萎、苦惱、孤僻、憔悴、不合群的心理感受。假如紅色中加入灰色，成為紅灰色，給人以煩悶、哀傷、憂郁、寂寞的心理感受。2、橙色：橙色也是對(duì)視覺器官刺激比較強(qiáng)烈的色彩。既有紅色的熱情，又有黃色的光明、爽朗的性格，是人們普遍喜愛的色彩。如警戒的指定色，海上的救生衣，馬路上養(yǎng)路工人制服等常用此色。假如橙色中加入白色，給人以細(xì)嫩、溫馨、溫順、柔潤(rùn)、細(xì)心、輕巧、慈愛的心理感受。假如橙色中加入黑色，給人以沉著、茶香、情深、悲觀、拘謹(jǐn)?shù)男睦砀惺?。假如橙色中加入灰色給人以沙灘、故土、灰心的心理感受。3、黃色：黃色是所有彩色中明度最高的色彩。給人以光明、自信、迅速、爽朗、注意、輕快的感受，尤其在

30、低明度色彩或其補(bǔ)色的存托下，十分醒目。在中國(guó)傳統(tǒng)用色中，黃色是權(quán)力的象征，是帝王皇族的專用色。假如黃色中加入白色，給人以單薄、柔嫩、可愛、無(wú)誠(chéng)意、和氣、光榮和慈愛的心理感受。假如黃色中加入黑色，給人以沒(méi)希望、多變、貧窮、粗俗、秘密的心理感受。假如黃色中加入灰色，給人以不健康、沒(méi)精神、低賤、骯臟、陳舊的心理感受。4、綠色：綠色的視覺感受比較舒適，和氣。綠色為植物的色彩，對(duì)生理作用和心理作用都極為平靜，刺激性不大。因此，人對(duì)綠色都較喜愛，綠色給人以寧?kù)o、休息、放松，使人精神不易疲勞。假如綠色中加入白色，給人以爽快、清淡、寧?kù)o、舒服、輕浮的心理感受。假如綠色中加入黑色，給人以安穩(wěn)、自私、沉默、刻苦的

31、心理感受。假如綠色中加入灰色，給人以濕氣、倒霉、不信任、腐爛、發(fā)酵的心理感受。5、藍(lán)色：藍(lán)色會(huì)使人想到海洋、天空，湛藍(lán)而寬敞。藍(lán)色給人以平復(fù)、智慧、深遠(yuǎn)的感受。藍(lán)色對(duì)視覺器官的刺激較弱，當(dāng)人們看到藍(lán)色時(shí)情緒較安靜，尤其是當(dāng)人們?cè)谛那闊┰?、情緒不安時(shí)，面對(duì)藍(lán)藍(lán)的大海，仰望蔚藍(lán)曠遠(yuǎn)的天空，頓時(shí)心胸變得開闊起來(lái)，苦惱便會(huì)煙消云散。假如藍(lán)色中加入白色，會(huì)給人以清淡、聰慧、伶俐、輕柔、高雅、和氣的心理感受。假如藍(lán)色中加入黑色，給人以奇妙、沉重、幽深、悲觀、孤僻、莊重的心理感受。假如藍(lán)色中加入灰色，給人以粗俗、悲傷、壓力、貧困、沮喪、笨拙的心理感受。6、紫色：紫色屬于中性色彩，富有奇妙感。紫色易引起心理上的憂郁和不安，但又給人以高貴、莊嚴(yán)之感，是女性較喜愛的色彩。在我國(guó)傳統(tǒng)用色中，紫色是帝王的專用色，是較高權(quán)力的象征。如紫禁城（北京故宮）、紫襲裝（朝廷賜給和尚的僧衣）、紫詔（皇帝的詔書）等。紫色中加入白色，給人以女性化、嬌媚、清雅、美夢(mèng)、含蓄、虛幻、羞澀、奇妙的心理