網(wǎng)站設(shè)計過程中需注意的細節(jié)和問題
門戶網(wǎng)站設(shè)計有很多種。最為國人熟知的是像迅雷看看、新浪、騰訊網(wǎng)那種信息類門戶。現(xiàn)在也有博客門戶等。象當(dāng)當(dāng)、淘寶那樣的購物平臺，其實也是一種門戶，只不過陳列的是商品信息而已。而迅雷看看、土豆、優(yōu)酷等是以視頻信息為主的門戶!不同的門戶，有不同的需求，都應(yīng)該根據(jù)這些需求出發(fā)去設(shè)計網(wǎng)站，這是眾所周知的，但是它們之間也有共性，那就是都要求提高瀏覽效率設(shè)計上要求簡潔、大氣，以信息最大!設(shè)計都是為了信息內(nèi)容及用戶體驗而設(shè)計。
一、設(shè)計前那點事
1. 仔細全面整理、了解網(wǎng)站所涉及的產(chǎn)品文案 [溝通]
當(dāng)產(chǎn)品經(jīng)理發(fā)起一個產(chǎn)品需求時，專業(yè)的產(chǎn)品的經(jīng)理都要會寫一份詳細的產(chǎn)品需求文案和網(wǎng)站的交互搞.產(chǎn)品文案中會設(shè)計到網(wǎng)站的功能及特性、網(wǎng)站與用戶的關(guān)系、用戶操作流程、及設(shè)計上一些要求等等。這時我們就要和產(chǎn)品經(jīng)理深入溝通，了解他們需要什么樣的東西!主動發(fā)表自己的意見和提出文案中的疑問!溝通是關(guān)鍵，不然你會走好多彎路，最好又要重新開始!
2. 梳理網(wǎng)站框架與布局[初步]
網(wǎng)頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型等。門戶網(wǎng)站設(shè)計布局必須要以“快捷方便速度優(yōu)先價值內(nèi)容”為指導(dǎo)。最重要的優(yōu)化客戶的需求，布局盡量簡潔化、簡單化!我們要做的把握網(wǎng)站的定位對產(chǎn)品經(jīng)理的簡單的示意圖做處合理的框架布局。當(dāng)然了，公司有交互設(shè)計師，那是交互要做的事。
3.明確網(wǎng)頁的色彩搭配及整個風(fēng)格走向 [深入]
一般門戶網(wǎng)頁設(shè)計的色彩 指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。而這種色彩一般來自于產(chǎn)品的logo主色調(diào).當(dāng)然了，還有了解網(wǎng)頁設(shè)計用色的相關(guān)原理，才調(diào)出更好色彩搭配!這里就不多講，需要大家有良好的審美能力，審美能力也不是一天兩天就可以達到很高的水準(zhǔn)的!
4.參考瀏覽相關(guān)優(yōu)秀網(wǎng)站 [探導(dǎo)]
根據(jù)產(chǎn)品的性質(zhì)，尋找類似的優(yōu)秀網(wǎng)站作為參考和探導(dǎo)。目的讓自己更深入地了解這個產(chǎn)品需求的全球走向及設(shè)計風(fēng)格趨勢，以致能更好滴把握整體網(wǎng)站的設(shè)計定位!
二、設(shè)計中那點事
1. 鋪好框架，明確分類，確定相關(guān)尺寸 [動手]
柵格化布局,這個時候我們就要對整站，版塊高度、間距及圖片的尺寸做嚴(yán)格的要求和規(guī)定。我的習(xí)慣是先鋪好整個網(wǎng)站框架，然后再去深入細節(jié)，如配色、樣式等。
從上至下依次展開設(shè)計。
如圖一樣，把整個結(jié)構(gòu)用單色(灰色比較好)鋪好!然后逐步去設(shè)計，這樣下來不會亂，也會比較統(tǒng)一
【網(wǎng)站設(shè)計過程中需注意的細節(jié)和問題】相關(guān)文章：
雅思寫作中需注意的細節(jié)問題09-20
網(wǎng)站設(shè)計中應(yīng)注意的細節(jié)有哪些12-10
科目三考試需注意的細節(jié)10-05
科目一考試需注意的細節(jié)03-21
駕考科目二需注意的細節(jié)02-06
高考體檢需注意哪些問題12-05
科目三考試需注意的問題01-17
科目三考試需注意問題07-29