- 網頁配色設計手冊(寫給設計師的書)
- 孫芳編著
- 980字
- 2021-04-02 21:55:56
2.1 主題鮮明性原則
網頁設計的主題是整個網站的靈魂所在,它起到對網站的整體風格和特色做出定位、規劃網站的組織結構的作用。通常,設計師會通過視覺設計去表現網頁的主題,這就要求設計師不但要以單純、簡練、清晰和精確的形式進行表達,而且在強調藝術性的同時,更應該注重通過獨特的風格和強烈的視覺沖擊力來鮮明地突出設計主題。可以通過以下三點做到網頁主題鮮明。
(1)對網頁構成元素運用藝術的形式美法則進行條理性處理,以便更好地營造符合設計目的的視覺環境,從而起到使主題鮮明的作用。
(2)抓住訪客心理,按照視覺心理規律和形式將主題主動地傳達給訪客,以使主題在適當的環境中被訪客接受。
(3)網頁的效果力求簡潔,要點明確,以簡單明確的語言和畫面來體現本站的主題,從而吸引訪客的注意。


主題鮮明的網頁設計
在制作網頁的初期,一定要為網頁設定一個明確的主題,尤其是個人網站。只有明確網頁的主題,才能在此基礎上更好地進行創意構思,從而形成總體的設計方案。

設計理念:在該網頁中,畫面中的圖片都與食品相關聯,從而可以判定這是一個以食品為主題的網頁設計。該網頁結構并不復雜,內容一目了然。
色彩點評:該網頁整體呈現出一種灰色調,是典型的“日式風格”配色。其中采用淺卡其色作為背景顏色,讓整體畫面呈現柔和、樸素的效果。
導航欄位于網頁的左側,并將文字豎向排列,非常有民族特點。
畫面中,宣傳圖中的灰色背景與淺卡其色的對比較弱,給人一種柔和、親切的感覺。
作為食品類的網頁設計,以綠色作為點綴色,給人一種健康、自然、美味的視覺效果。


該網頁為運動主題的網頁,以白色搭配紅色,給人一種積極、奮進的視覺印象。該網頁布局簡約,以大幅圖片作為視覺中心,非常具有吸引力。


這是一個矢量插畫風格的網頁設計,畫面中顏色簡單,配色效果鮮明,非常具有吸引力。該網頁以冰淇淋作為主題,它并沒有以實景圖片作為宣傳重點,這種另辟蹊徑的設計方式,給人留下深刻的印象。

提升網頁品質的技巧——留白
“留白”就是留下空白,它不是一個色彩概念,而是一種形式概念,它依存于整體布局結構關系中。利用留白這種手段,可以向訪客傳達出設計者的訴求。
留白效果處理得當,整個畫面會顯得整潔而有開放感,畫面的主題往往更具吸引力。留白的表現手法不只應用于網頁設計,在其他領域也應用廣泛,例如版式設計、海報設計、繪畫等多個領域。

配色方案

雙色配色

三色配色

四色配色
網頁設計賞析


- Dreamweaver CS6網頁設計與制作教程
- Bootstrap響應式Web開發
- Vue.js Web開發案例教程(在線實訓版)
- 全能網頁設計師精煉手冊
- 社交網站界面設計(原書第2版)
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網頁設計基礎培訓教程
- 在實戰中成長:JSP開發之路
- Dreamweaver CS3網頁制作
- Dreamweaver CS3網站制作炫例精講
- 網頁設計綜合實踐教程
- 中文版Dreamweaver CS6高手之道
- 水晶石技法Photoshop商業網頁設計
- 精通色彩搭配 100%全能網頁配色密碼
- 眾妙之門:網頁排版設計制勝秘訣
- ADOBE FIREWORKS CS4標準培訓教材