網(wǎng)頁設(shè)計(jì)創(chuàng)意

1、網(wǎng)頁設(shè)計(jì)創(chuàng)意任何網(wǎng)頁創(chuàng)意使用的視覺元素總的歸納起來不外乎三種：文字、圖像、色彩。三者選用搭配的適當(dāng)，編排組合的合理，將對網(wǎng)頁的美化起到直接的效果。一、網(wǎng)頁中的文字在網(wǎng)頁中,字體往往占據(jù)了很大的空間和頁面,單一形態(tài)大小、顏色的字體，雖能傳遞信息，但不免讓人們感到疲勞乏味。1、字體的設(shè)計(jì)方法：根據(jù)文字內(nèi)容的屬性及網(wǎng)站的主題可以適當(dāng)?shù)淖魅缦伦兓?）改變文字大小、比例人們已經(jīng)習(xí)慣正常的視覺大小,突然間的變化會產(chǎn)生新的視覺感受,產(chǎn)生重新審視的興趣。2）改變字體形態(tài)：局部改變和整體改變措施:拉伸、擠壓、扭曲、撕裂、切除、省略、替換、粗細(xì)變化。3）文字的三維效果措施：添加投影、浮雕、透視效果，產(chǎn)生矛盾空間

2、。4）色彩的改變：色相、純度、明度5）機(jī)理及質(zhì)地：紋理的改變會不同質(zhì)感效果6）置換及同構(gòu)：將文字中部分筆畫用實(shí)物、圖形、符號、色塊等替換，或利用文字外形與某一事物的相似點(diǎn)進(jìn)行變化。2、文字的組合方法與形式1）字體的大小組合將大小不等的文字放到一個(gè)平面上進(jìn)行組合，這樣大的文字相當(dāng)于一個(gè)圖形，而小的文字就成為可供閱讀的文字，或?qū)⑿〉奈淖志幣懦蓤D形而大的圖形成為主要的文字。2）漢字與拉丁字母的組合 如：“HONG KONG”與“喜”字的組合。3）漢字與具象形體的組合 如：“永久”牌自行車標(biāo)志和“胖子”服飾標(biāo)志。4）文字組合的處理手段添加法：根據(jù)文字內(nèi)容、筆畫的多少進(jìn)行添加文字的組合因素。A. 添加與

3、內(nèi)容相關(guān)的文字B. 添加與寓意相關(guān)的圖形刪除法：在不影響識別的前提下將某些筆畫刪除。重疊法：將文字組合因素重疊為一體，產(chǎn)生富有層次的效果。連筆法：將文字組合因素產(chǎn)生連貫的整體感，可將兩個(gè)以上的文字筆畫連起來。適形法：將文字組合因素適合在一個(gè)圖形內(nèi)，產(chǎn)生適合圖形的效果。共用法：將所設(shè)計(jì)內(nèi)容的兩個(gè)以上的文字筆畫或偏旁部首共用，產(chǎn)生“你中有我、我中有你”的視覺趣味。虛實(shí)形共用：實(shí)為筆畫，虛偽背景。利用實(shí)形周圍空底顯示字的形產(chǎn)生虛實(shí)相間的視覺效果。幾何形：利用不同的幾何形狀構(gòu)成文字,給人以自由和輕松感，現(xiàn)代感強(qiáng)5）文字編排的形式：A.豎排式 B. 橫排式 C. 斜排式 D. 曲線式 E. 漸變式（運(yùn)用

4、文字字體大小產(chǎn)生漸變的效果）F. 重疊式（由句子重疊體現(xiàn)構(gòu)成圖形）G. 分離式（拉大字與字之間距離，形成點(diǎn)狀效果）。6) 文字的頭尾編排形式：A.齊頭散尾式 B.散頭齊尾式 C.齊頭齊尾式 D.中軸分離式（文字排列時(shí)從中間向兩邊分開,突出中間的垂直空間） E.分插式（行與行之間的關(guān)系上、下、左、右曲直交叉，長短參差、錯(cuò)落地排列）F.自由式（行與行不規(guī)則地排列，形成繁雜的視覺效果，其閱讀功能減弱，作為背景圖形用）。7) 圖形化的文字編排效果：運(yùn)用大量的文字組成平面的或立體的圖形，文字與圖形的結(jié)合形成了有趣的、有視覺內(nèi)涵的編排形式。二、網(wǎng)頁中的圖像圖形是一種視覺信息傳遞媒介，較符號文字在傳遞信息上

5、的優(yōu)勢：易識別、不受地域、國度、知識體系等眾多因素的影響。圖形圖像往往來源于現(xiàn)實(shí)世界的影像照片，在造型規(guī)律上有很強(qiáng)的客觀制約性。所以設(shè)計(jì)師在對網(wǎng)頁優(yōu)化時(shí)應(yīng)對圖片作二次處理、加工，而處理時(shí)應(yīng)從以下方面入手。1、面積與視角 圖像在網(wǎng)頁中所占比例的大小直接影響整個(gè)頁面的視覺效果和情感表達(dá)。面積大的圖像在畫面中占的份量重，表達(dá)情感直接，容易吸引瀏覽者的注意。面積小的圖像通常在頁面中作點(diǎn)綴和呼應(yīng)，表達(dá)情感含蓄，給人精巧細(xì)致的感覺。1）平直的視角：給人一種平穩(wěn)、安定、規(guī)矩的感覺。2）非常規(guī)的視角：如：倒置、旋轉(zhuǎn)、仰視、俯視，增強(qiáng)畫面動感，更具強(qiáng)烈的視覺沖擊。2、局部與特寫對于整體的圖像局部與特寫能讓視線更

6、加集中，這種手法有點(diǎn)到為止、意猶未盡的感覺。局部放大，重點(diǎn)表現(xiàn)這一部分，稱為特寫。特寫能對圖像產(chǎn)生瞬間的凝視，引發(fā)瀏覽者的興趣點(diǎn)。3、合成與組合圖像的合成是指用計(jì)算機(jī)將多幅圖片的不同內(nèi)容有選擇的合成一個(gè)圖像，合成后的圖像傳達(dá)更豐富的信息，能更集中的體現(xiàn)創(chuàng)意。圖像的重要程度可以因面積、擺放位置、組合方式的不同而有所不同。4、虛實(shí)和影調(diào)圖像的虛實(shí)對比能夠產(chǎn)生空間感，實(shí)的物體感覺近，虛的物體感覺遠(yuǎn)。5、褪底和輪廓 圖像的褪底是僅保留所選圖像，而將沿圖像邊緣的背景去掉，褪底后的形象的外輪廓成自由形狀，具體清晰分明的視覺形態(tài)，顯得靈活自如。三、色彩的屬性及其應(yīng)用設(shè)計(jì)精良的網(wǎng)站總有其色調(diào)構(gòu)成的總體傾向,以

7、一種顏色或幾種臨近顏色為主導(dǎo),使全呈現(xiàn)在某種和諧、統(tǒng)一的色彩傾向，如同人穿衣服。要想恰如其分地表現(xiàn)網(wǎng)頁中的內(nèi)容，在競爭對手中脫穎而出，信息空間的構(gòu)造也需要恰如其分的包裝和表達(dá)。1、與網(wǎng)站風(fēng)格色彩是網(wǎng)頁設(shè)計(jì)中很難把握的重要方面，是確立網(wǎng)站風(fēng)格的前提，網(wǎng)站色彩的傾向，決定著網(wǎng)站給瀏覽者的第一印象。如：活潑、莊重、雅致或熱烈。2、色彩原理“色彩是破碎了的光，太陽的光與地球相撞，破碎分散，因而使整個(gè)地球形成美麗的色彩?！?）色彩的三要素 明度、色相和飽和度構(gòu)成色彩的三要素。自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色，而其它所有的顏色均屬于彩色，任何一種色彩都具有明

8、度、純度、飽和度三大屬性。明度：明度指色彩的明暗程度。色相：色相指色彩的相貌。如：紅、黃、藍(lán)、綠等。純度：純度指色彩的純凈程度，純度越高，色相感越強(qiáng)。2）色彩的分類：原色、間色、鄰近色、對比色、互補(bǔ)色3）色彩與心理色彩對人們頭腦和精神心理的影響是客觀存在的，如：色彩的知覺力、色彩的辨別力、色彩的象征力及情感。A 色彩的感覺色彩的冷暖：色彩的冷暖與人們對世界的經(jīng)驗(yàn)分不開。如：陽光呈現(xiàn)紅、橙、黃、等顏色，所以人們一看到紅、橙、黃等色就聯(lián)想到火熱和烈日給人們的感受，故稱“暖色”；當(dāng)人們看到綠、青藍(lán)色時(shí)會與寒冷相聯(lián)系，如冰川、海洋、夜空、樹蔭等，故稱“冷色”。色彩的冷暖歸屬不能一概而論，在特殊情況下，

9、色彩的冷暖感覺會發(fā)生變化。B 色彩的進(jìn)退和脹縮感覺長波長的暖色有前進(jìn)的睡眠的感覺，短波的冷色有退縮的感覺；明度高的色彩光量多、色刺激大，有前進(jìn)膨脹的感覺，反之有退縮的感覺；不同背景的襯托也能產(chǎn)生前進(jìn)、漲縮的感覺。C 色彩的輕重和軟硬感覺明度高的色彩給人輕的感覺，明度低的色彩給人重的感覺。在色相方面，暖色給人輕的感覺，冷色給人重的感覺，給人輕的感覺的顏色均有軟的感覺，給人重的感覺的顏色均有硬的感覺。D 色彩的艷麗與素雅 色彩飽和度高、亮度高的色彩艷麗，反之素雅。E 色彩的記憶性人們對色彩的記憶，由于年齡、性別、個(gè)性、職業(yè)、經(jīng)歷、所受教育、自然環(huán)境、社會背景的不同 差異很大。一般說來，記憶性色彩強(qiáng)

10、的色彩為：暖色、名度高、純度高；記憶性弱的色彩：冷色、明度低、純度低。F 色彩的聯(lián)想與象征色彩的聯(lián)想是通過以往的經(jīng)驗(yàn)、記憶或知識將當(dāng)前的色彩與其他具象或抽象及相聯(lián)系起來的過程。 常見顏色的聯(lián)想：第一類：具象聯(lián)想紅色：血火，太陽橙色：燈光 柑橘 秋葉 都市黃色：光 檸檬 迎春花 食品綠色：草地 樹葉 禾苗藍(lán)色：天空 宇宙 水 冰紫色：丁香花 葡萄 茄子黑色：夜晚 墨 石炭 白色：雪 牛奶 白云 面粉灰色：烏云 鐵 木第二類：抽象聯(lián)想紅色：熱烈 熱情 危險(xiǎn) 活力 吉祥 喜慶 夏季 傳統(tǒng)橙色：溫暖 歡喜 嫉妒 華麗 甜蜜 興奮黃色：光明 希望快活 平凡 權(quán)利 清爽 安靜藍(lán)色：平靜 神秘 悠久 理智

11、深遠(yuǎn) 科學(xué) 快捷紫色：優(yōu)雅 高貴 注重 浪漫 神秘 女性 溫柔 虛幻 魅力黑色：嚴(yán)肅 剛健 恐怖 死亡 罪惡 堅(jiān)硬 沉默 絕望 悲哀 男性 機(jī)械灰色：平凡 天意 謙遜 灰心 無聊 消極 謙虛 隨便G 人對色彩的情感最基本的情感表現(xiàn)：好和惡，情感的差異的原因：a. 年齡差異。年齡高：冷色 明度純度低；年齡低：明度純度高。b性別差異。男性：冷色或純度高的色彩（如黑、灰）色調(diào)集中；女性：暖色或純度較低的粉色及白色色調(diào)分散c.種族差異。生活環(huán)境、社會文化、歷史、宗教信仰等不同。中國：紅 黃 藍(lán) 天藍(lán) 淺藍(lán)美國：淡黃 紅 明灰 明藍(lán)法國：黑 灰 紅 藍(lán) 綠 白德國：黑 白 天藍(lán) 咖啡菲律賓：淡黃 藍(lán) 綠

12、印度：紅 黃 藍(lán) 綠 埃及：綠 紅 黑 藍(lán) 綠3、網(wǎng)頁設(shè)計(jì)中的色彩應(yīng)用原理1）確立網(wǎng)站色調(diào)：決定主體色、選擇輔助色、選擇背景色、色彩調(diào)整。2）頁面色彩搭配：色相相比、明度對比、飽和度對比、補(bǔ)色對比、面積對比、調(diào)和色調(diào)四、色彩意象的設(shè)計(jì)應(yīng)用當(dāng)我們看到色彩時(shí)，除了感覺其物理方面的影響，心理也會立即產(chǎn)生感覺，這就是色彩的意象。1、紅色的色彩意象由于紅色容易引起注意，所以在各種媒體中被廣泛的采用；除了具有較佳的明視效果之外，更被用來傳達(dá)有活力、熱誠、溫暖、前進(jìn)等涵義的企業(yè)精神與形象。另外紅色也常用來作為警告、危險(xiǎn)、禁止、防火等標(biāo)志用色。(例如:中國人一看見紅色就充滿了喜悅和激情)。2、橙色的色彩意象橙

13、色明視度高，在工業(yè)安全用色中，橙色是警戒色。如火車頭、登山服飾、救生衣的設(shè)計(jì)大都含有橙色。由于橙色明亮刺眼，有時(shí)會產(chǎn)生負(fù)面低俗的意象。所以運(yùn)用時(shí)，要注意色彩的搭配及表現(xiàn)形式，橙色與具有一定灰度的綠色搭配效果較好。3、黃色的色彩意象黃色明視度高，同樣在生活中屬警戒色（如交通標(biāo)志上黃燈）。高亮度的黃色在頁面設(shè)計(jì)中很少大塊面的出現(xiàn)，多半由于顏色本身過于刺眼，造成瀏覽者視覺的不愉快。但與黑色搭配較好，會強(qiáng)烈突出主體，在細(xì)節(jié)部分使用效果更加。4、綠色的色彩意象在頁面設(shè)計(jì)中，綠色所傳達(dá)的清爽、理想、希望、生長的意象，符合人們接近自然的生理需求。綠色在設(shè)計(jì)中應(yīng)用很廣，在工業(yè)上許多機(jī)械采用綠色，醫(yī)療機(jī)構(gòu)場所也

14、常用綠色做空間色彩規(guī)劃。5、藍(lán)色的色彩意象由于藍(lán)色沉穩(wěn)的特性，具有理智、準(zhǔn)確的意象。在商業(yè)設(shè)計(jì)中，強(qiáng)調(diào)科技、效率的商品或企業(yè)形象，大多選用藍(lán)色作標(biāo)準(zhǔn)色。如：電腦、汽車、攝影器材等。另外受西方文化的影響。藍(lán)色作為頁面基調(diào)能營造出深邃、憂郁的意境，用其展示博大的胸懷或感性訴求方面比較合適。6、紫色的色彩意象紫色由于其強(qiáng)烈的女性化的性格，在商業(yè)設(shè)計(jì)用色中，受到相等大的限制，除了女性有關(guān)的商品或企業(yè)形象外，其它類設(shè)計(jì)不常作為主色調(diào)使用。紫色被稱為“魔鬼”顏色，深紫色會造成恐怖的氣氛。紫色也有其優(yōu)點(diǎn)：是高貴的象征。明度低的紫色有清澈爽朗的感覺，而且有一定灰度的淺紫色會有纖巧雅致的感覺，適合表現(xiàn)女性有關(guān)的

15、題材。7、褐色的色彩意象在商業(yè)上褐色用來表示原始材料的質(zhì)感，如麻、木材等?；蛴脕韨鬟_(dá)某些產(chǎn)品的色澤及味感，如咖啡、茶、麥類等，或強(qiáng)調(diào)古典優(yōu)雅的企業(yè)或商品形象。8、白色的色彩意象白色具有高級、科技的意象，常需要和其他色彩搭配使用。純白色會有寒冷、嚴(yán)峻的感覺。所以在使用白色時(shí)，都會搭配一些其他顏色，如象牙白、米白、乳白等。白色是永遠(yuǎn)流行的主色調(diào)，是能和任何顏色搭配的萬能色。9、黑色的色彩意象黑色具有高貴、穩(wěn)重、科技莊嚴(yán)的意象。黑色也是一種流行的主色調(diào)，適合與許多色彩搭配。以黑色為主色調(diào)可以創(chuàng)造出神秘的氣氛，另外穩(wěn)重的黑色可以烘托主體超凡氣質(zhì)和美感。10、灰色的色彩意象灰色具有柔和、高雅的意象，屬中間色，男女皆能接受，所以，灰色也是永遠(yuǎn)的主要顏色。許多科技產(chǎn)品，尤其是和金屬材料有關(guān)的，常用灰色來傳達(dá)高級、科技的形象。以灰色作為設(shè)計(jì)的基調(diào)是當(dāng)前設(shè)計(jì)流行的做法，在緩和過對比造成的強(qiáng)烈的反差方面，灰色顯示了其杰出的能力。五、網(wǎng)頁設(shè)計(jì)的配色技巧 色彩的意象可以延伸設(shè)計(jì)潛在的效果。網(wǎng)頁設(shè)計(jì)新手可能喜歡選用一些漂亮的圖片作為色彩背景。但瀏覽一下大型網(wǎng)站，會發(fā)現(xiàn)它們更多運(yùn)用的是黑、