1.網(wǎng)站設(shè)計(jì)整體頁(yè)面布局，大概形式有這么幾種會(huì)正對(duì)PC端和手機(jī)端設(shè)計(jì)不同布局，便于用戶瀏覽：a.列表式布局（現(xiàn)在很多做成卡片式） b.大圖展示布局 c.兩列網(wǎng)格布局 d.兩列瀑布流 e.兩列拼圖布局 f.三列網(wǎng)格布局。

這些主要正對(duì)移動(dòng)端響應(yīng)式會(huì)比較多采用，按照傳統(tǒng)的PC端會(huì)增加一些上下布局，半包圍布局等一些做法。說(shuō)的這些名詞你可以通過(guò)搜索引擎查一下，在這里因?yàn)榇蜃衷蚍乓粡垐D作為示例，見(jiàn)圖一。

2. 網(wǎng)站配色。選色如果是企業(yè)站，那更多會(huì)根據(jù)企業(yè)形象色，比如LOGO的顏色，行業(yè)色（比如環(huán)保公司會(huì)選擇藍(lán)色，綠色），產(chǎn)品色，氛圍色（比如喜慶一般紅色）來(lái)選取主色調(diào)。然后確定輔助色，輔助色的搭配可以用同類(lèi)色，臨近色（圖二）、中差色、對(duì)比色、互補(bǔ)色來(lái)完成，但是一定要注意用色面積，不一定主色就是占的面積最多，它只是影響了整個(gè)畫(huà)面的色調(diào)而已，中間更多過(guò)度的是黑白灰。

3. 動(dòng)效交互設(shè)計(jì)。動(dòng)效我們只的是FLASH，文字，圖片，或者是整個(gè)板塊的轉(zhuǎn)場(chǎng)和入場(chǎng)。會(huì)因?yàn)轫?yè)面場(chǎng)景不一樣做一些便于引起用戶注意的動(dòng)效交互，提升用戶體驗(yàn)感。交互解釋起來(lái)相對(duì)內(nèi)容多點(diǎn)哈，就簡(jiǎn)單說(shuō)一下例子，比如你在設(shè)計(jì)按鈕的時(shí)候，你期望用戶點(diǎn)擊“確定”，那么在整個(gè)畫(huà)面按鈕你可能會(huì)通過(guò)亮色來(lái)提示用戶產(chǎn)生頁(yè)面交互。

4. 細(xì)節(jié)調(diào)整。文字的字體字號(hào)，對(duì)齊方式，字間距，段落間距，方便用戶閱讀提取頁(yè)面有效信息；圖片清晰度，大小范圍，圖片會(huì)不會(huì)影響整個(gè)畫(huà)面色調(diào)，會(huì)就調(diào)整色調(diào)；富媒體包括動(dòng)畫(huà)，視頻，動(dòng)圖測(cè)試播放和頁(yè)面載入時(shí)間等。所有這一切都是為了企業(yè)能夠有效傳達(dá)信息，使用戶產(chǎn)生企業(yè)希望大用戶行為。圍繞內(nèi)容，場(chǎng)景，用戶做的設(shè)計(jì)。那怎么去學(xué)呢，好的設(shè)計(jì)師一定要有好的審美，要有好的審美那就需要看大量的美的設(shè)計(jì)，不限于網(wǎng)站設(shè)計(jì)本身，如果可以逛逛站酷，花瓣，優(yōu)設(shè)等網(wǎng)站。另外要多練習(xí)，開(kāi)始可能很難，對(duì)于新手來(lái)講配色會(huì)難一點(diǎn)，那你可以嘗試去在原型稿上搭配不同的顏色，多了就有感覺(jué)。高手跟新手的差異在于細(xì)節(jié)的把控，所以慢慢你會(huì)進(jìn)入細(xì)節(jié)方面，這個(gè)就要看很多相關(guān)理論，還有作品了。只要你有心，這些都不是難事，首先你得要有把自己變成設(shè)計(jì)師的想法。加油，歡迎交流，有講的不全面的地方歡迎來(lái)噴：）