一.確定網(wǎng)站風格

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

　　風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值、存在意義、站點榮譽等等諸多因素。舉個例子：我們覺得網(wǎng)易是平易近人的，迪斯尼是生動活潑的，IBM是專業(yè)嚴肅的。這些都是網(wǎng)站給人們留下的不同感受。

　　二.網(wǎng)站色彩的搭配

　　無論是平面設計，還是網(wǎng)頁設計，色彩永遠是最重要的一環(huán)。當我們距離顯示屏較遠的時候，我們看到的不是優(yōu)美的版式或美麗的圖片，而是網(wǎng)頁的色彩。

　　關于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關設計書籍，有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁配色時的小技巧。

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

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

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

　　三.網(wǎng)頁配色誤區(qū)

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

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

　　3.色彩的鮮明性。網(wǎng)頁的色彩要鮮艷，容易引人注目。

　　如果大家對于上述理論部分還不能充分理解，我就結合一種實戰(zhàn)經(jīng)驗-疊柔配色技巧，用圖文并茂的展現(xiàn)形式逐步分析講解，促進最快速有效的學習。

　　四.針對網(wǎng)站設計設計方向淺析

　　1.單頁面

　　單個長頁面的設計一度不受人待見(無論是客戶還是設計師)，但如今整個互聯(lián)網(wǎng)隨處可見。一個合理的解釋是，用戶如今早已習慣于使用鼠標滾輪了，比起在多個頁面間來回查看，用滾輪上下瀏覽要省事得多。包括蘋果在內(nèi)的一些知名大公司也使用了相當長的頁面來展示產(chǎn)品，獲得了很不錯的效果。

　　2.用照片做背景

　　出于品牌或展示的目的，把照片用作網(wǎng)站的背景，這樣可以形成強烈的視覺表達效果。這也是為何你能在時尚、服裝品牌、旅游業(yè)等等行業(yè)看到這樣的設計辦法。

　　3.色塊設計

　　這一設計方法主要是引入了方塊的網(wǎng)格設計，這些方塊要么是純色塊配上文字，要么是方形照片配上文字?！昂啙崱笔俏脩舻囊淮笤?。不同的色塊放在一起形成強烈的對比，容易引起用戶的視覺興趣，進而繼續(xù)探索下去。

　　4.超大號的圖片

　　這一潮流的興起多少與Mac OS X圖標設計的流行有關。當程序員為自己的Mac 程序推出網(wǎng)站時，這樣配有超大號圖片、突出品牌的設計再常見不過。自然地，這一潮流后來也被iOS 開發(fā)者繼承了下來，成為現(xiàn)代設計文化的一部分。

　　5.聚焦簡潔

　　對簡潔的追求貫穿了整個2012年，許多的網(wǎng)站開始尋求明快、直觀的設計。極簡設計旨在通過整合或是刪除多余的頁面實現(xiàn)簡化，只給用戶需要的東西。極簡設計通常會用到大號的加粗字體、以及超大號的圖片，清晰地把重要的東西傳達出來。

　　6.響應式設計

　　隨著手機和平板設備越來越多地進入人們的生活，響應式設計也成為了當下網(wǎng)站開發(fā)不可忽視的一股力量。一個可自適應任何設備的網(wǎng)頁是很了不起的。響應式設計能確保用戶無論是在移動設備還是在PC上都能按你的意愿瀏覽內(nèi)容。

　　7.視差滾動

　　所謂“視差滾動(Parallax Scrolling)”就是讓多層背景以不同的速度移動，形成運動視差 3D 效果。隨著越來越多的瀏覽器增加對視差的支持，這一技術也很有可能會更加流行。

　　8.強調(diào)字體

　　從前設計師所能使用的字體受用戶電腦本地已有的字體所限。如今借助Google fonts 和Typekit 等服務，從理論上說，能使用的字體是無限多的，極大增強了網(wǎng)站設計的吸引力。設計師利用這一機會也已有了一段時間了，越來越多的網(wǎng)站也體現(xiàn)了對字體的重視。甚至有些網(wǎng)站如Typographica，字體就占了整個網(wǎng)站設計的絕大部分，出來的效果也相當不錯。