網(wǎng)頁設(shè)計(jì)那點(diǎn)事

從06年大學(xué)畢業(yè)到至今，一直在從事網(wǎng)頁設(shè)計(jì)，剛開始在一家主要設(shè)計(jì)一些房地產(chǎn)項(xiàng)目網(wǎng)站，這類型網(wǎng)站要求：創(chuàng)意、互動(dòng)、cool等；后來去另一家公司主要是設(shè)計(jì)一些企業(yè)類型的網(wǎng)站，至今主要負(fù)責(zé)門戶類網(wǎng)站設(shè)計(jì)。經(jīng)過這么多年的“操練”，總結(jié)了一些點(diǎn)點(diǎn)滴滴和大家分享，說得不好請(qǐng)猛擊指出！

創(chuàng)新互聯(lián)公司專注于平利網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供平利營銷型網(wǎng)站建設(shè)，平利網(wǎng)站制作、平利網(wǎng)頁設(shè)計(jì)、平利網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造平利網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供平利網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

這里我主要說下，門戶類網(wǎng)站設(shè)計(jì)過程中注意的細(xì)節(jié)及要注意的問題！

門戶網(wǎng)站設(shè)計(jì)有很多種。最為國人熟知的是像迅雷看看、新浪、騰訊網(wǎng)那種信息類門戶。現(xiàn)在也有博客門戶等。象當(dāng)當(dāng)、淘寶那樣的購物平臺(tái)，其實(shí)也是一種門戶，只不過陳列的是商品信息而已。而迅雷看看、土豆、優(yōu)酷等是以視頻信息為主的門戶！不同的門戶，有不同的需求，都應(yīng)該根據(jù)這些需求出發(fā)去設(shè)計(jì)網(wǎng)站，這是眾所周知的，但是它們之間也有共性，那就是都要求提高瀏覽效率設(shè)計(jì)上要求簡潔、大氣，以信息！設(shè)計(jì)都是為了信息內(nèi)容及用戶體驗(yàn)而設(shè)計(jì)。

從下面三個(gè)方面來說下網(wǎng)頁設(shè)計(jì)中注意的細(xì)節(jié)及要注意的問題！主要從我經(jīng)驗(yàn)上說開去，有不全，請(qǐng)大家補(bǔ)充，提意見！呵呵。

一、設(shè)計(jì)前那點(diǎn)事

1. 仔細(xì)全面整理、了解網(wǎng)站所涉及的產(chǎn)品文案［溝通］

當(dāng)產(chǎn)品經(jīng)理發(fā)起一個(gè)產(chǎn)品需求時(shí)，專業(yè)的產(chǎn)品的經(jīng)理都要會(huì)寫一份詳細(xì)的產(chǎn)品需求文案和網(wǎng)站的交互搞。產(chǎn)品文案中會(huì)設(shè)計(jì)到網(wǎng)站的功能及特性、網(wǎng)站與用戶的關(guān)系、用戶操作流程、及設(shè)計(jì)上一些要求等等。這時(shí)我們就要和產(chǎn)品經(jīng)理深入溝通，了解他們需要什么樣的東西！主動(dòng)發(fā)表自己的意見和提出文案中的疑問！溝通是關(guān)鍵，不然你會(huì)走好多彎路，最好又要重新開始！

2. 梳理網(wǎng)站框架與布局［初步］

網(wǎng)頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型等。門戶網(wǎng)站設(shè)計(jì)布局必須要以“快捷方便速度優(yōu)先價(jià)值內(nèi)容”為指導(dǎo)。最重要的優(yōu)化客戶的需求，布局盡量簡潔化、簡單化！我們要做的把握網(wǎng)站的定位對(duì)產(chǎn)品經(jīng)理的簡單的示意圖做處合理的框架布局。當(dāng)然了，公司有交互設(shè)計(jì)師，那是交互要做的事。

3.明確網(wǎng)頁的色彩搭配及整個(gè)風(fēng)格走向［深入］

一般門戶網(wǎng)頁設(shè)計(jì)的色彩 指先選定一種色彩，然后調(diào)整透明度或者飽和度，（說得通俗些就是將色彩變淡或則加深），產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。而這種色彩一般來自于產(chǎn)品的logo主色調(diào)。當(dāng)然了，還有了解網(wǎng)頁設(shè)計(jì)用色的相關(guān)原理，才調(diào)出更好色彩搭配！這里就不多講，需要大家有良好的審美能力，審美能力也不是一天兩天就可以達(dá)到很高的水準(zhǔn)的！

4.參考瀏覽相關(guān)優(yōu)秀網(wǎng)站［探導(dǎo)］

根據(jù)產(chǎn)品的性質(zhì)，尋找類似的優(yōu)秀網(wǎng)站作為參考和探導(dǎo)。目的讓自己更深入地了解這個(gè)產(chǎn)品需求的全球走向及設(shè)計(jì)風(fēng)格趨勢，以致能更好滴把握整體網(wǎng)站的設(shè)計(jì)定位！

二、設(shè)計(jì)中那點(diǎn)事

1. 鋪好框架，明確分類，確定相關(guān)尺寸［動(dòng)手］

柵格化布局，這個(gè)時(shí)候我們就要對(duì)整站，版塊高度、間距及圖片的尺寸做嚴(yán)格的要求和規(guī)定。我的習(xí)慣是先鋪好整個(gè)網(wǎng)站框架，然后再去深入細(xì)節(jié)，如配色、樣式等。

從上至下依次展開設(shè)計(jì)。

如圖一樣，把整個(gè)結(jié)構(gòu)用單色（灰色比較好）鋪好！然后逐步去設(shè)計(jì)，這樣下來不會(huì)亂，也會(huì)比較統(tǒng)一

文章來源：迅雷用戶體驗(yàn)中心 轉(zhuǎn)載請(qǐng)注明出處鏈接。

本文標(biāo)題：網(wǎng)頁設(shè)計(jì)那點(diǎn)事
網(wǎng)站鏈接：http://www.muchs.cn/article16/cjpdgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、虛擬主機(jī)、品牌網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)