網頁設計 大亂鬥

看了不少朋友的個人網站，有一個小問題，似乎很多朋友都忽略了，那就是版權聲明的寫法。

雖然那只是一小行字，不過作為設計師也好，作為個人的愛好也好，版權的標誌都是滿重要的。

從法律角度看，加入了伯爾尼公約的國家，版權保護是隨著作品（無論是文字，還是圖片）的問世的即刻就得到版權的保護的，並不是必須要聲明。但是作為慣例，這一小行文字還是有很好加強意識，提醒瀏覽者，所觀看的內容是受到版權保護的。

正確的格式應該是：Copyright [dates] by [author/owner]

©通常可以代替Copyright，但是不可以用(c)。 All Rights Reserved 在某些國家曾經是必須的，但是現在在大多數國家，都不是法律上必須有的字樣。

參見下面幾個正確的格式：
©1995-2004 Macromedia, Inc. All rights reserved.
©2004 Microsoft Corporation. All rights reserved.
Copyright © 2004 Adobe Systems Incorporated. All rights reserved.
©1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved.

請注意標點符號和大小寫的用法，這也是專業精神的一種體現。
現在流行some rights reserved：creativecommons.org
some rights reserved 和copyright 本身並不矛盾，但是其中的界限更多是一個道德問題，真正的保留一部分權力，是指給瀏覽者fair use 的權利，fair use的界定也決不是隨便亂用，或者抄襲。

甚至說，除了copyright，還有copyleft，它的定義是為了程序員開發能夠共享源代碼的一個方式，英文裡free, 並不僅僅是免費。而且這種的源碼公開免費使用，和版權也一點都不衝突，請大家不要誤解。
對於從網上下載素材，如音樂、圖片等版權問題，有朋友問這個問題，答案很簡單，所有的這些都有版權問題，和這些作品的大小格式沒有關係。

這也是為什麼經典論壇不討論下載的原因，包含字體，同時經典網站也希望其他的網站能尊重本站作者的版權。

版權是互相的，因為每個人都在隨時的擁有著你所剛剛創造的作品的版權，哪怕你的塗鴉之作已經被丟進垃圾桶，嚴格意義上，那也不可以被人抄襲的，不然公司就不需要碎紙機了。

只有彼此的尊重，互相的尊重才能有真正意義上的共享，簡單的拿來主義，或者因為我是經典的用戶，所以別人就必須要尊重經典的版權，而我不必尊重別人的版權，是不會形成好的版權保護意識的。

版權其實並不意味著付費，和商業化也沒有直接的關聯。很多時候，你如果真想使用版權保護的內容，只要發封郵件，詢問一下許可就可以， 大多數的情形下，個人用戶是很喜歡甚至欣賞這樣的禮貌和尊重的。

版權問題中很多的灰色地帶，我想與其總是用法律的角度來要求用戶，還不如讓我們都從自己的道德來判斷，從尊重的角度來取捨。
 

資料來源: Blueidea

 

 

 

網頁設計公司

文字是人類文化的重要組成部分。

無論在何種視覺媒體中，文字和圖片都是其兩大構成要素。文字排列組合的好壞，直接影響其設計版面的視覺傳達效果。因此，文字設計是增強視覺傳達效果，提高作品的訴求力，賦予版面審美價值的一種重要構成技術。

在電腦普及的現代設計領域，文字的設計的工作很大一部分由電腦代替人腦完成了（很多平面設計軟體中都有製作藝術漢字的引導，以及提供了數十上百種的現成字體）。但設計作品所面對的觀眾始終是人腦而不是電腦，因而，在一些需要涉及人的思維的方面電腦是始終不可替代人腦來完成的，例如創意、審美之類。

在這裡，想談一談在平面設計中文字設計的幾條原則及文字的組合應注意的幾點。特別提醒一下，這應該是人腦完成的工作，電腦是無法代替的。

一、文字設計的原則

1． 文字的可讀性：
文字的主要功能是在視覺傳達中向大眾傳達作者的意圖和各種信息，要達到這一目的必須考慮文字的整體訴求效果，給人以清晰的視覺印象。因此，設計中的文字應避免繁雜零亂，使人易認，易懂，切忌為了設計而設計，忘記了文字設計的根本目的是為了更好，更有效的傳達作者的意圖，表達設計的主題和構想意念。

2． 賦予文字個性：
文字的設計要服從於作品的風格特徵。文字的設計不能和整個作品的風格特徵相脫離，更不能相衝突，否則，就會破壞文字的訴求效果。 一般說來，文字的個性大約可以分為以下幾種：
（1） 端莊秀麗：這一類字體優美清新，格調高雅，華麗高貴。
（2） 堅固挺拔：字體造型富於力度，簡潔爽朗，現代感強，有很強的視覺衝擊。
（3） 深沉厚重：字體造型規整，具有重量感， 莊嚴雄偉，不可動搖。
（4） 歡快輕盈：字體生動活潑，跳躍明快， 節奏感和韻律感都很強，給人一種生機盎然的感受。
（5） 蒼勁古樸：這類字體樸素無華，飽含古韻，能給人一種對逝去時光的回味體驗。
（6） 新穎獨特：字體的造型奇妙，不同一般，個性非常突出，給人的印象獨特而新穎。

3.在視覺上應給人以美感：
在視覺傳達的過程中，文字作為畫面的形象要素之一，具有傳達感情的功能，因而它必須具有視覺上的美感，能夠給人以美的感受。字型設計良好，組合巧妙的文字能使人感到愉快，留下美好的印象，從而獲得良好的心理反應。反之，則使人看後心裡不愉快，視覺上難以產生美感，甚至會讓觀眾拒而不看，這樣勢必難以傳達出作者想表現出的意圖和構想。

4.在設計上要富於創造性：
根據作品主題的要求，突出文字設計的個性色彩，創造與眾不同的獨具特色的字體，給人以別開生面的視覺感受，有利於作者設計意圖的表現。設計時，應從字的形態特徵與組合上進行探求，不斷修改，反覆琢磨，這樣才能創造出富有個性的文字，使其外部形態和設計格調都能喚起人們的審美愉悅感受。

二、文字的組合

文字設計的成功與否，不僅在於字體自身的書寫，同時也在於其運用的排列組合是否得當。如果一件作品中的文字排列不當，擁擠雜亂，缺乏視線流動的順序，不僅會影響字體本身的美感，也不利於觀眾進行有效的閱讀，則難以產生良好的視覺傳達效果。要取得良好的排列效果，關鍵在於找出不同字體之間的內在聯繫，對其不同的對立因素予以和諧的組合，在保持其各自的個性特徵的同時，又取得整體的協調感。為了造成生動對比的視覺效果，可以從風格、大小、方向、明暗度等方面選擇對比的因素。

但為了達到整體上組合的統一，又需要從風格、大小、方向、明暗度等方面選擇協調相同的因素。 將對比與協調的因素在服從於表達主題的需要下有分寸的運用，能造成既對比又協調的，具有視覺審美價值的文字組合效果。 文字的組合中，要注意以下幾個方面：

1．人們的閱讀習慣
文字組合的目的，是為了增強其視覺傳達功能，賦予審美情感，誘導人們有興趣的進行閱讀。因此在組合方式上就需要順應人們心理感受的順序。
水平方向上，人們的視線一般是從左向右流動；垂直方向時，視線一般是從上向下流動；大於45度斜度時，視線是從上而下的；小於45度時，視線是從下向上流動的。

2． 字體的外形特徵
不同的字體具有不同的視覺動向，例如：扁體字有左右流動的動感，長體字有上下流動的感覺，斜字有向前或向斜流動的動感。因此在組合時，要充分考慮不同的字體視覺動向上的差異，而進行不同的組合處理。比如：扁體字適合橫向編排組合，長體字適合作豎向的組合，斜體字適合作橫向或傾向的排列。合理運用文字的視覺動向，有利於突出設計的主題，引導觀眾的視線按主次輕重流動。

3． 要有一個設計基調
對作品而言，每一件作品都有其特有的風格。在這個前提下，一個作品版面上的各種不同字體的組合，一定要具有一種符合整個作品風格的風格傾向，形成總體的情調和感情傾向，不能各種文字自成一種風格，各行其是。總的基調應該是整體上的協調和局部的對比，於統一之中又具有靈動的變化，從而具有對比和諧的效果。這樣，整個作品才會產生視覺上的美感，符合人們的欣賞心理。 除了以統一文字個性的方法來達到設計的基調外，也可以從方向性上來形成文字統一的基調，以及色彩方面的心理感覺來達到統一基調的效果等等。

4． 注意負空間的運用
在文字組合上，負空間是指除字體本身所佔用的畫面空間之外的空白，即字間距及其周圍空白區域。 文字組合的好壞，很大程度上取決於負空間的運用是否得當。字的行距應大於字距，否則觀眾的視線難以按一定的方向和順序進行閱讀。 不同類別文字的空間要作適當的集中，並利用空白加以區分。 為了突出不同部分字體的形態特徵，應留適當的空白，分類集中。

在有圖片的網頁設計版面中，文字的組合應相對較為集中。如果是以圖片為主要的訴求要素，則文字應該緊湊地排列在適當的位置上，不可過分變化分散，以免因主題不明而造成視線流動的混亂。

創意是設計者的思維水準的體現，是評價一件設計作品好壞的重要標準。在現代設計領域，一切製作的程序由電腦代勞，使人類的勞動僅限於思維上，這是好事，省卻了許多不必要的工序，為創作提供了更好的條件，但是，在某些必要的階段上，還是不能完全讓電腦來做，人，畢竟是人。

  

 

印刷、print、印刷資訊

不能用其它顏色混合而成的色彩叫原色。用原色卻可以混出其它色彩！（不是全部）。 
原色包含兩個系統：光的三原色和和色料或顏料的三原色！
色的三原色：朱紅光，翠綠光，藍紫光。
色料的三原色：紫紅，檸檬黃，天藍！ 
色料的三原色：即C，M，Y，（再加黑色K）。
兩色疊加後是光的三原色：R，G，B。 

色彩的三要素！ 明度和色相，純度構成色彩的三要素！
色彩世界千差萬別，不過大致可以分為無彩色--指黑，白，灰那樣沒有純度的色！和有彩色--指象紅橙黃綠藍紫色等！
明度- 指色彩的明暗程度！明度是全部色彩都具有的屬性，最適合表現物體的立體感和空間感！像我們畫的素描，黑白照等！白色的顏料是反射率較高的物體，在其他顏料中加入白色，可提高混合色的明度！黑顏料則相反！
色相- 是色彩的相貌，即是區別色彩種類的名稱！不同的波長給人不同的色彩感受！紅、橙、黃、綠、藍、紫色沒個字代表一個具體的色相！注意：色相是由波長決定的，所以比如粉紅色，暗紅色，灰紅色是同一色相（都是紅色相）只是彼此明度和純度不同而已！
色相可以分為高純度，中純度，低純度，高明度，中明度，低明度！
純度- 指色彩的純淨程度！也可以說色相感覺明確及鮮灰的程度！ 

 

光譜中紅、橙、黃、綠、藍、紫等色光都是最純的高純度的光！
色料中紅色是純度最高的色相！，橙黃紫等是純度高的色相，藍綠色是純度最低的色相！任何一個色彩家白，黑，灰都會降低它的純度！越多就越低！  眼睛在正常光線下對紅色光波感覺最敏，因此紅色的純度顯得特別高！ 對綠色相對弱，因此綠色的純度就低！ 

1.顏色是因為光的折射而產生的。 

2.紅，黃，藍是三原色，其它的色彩都可以用這三種色彩調和而成。
網頁html語言中的色彩表達即是用這三種顏色的數值表示例如：紅色是color (255,0,0)十六進制的表示方法為(FF0000)白色為(FFFFFF), 我們經常看到的「bgColor=#FFFFFF」就是指背景色為白色。 　　

3.顏色分非彩色和彩色兩類。非彩色是指黑，白，灰系統色。彩色是指除了非彩色以外的所有色彩。 　　4.任何色彩都有飽和度和透明度的屬性，屬性的變化產生不同的色相，所以至少可以製作幾百萬種色彩。 「Adidas」網站 （黑色為主，加淺褐和淡藍， 強調運動著的凝重與飄逸） 　 
網頁製作用彩色還是非彩色好呢？根據專業的研究機構研究表明：彩色的記憶效果是黑白的3.5倍。也就是說，在一般情況下，彩色頁面較完全黑白頁面更加吸引人。
　
我們通常的做法是：要考慮主頁底色（背景色）的深、淺，這裡借用攝影中的一個術語，就是「高調」和「低調」。底色淺的稱為高調；底色深的稱為低調。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內容（文字或圖片）。這種深淺的變化在色彩學中稱為「明度變化」。有些主頁，底色是黑的，但文字也選用了較深的色彩，由於色彩的明度比較接近，讀者在閱覽時，眼睛就會感覺很吃力，影響了閱讀效果。當然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強，同樣也會使讀者的眼睛受不了。

網站是企業向用戶和網民提供信息(包括產品和服務)的一種方式，是企業開展電子商務的基礎設施和信息平台，離開網站（或者只是利用第三方網站）去談電子商務是不可能的。企業的網址被稱為「網絡商標」，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。企業網站設計顯得極為重要，下面是一些網站設計中應注意的原則。

一、明確建立網站的目標和用戶需求
　　Web站點的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑，因此必須明確設計站點的目的和用戶需求，從而做出切實可行的設計計劃。要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，牢記以「消費者（customer)」為中心，而不是以「美術」為中心進行設計規劃。在設計規劃之初同樣考慮：建設網站的目的是什麼？為誰提供服務和產品？企業能提供什麼樣的產品和服務？網站的目的消費者和受眾的特點是什麼？企業產品和服務適合什麼樣的表現方式（風格）？

二、總體設計方案主題鮮明
　　在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。 Web站點應針對所服務對像（機構或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、複雜的頁面佈置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。 要做到主題鮮明突出，重點明確，以簡單明確的語言和畫面體現站點的主題。調動一切手段充分表現網站點的個性和情趣，設計出網站的特點。Web站點主頁應具備的基本成分包括： 表頭 - 準確無誤地標識你的站點和企業標誌； Email地址 - 用來接收用戶詢問； 聯繫信息 - 如普通郵件地址或電話； 版權信息 - 聲明版權所有者等。 注意重複利用已有信息。如客戶手冊．公共關係文檔．技術手冊和數據庫等可以輕而易舉地用到企業的Web站點中。

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

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

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

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

六、三維空間的構成和虛擬現實
　　網絡上的三維空間是一個假想空間，這種空間關係需借助動靜變化．圖像的比例關係等空間因素表現出來。 在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。圖片、文字前後疊壓所構成的空間層次目前還不多見，網上更多的是一些設計比較規範、簡明的頁面，這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。 網頁上常見的是頁面上、下、左、右、中位置所產生的空間關係，以及疏密的位置關係所產生的空間層次，這兩種位置關係使產生的空間層次富有彈性，同時也讓人產生輕鬆或緊迫的心理感受。 現在，人們已不滿足於HTML語言編製的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，於是VRML語言出現了。VRML是一種面向對象的語言，它類似Web超級鏈接所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平台之上，只不過能夠更多地為虛擬現實環境服務。

七、多媒體功能的利用
　　網絡資源的優勢之一是多媒體功能。要吸引瀏覽者注意力，頁面的內容可以用三維動畫、FLASH等來表現。但要注意，由於網絡頻寬的限制，在使用多媒體的形式表現網頁的內容時應考慮客戶端的傳輸速度。

八、網站測試和改進
　　測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進設計。要注意讓用戶參與網站測試。

九、內容更新與溝通
　　企業Web站點建立後，要不斷更新內容。站點信息的不斷更新，讓瀏覽者瞭解企業的發展動態和網上職務等，同時也會幫助企業建立良好的好像。 在企業的Web站點上，要認真回復用戶的電子郵件和傳統的聯繫方式如信件．電話垂 詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般瞭解．售後服務等，由相關部門處理，使用站訪問者感受到企業的真實存在並由此產生信任感。 注意不要許諾你實現不了的東西，在你真正有能力處理回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答覆的電話號碼。 如果要求訪問者自願提供其個人信息，應公佈並認真履行個人隱私保承諾。

十、合理運用新技術
　　新的網頁製作技術幾乎每天都會出現，如果不是介紹網絡技術的專業站點，一定要合理地運用網頁製作的新技術，切忌將網站變為一個製作網頁的技術展台，永遠記住用戶方便快捷地得到所需要的信息是最重要的。 對於網站設計者來說，必須學習跟蹤掌握網頁設計的新技術如Java、DHTML、XML等，根據網站的內容和形式的需要合理地應用到設計中。

主頁的設計主要是網頁設計軟體的操作與技術應用的問題。但是，要使主頁設計、製作的漂亮，必然離不開對主頁進行藝術的加工和處理，這就要涉及到美術的一些基本常識。以下將介紹一些主頁設計中經常涉及到的藝術處理原則，供各位在進行主頁製作的時候參考。

一、風格定位

主頁的美化首先要考慮風格的定位。任何主頁都要根據主題的內容決定其風格與形式，因為只有形式與內容的完美統一，才能達到理想的宣傳效果。目前主頁的應用範圍日益擴大，幾乎包括了所有的行業，林林總總，包羅萬象，但歸納起來大體有這麼幾個大類：新聞機構、政府機關、科教文化、娛樂藝術、電子商務、網絡中心等。對於不同性質的行業，應體現出不同的主頁風格，就像穿著打扮，應依不同的性別以及年齡層次而異一樣。例如：政府部門的主頁風格一般應比較莊重，而娛樂行業則可以活潑生動一些；文化教育部門的主頁風格應該高雅大方，而商務主頁則可以貼近民俗，使大眾喜聞樂見。

主頁風格的形成主要依賴於主頁的版式設計，依賴於頁面的色調處理，還有圖片與文字的組合形式等。這些問題看似簡單，但往往需要主頁的設計和製作者具有一定的美術素質和修養。

還有，動畫效果也不宜在主頁設計中濫用，特別是一些內容比較嚴肅的主頁。主頁畢竟主要依靠文字和圖片來傳播信息，它不是動畫片，更不是電視或電影。至於在主頁中適當鏈接一些影視作品，那是另外一回事.

 

二、版面編排

主頁的設計首先涉及到的是頁面的版面編排問題。「版面編排」實際上就是中國古代畫論中的「經營位置」。主頁作為一種版面，既有文字，又有圖片。文字有大有小，還有標題和正文之分；圖片也有大小，而且有橫有豎之別。圖片和文字都需要同時展示給觀眾，總不能簡單地羅列在一個頁面上，這樣往往會搞得雜亂無章。因此必須根據內容的需要，將這些圖片和文字按照一定的次序進行合理的編排和佈局，使它們組成一個有機的整體，展現給廣大的觀眾。可以依據如下幾條來做：

1.主次分明，中心突出。

在一個頁面上，必然考慮視覺的中心，這個中心一般在螢幕的中央，或者在中間偏上的部位。因此，一些重要的文章和圖片一般可以安排在這個部位，在視覺中心以外的地方就可以安排那些稍微次要的內容，這樣在頁面上就突出了重點，做到了主次有別。

2.大小搭配，相互呼應。

較長的文章或標題，不要編排在一起，要有一定的距離，同樣，較短的文章，也不能編排在一起。對待圖片的安排也是這樣，要互相錯開，造成大小之間有一定的間隔，這樣可以使頁面錯落有致，避免重心的偏離。

3.圖文並茂，相得益彰。

文字和圖片具有一種相互補充的視覺關係，頁面上文字太多，就顯得沉悶，缺乏生氣。頁面上圖片太多，缺少文字，必然就會減少頁面的信息容量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又使主頁有豐富的內容。

 

 

網頁設計

網頁設計中的色彩搭配 ~是非常重要的一環。

色彩可視度清晰的配色的搭配：
　 １　　黑　　黃
　 ２　　黃　　黑
　 ３　　黑　　白
　 ４　　紫　　黃
　 ５　　紫　　白
　 ６　　藍　　白
　 ７　　綠　　白
　 ８　　白　　黑
　 ９　　黃　　綠
　 10　   黃　　藍 

背景與配色的搭配（選自日本佐籐垣宏的《我們的生活與配色》）
背景(底色） 配色 
黑 白－黃－黃橙－黃綠－橙 
白 黑－紅－紫－藍紫－藍 
紅 白－黃－藍－藍綠－黃綠 
藍 白－黃－黃橙－橙 
黃 黑－紅－藍－藍紫－綠 
綠 白－黃－紅－黑－黃橙 
紫 白－黃－黃綠－橙－黃橙 
灰 黃－黃綠－橙－紫－藍紫

一、色彩要素 
客觀世界的色彩前邊千變萬化。各不相同，但任何色彩都有色相、明度、純度三個方面的性質，又稱色彩的三要素，而且當色彩間發生作用時，除以上三種基本條件外，各種色彩彼此間形成色調，並顯現出自己的特性，因此，色相、明度、純度、色調及色性等五項構成了色彩的要素。 
色相色彩 的相貌，是區別色彩種類的名稱。 
明度色彩 的明暗程度，即色彩的深淺差別。明度差別即指同色的深淺變化，又指不同色相之間存在的明度差別。 
純度色彩 的純淨程度，又稱彩度或飽和度。某一純淨色加上白或黑，可降低其純度，或趨於柔和、或趨於沉重。 
色調 畫面中總是由具有某種內在聯繫的各種色彩組成一個完整統一的整體，形成畫面色彩總的趨向，稱為色調。 
色性 指色彩的冷暖傾向。 

二、顏料混合 
原色（第一次色）：不能用其他任何單色混合而成的基本色彩。包括：紅、黃、藍（理想的顏料三原色是明亮的紅色、檸檬黃和湖藍）。 
間色： 由兩原色相混合而得（包括：橙、綠、紫）。 
復色： 由兩間色相混合而得。 

色彩並置混合 當我們把紅、藍色點或色塊並置的畫面經過一定的距離，就會發現紅色與藍色變成了一個紫色，只是由於空間距離和視覺生理的限制，眼睛辨別不出過小或過遠物象的細節，因此把個不相同色塊感受成一個新的色彩，這種現象便稱為色彩的並置混合或空間混合。 

三、色彩對比 
　　兩種以上的色彩，以空間或時間關係相比較，能比較出明顯的差別，並產生比較作用，被稱為色彩對比。該想像分為兩大類：同時對比和連續對比。 
色相對比 因色相之間的差別形成的對比。當主色相確定後，必須考慮其他色彩與主色相是什麼關係，要表現什麼內容及效果等，這樣才能增強其表現力。 
明度對比 因明度之間的差別形成的對比。（檸檬黃明度高，藍紫色的明度低，橙色和綠色屬中明度，紅色與藍色屬中低明度）。 
純度對比 一種顏色與另一種更鮮艷的顏色相比時，會感覺不太鮮明，但與不鮮艷的顏色相比時，則顯得鮮明，這種色彩的對比便稱為純度對比。 
補色對比 將紅與綠、黃與紫、藍與橙等具有補色關係的色彩彼此並置，使色彩感覺更為鮮明，純度增加，稱為補色對比。（視覺的殘像現象明顯）。 
冷暖對比 由於色彩感覺的冷暖差別而形成的色彩對比，稱為冷暖對比。（紅、橙、黃使人感覺溫暖；藍、藍綠、藍紫使人感覺寒冷；綠與紫介與其間），另外，色彩的冷暖對比還受明度與純度的影響，白光反射高而感覺冷，黑色吸收率高而感覺暖。

四、色彩調和 
　　兩種或兩種以上的色彩合理搭配，產生統一和諧的效果，稱為色彩調和。 
同種色的調和 相同色相，不同明度和純度的色彩調和。方法為：使之產生循序的漸進，在明度、純度的變化上，形成強弱、高低的對比，以彌補同色調和的單調感。 

運用符號學原理，探討符號設計工作的關係。並指出設計中符號具有認知性、普遍性、約束性和獨特性。設計中對符號的運用有直接和間接之分，闡述了對符號學的研究將幫助設計者更好地處理人—產品—環境—社會—自然之間的關係。

1. 符號學與設計

符號學(Semiotics)是研究符號系統的學問，最早是本世紀初由瑞士語言學家索緒爾(Sauaaure)、美國哲學家和實用主義哲學創始人皮爾士(Pierce)提出的。前者著重於符號在社會生活的意義，與心理學聯繫；後者著重於符號的邏輯意義，與邏輯學聯繫。

大約從本世紀60年代開始，符號學才作為一門學問得以研究。現在符號學已經成為一項科學研究，其理論成果也已經滲透到其他諸多學科之中。 設計與符號學關係密切。設計這個詞來源於拉丁文的Designare，意思就是畫記號。現在被普遍採用的英文Design，也就是做記號的意思。研究和運用符號學的一些原理來幫助設計人員「做記號」，不能說不是從事 網頁設計人員的一條重要的途徑。

符號的起源是勞動。早在原始社會，人們就有了實用和審美兩種需求，並且已經開始從事原始的設計活動，以自覺或不自覺的符號行為豐富著生活。從我們祖先的結繩記事到歌舞圖騰，都是維護社會傳統秩序的信息符號。

符號是負載和傳遞信息的中介，是認識事物的一種簡化手段，表現為有意義的代碼和代碼系統。當然，符號這一概念的外延相當廣泛，設計中的符號作為一種非語言符號，與語言符號有許多共性，使得語意學對設計也有實際的指導作用。通常來說，可以把設計的元素和基本手段看作符號，通過對這些元素的加工與整合，實現傳情達意的目的。

2. 設計中符號的特性

2.1　認知性 　 　
設計中,認知性是符號語言的生命。例如，我國的幾大銀行的標誌都採用中國古錢幣作為基本型，這正是 因為古錢幣能夠準確地傳達金融機構這一信息，具有極強的認知性。如果一項設計作品不能為人認知，讓人不知所云，那它就完全失去了意義。

2．2　普遍性
　　現代設計是為大工業生產服務的，設計作品會在大眾中廣泛傳播。設計的符號語言只有具備普遍性，才能為大眾所接受。設計人員常常遇到這種情況，自己花了很大功夫做出的東西，卻不被客戶接受，這時設計者也許會抱怨客戶欣賞水平不夠，其實有時客戶比設計者更瞭解受眾。設計者只有找出讓自己、客戶、消費者都能理解的設計語言，才能更好地完成設計任務，符號的普遍性這一特性，在許多公共場所的標牌設計中體現得尤為充分。如公共衛生間的男女標識，相信不論男女老幼，文化深淺，都能夠清楚分辨。

2．3　約束性
　 　任何語言都只在一定範圍內被理解，只有具備有關文化背景的人才能接受到該符號所傳達的信息。只有符合特定背景的符號才能在這一範圍內被接受。比如，德國招貼藝術大師岡特·蘭堡(GunterRanbow)的作品中常出現土豆形象，對於不瞭解德國的人來說，可能看不懂作品所要表達的意思，只有知道土豆對於德國人的特殊意義，才能夠明白設計者對土豆如此鍾情的原因。

2．4　獨特性
　　 符號一般強調「求同」，這樣才容易被理解。但是，在設計中「求異」常常是關鍵。因為比較形式和內容，前者絕對是更值得深究的。同樣是針對一個主題，我們必須找出與之相關的盡可能多的表現形式，才能創作出與眾不同的作品。

3. 符號在設計中的運用

設計中對符號的運用有直接和間接之分。從某些作品中可以直接找到符號性的元素，而在另一些作品中卻似乎很難發現符號的存在，但這並不意味著這些設計與符號無涉。實際上符號是無處不在的，只是根據需要作用方式不同而已。這裡可以分三種情況來考察這個問題：

3.1 對符號的直接運用。作品本身就是以符號的形式出現的。比如標識類設計，由於這類設計以圖形為基礎，以達意為生命，強調小而精，因此被濃縮得幾乎等於符號本身。

北京2008奧林匹克申辦標誌，運用奧林五環色組成五星，相互環扣，象徵世界五大洲的和諧、發展。圖形好似一個打太極拳的人形，利用中國傳統吉祥圖案「中國節」，傳達出北京奧運這一信息；中國電信標誌，以中國的「中」字和中國傳統圖案「回紋」作為基礎，形成三維立體空間圖案，形象地表達出科技、現代、傳遞、發展的企業特點；著名的電器品牌康佳電器的標誌更是簡潔取勝，「KONKA」字首「K」、顯像管和電話，在兩個幾何色塊的變化組合中得以實現，表現出鮮明的行業特色和獨特的企業文化。在這類設計作品中，常常是把幾個元素巧妙地組合起來，然後將其簡化，得到類似符號的圖形，也就是將圖形符號化，形成獨特的視覺語言。

3.2 以符號為基本元素的設計。這裡的符號可以理解為具有既定含義的圖形或實物。這種手法在招貼設計中運用較多。圖4以「工作是快樂之本」為主題的兩副招貼設計，用標點符號組成笑臉符號，而這種符號在網絡上非常流行，觀者自然心領神會。圖5運用電燈泡、黑與白和一個叉號，使人稍加品味就能頓悟猛醒。這些 設計作品中設計師對符號的熟練運用令人叫絕。

3.3 作品中含有符號性的因素。並非所有設計中符號都是明顯存在的。相反，大多數設計會以更　含蓄的方式傳達信息，而符號本身則藏在幕後。換言之，符號可以是一種態度、一種行為方式、一種文化立場等等，通過有形的、有效的載體表現出來，而尋找這種載體的過程就是設計。

網頁設計是一門綜合性的交叉學科，它是溝通和聯繫人—產品—環境—社會—自然的中介，直接影響人的生活方式。值得一提的是，綠色、環保已經成為當今設計的共同主題。綠色設計是以節約資源和保護環境為宗旨的設計意念和方法。而其他諸多方面，如流行風格、民族特徵、傳統特色等文化因素也成為未來設計的一大潮流。設計工作者應該在從上述種種方面入手，發掘符號的潛能，將人文、科技、環保等主題融入設計符號中，更多的傳達出設計師對社會的關注和對美的追求。

網頁設計的色彩常識 ~ 色彩為第一視覺語言，具有影響人民心理，喚起人們感情的作用，左右我門的感情和行動。
1、可以傳達意念，表達某種確切的含義，如交通燈上的紅色表示停止，綠色表示放行的意念，已成為全世界所瞭解和承認的一種視覺語言。

2、色彩有明顯的影響情緒的作用。不同的色彩可以表現不同的情感。

3、色彩有使人增強識別記憶的作用。如富士彩色膠卷的綠色，柯達的彩色膠卷的黃色則成為消費者識別、記憶商品的標準色。

4、彩色畫面更具有真實感，充分地表現對象的色彩、質感、量感。

5、色彩能增強畫面的感染力。色彩遠較黑、白和灰色更刺激視覺神經。具有良好色彩構成的設計作品，能強烈地吸引消費者的注意力，加強藝術魅力。

>>色彩的象徵性，與大部分人的經驗與聯想有關，人們通過與自然界和社會的接觸，逐步形成色的概念和聯想。色彩的象徵意義是具有世界性的，不同的民族產生的差異不大。

紅色：最引人注目的色彩，具有強烈的感染力，它是火的色、血的色。象徵熱情、喜慶、幸福。另一方面又像征警覺、危險。紅色色感刺激強烈，在色彩配合中常起著主色和重要的調和對比作用，是使用得最多的色。

黃色：是陽光的色彩，象徵光明、希望、高貴、愉快。淺黃色表示柔弱，灰黃色表示病態。黃色在純色中明度最高，與紅色色系的色配合產生輝煌華麗、熱烈喜慶的效果，與蘭色色系的色配合產生淡雅寧靜、柔和清爽的效果。

藍色：是天空的色彩，象徵和平、安靜、純潔、理智。另一方面又有消極、冷淡、保守等意味。藍色與紅、黃等色運用得當，能構成和諧的對比調和關係。

綠色：是植物是色彩，象徵著平靜與安全，帶灰褐綠的色則象徵著衰老和終止。綠色和藍色配合顯得柔和寧靜，和黃色配合顯得明快清新。由於綠色的視認性不高，多為陪襯的中型色彩運用。

橙色：秋天收穫的顏色，鮮艷的橙色比紅色更為溫暖、華美，是所有色彩中最溫暖的色彩。橙色象徵快樂、健康、勇敢。

紫色：象徵優美、高貴、尊嚴，另一方面又有孤獨、神秘等意味。淡紫色有高雅和魔力的感覺，深紫色則有沉重、莊嚴的感覺。與紅色配合顯得華麗和諧，與藍色配合顯得華貴低沉，與綠色配合顯得熱情成熟。運用得當能構成新穎別緻的效果。

黑色：是暗色，是明度最低的非彩色，象徵著力量，有時又意味著不吉祥和罪惡。能和許多色彩構成良好的對比調和關係，運用範圍很廣。

白色：表示純粹與潔白的色，象徵純潔、樸素、高雅等。作為非彩色的極色，白色與黑色一樣，與所有的色彩構成明快的對比調和關係，與黑色相配，構成簡潔明確、樸素有力的效果，給人一種重量感和穩定感，有很好的視覺傳達能力。

1.初始，主要是收集該站點的關鍵信息，包括站點的目標讀者，要發佈的內容，開發Web服務器平台。

2.概念開發，設計師根據收集的信息，開始構思，通常設計師要把這些構思用草圖的形式呈現給顧客，這個草圖要有整個網站的結構，不同的佈局，設計及導航。

3.內容綜合，當決定了設計師的設計，設計師開始製作一些初始圖樣，這些圖樣用PHOTOSHOP那樣的程序來創建，然後，設計師將圖樣打印出來並會配合文字做設計。

4.HTML佈局和導航，一旦客戶同意了這些內容綜合，設計師開始編製Web頁面，導航器也被編制到頁面中，使客戶第一次真正體驗一下網站流暢度。

5.圖形製作，如果客戶同意了站點的外觀和感受，設計師將大量製作所需的圖形，並進行優化。

6.內容流程，客戶的書面材料利用各種網頁技術（CSS、JAVA、FLASH），有機的和相關的圖形整合在一起。

7.測試，在站點被提交給客戶之前，設計師要徹底測試每個Web頁面和聯結，利用清單，進行修補。

8.交付，一旦簽收，客戶要經常進行測試，找出排版和內容方面有無錯誤，做完了這些次要的修正後，正式啟用站點。

這套完整的網頁設計計劃可以用1-12個月來完成，平均完成時間為2~3個月。當站點啟用後，要進行跟蹤調查，以確定人們如何使用站點，這樣才算完整喔。

當您決定需要製作網站的時候，如何選擇一家"好的"網頁設計公司的確是件惱人的工作，因為設計品質沒有工具可以量化，也沒有數據規格可以比較。有時候判斷的標準並沒有絕對的好或不好，選擇 "合適" 的網頁設計公司能讓彼此都合作愉快。

作品是否喜歡?
觀察網頁設計公司執行過的專案和公司本身網站的品質，是否符合自己的喜好。

是誰在做設計?
一位衣著光鮮的專案經理，替客戶做了場精采的簡報，順利取得高額合約。回到辦公室後同樣把案子交給一個剛畢業的年輕設計師來執行。


如何做設計?
請設計師說明設計過程。好的設計作品產生，有完善的創意發想過程和方法，並非一蹴可及。在電腦螢幕前憑空想像，絕對設計不出好作品。


設計也有代工?
設計公司也有可能委託其它公司進行設計。有些公司擅長接案，如果設計討論都要透過轉述，那您可要好好考慮了。


後續的維護?
好的網站設計能用3.5年而不退流行。網站完成後的維護更新也相當重要。 創意無法用金錢衡量 ! 選擇收費價格在自己預算內的網頁設計公司。用價格去比較是沒有意義的。

網站的第一印象，決定了公司的形象。

這也是為什麼好的網頁設計能讓小公司也有大格局。 
 依視覺心理學的實驗報告顯示，視覺是可以被欺騙的，透過色彩、形狀、空間、律動的變化，可讓視知覺產生視錯視、視幻視等現象，進而影響大腦引起心理作用與效應。簡單來說，就是讓你看某些東西，就可以影響你的情緒或改變你的想法。 
 
這聽起來有點不可思議，不過這正是設計師慣用的手法。例如白色讓人感到平靜；鮮艷色容易挑動人的情緒。這些都還只是簡單的既定印象，如果是「大將之風」、「誠實穩健」、「蒸蒸日上」這些又該如何表現呢?

一般設計師都只是憑感覺創作，有時後做對了，有時後卻錯的可怕。好的設計師深知其中的道理，能運用視覺心理學的原理去營造客戶需要的感覺或想法。

您感受到設計的力量了嗎?

在參與過數十場研討會與演講之中，有幸能和設計工作者或高階主管深入對談。多次的長談後讓我發現這群台灣設計師們的無奈。
雖然政府大力推動創意產業，社會上也普遍認為台灣要突破代工困境，需要靠設計與創新的能力。但這群身處創意產業的設計師們並不以為然。台灣不乏設計人才，反倒是企業領導者或一般民眾的"鑑賞能力"低落，才是台灣創意發展最大的隱憂。

漢寶德談美一書中提到
為了推動文化創意產業，頭痛醫頭、腳痛醫腳的個別振興方案是成不了大事的。我們不但需要一些創意的產業計畫，更需要一個全國性的藝術教育計畫，把全國國民的視覺品質提高到先進國家的標準。換言之，我們需要成為一個具有藝術素養的國家。人人都有創造與審美的能力，也有欣賞的眼光。

網頁設計的歷史只有短短十幾年，多數人對於網站設計還不具有鑑賞的能力，以至於網頁設計就如同大部份的產業一般，也是停留在拼價格的階段。一個網站的架設，先不談功能面，單就視覺設計的部份來探討，如何判斷一個網頁的設計價值高低：
1.色系： 網站色系就如同人的氣色，無形中會影響瀏覽者的心理感受。
色系是用來孕育整個網站的格調。沒有受過色彩教育，就不懂得善用色彩的魅力。 從色系的使用，就可判斷出這個網站是由程式工程師所做，或是由視覺設計師所做的。
最差勁的網站是沒有統一的色系，無法凝聚整個視覺的力量。
好的網站能運用色系塑造網站個性，給瀏覽者深刻的印象。

2.導覽列： 導覽列如同人的長相，是構成網頁最重要的元素。
導覽列是網頁設計的重點之一，它負責串聯整個網站的功能。瀏覽者可透過導覽列，快速的了解網站的大致內容。
差勁的導覽列，設計的瘦瘦小小處在不明顯的位置，或是沒有特別的區隔，以至於和文章圖片混在一起，造成辨識上的困難。
好的導覽列應該要明確、醒目，讓瀏覽者一眼就能找到他要的功能。

3.編排架構： 編排架構如同人的骨架，骨架要健全完整才有利於後續的發展和維護。
編排架構決定網站的形象所以主架構必須要有一致性。
差勁的編排架構雜亂鬆散，就如同一份沒有標題的報紙不知從何處開始閱讀。
好的編排架構不但有組織系統，也方便日後的更新或擴充。

分辨網頁設計的美醜當然不是只有這三個部分，這些是最基礎、最簡單的鑑賞方式。從這邊開始學習你會發現很多精采的網頁設計作品。

漢寶德在談美一書中說的很尖銳卻又是事實。
不論在那裡都有上等的建築師，都有一流的設計師，只是他們都不為人所用。放著能創造美的環境、美的事物的能才不用，社會上就出現一些魚目混珠的、不辨美醜的業者，因此才堆積了這樣一個醜陋的世界。怪誰呢? 怪的是沒有辨識美醜能力的社會大眾!(P.224)

唯有最會使用設計的消費者，才能造就設計大國。希望網頁設計這環境也是如此。