在設(shè)計網(wǎng)頁之前，最重要的是——搞清楚這次設(shè)計的目的是什么。網(wǎng)頁的設(shè)計，絕不只是為了好看。如果只是為了好看，可以直接上高清大圖。網(wǎng)頁的設(shè)計，也絕不只是一味的模仿，別人的設(shè)計并不一定最適合自己。所以，把自己設(shè)計網(wǎng)頁的目的搞清楚了，才能夠有的放矢。

網(wǎng)頁設(shè)計的目的有哪些?我們?yōu)槭裁丛O(shè)計網(wǎng)頁

下文將會總結(jié)設(shè)計網(wǎng)頁的幾個目的。我們理清楚自己設(shè)計網(wǎng)站的目的之后，就可以有針對性地進(jìn)行部署、策劃、畫原型、交給UI設(shè)計、然后重構(gòu)、網(wǎng)站部署，一步步完成我們需要的網(wǎng)站。

1、網(wǎng)頁設(shè)計目的之——網(wǎng)頁是產(chǎn)品的重要入口

這是最常見的。網(wǎng)站就是我們的產(chǎn)品，或者說訪問網(wǎng)站就等于用戶在使用我們的產(chǎn)品。

比如：airbnb，淘寶，騰訊視頻，各大門戶網(wǎng)站。用戶訪問airbnb，就是要查詢住宿的;用戶訪問淘寶，就是要購物 的;用戶訪問騰訊視頻，就是要看視頻的;用戶訪問門戶網(wǎng)站，就是要看新聞的。

Airbnb：用戶直達(dá)業(yè)務(wù)流程

這種目的的頁面設(shè)計，沒有通用原理，不需要按照哪種方法來設(shè)計。這種情況下，我們要做的，就是讓網(wǎng)頁設(shè)計和業(yè)務(wù)邏輯完全結(jié)合，讓網(wǎng)頁設(shè)計為業(yè)務(wù)流程服務(wù)，為用戶提供最直接、最便捷、最流暢的產(chǎn)品體驗(yàn)。

2、網(wǎng)頁設(shè)計目的之——做企業(yè)品牌宣傳

有的時候，網(wǎng)頁并不是我們的產(chǎn)品展示方式。尤其對于大公司而言，產(chǎn)品種類各式各樣，都有各自的網(wǎng)站。而自己公司的網(wǎng)站，并不需要用來宣傳產(chǎn)品或者展開促銷活動。這時候，把官網(wǎng)用來做品牌宣傳是最合適的。所以，在頁面設(shè)計過程中，要完全理解公司的定位與追求，將公司理念與思想融入到網(wǎng)頁設(shè)計之中。

以騰訊官網(wǎng)為例，在官網(wǎng)首頁的首屏中，我們可以看到非常醒目的表達(dá)：“連接”。而我們知道，騰訊的根基就是連接，QQ和微信連接了整個社交網(wǎng)絡(luò)，月活躍8～9億的用戶量為騰訊建立了強(qiáng)大的連接網(wǎng)絡(luò)。而騰訊的所有產(chǎn)品與服務(wù)，只有兩個關(guān)鍵詞，便是：“連接”與“內(nèi)容”。

騰訊官網(wǎng)的首頁、首屏：“連接”

3、網(wǎng)頁設(shè)計目的之——宣傳產(chǎn)品

對于自己的互聯(lián)網(wǎng)產(chǎn)品而言，產(chǎn)品解決了哪些痛點(diǎn)，與競品相比有哪些優(yōu)勢，我們的產(chǎn)品有什么特色?通過網(wǎng)頁來告訴用戶，是最合適不過的事情了。

那么基于這種目的，應(yīng)該怎么設(shè)計網(wǎng)頁呢，通常而言，這樣的網(wǎng)頁會采用模塊化方式。這些模塊包括：產(chǎn)品特色、產(chǎn)品優(yōu)勢、產(chǎn)品定價、產(chǎn)品接入方式、產(chǎn)品使用方式、產(chǎn)品用戶量多大、產(chǎn)品合作經(jīng)典案例、合作客戶的評價···。

產(chǎn)品經(jīng)理可以在上面模塊中，選擇自己的產(chǎn)品最想突出表達(dá)的4～5個模塊，用心設(shè)計各個模塊的內(nèi)容，將各個模塊組合在一起即可。

以wetest網(wǎng)站的一個產(chǎn)品頁面(遠(yuǎn)程調(diào)試)為例，在首屏，我們可以看到Banner中鮮明地突出了產(chǎn)品名稱和產(chǎn)品描述，并配了一個引導(dǎo)用戶時候的大Button。在往下，便是產(chǎn)品特點(diǎn)描述，這是產(chǎn)品介紹頁必不可少的模塊。

wetest：經(jīng)典的產(chǎn)品介紹頁面

4、網(wǎng)頁設(shè)計目的之——展現(xiàn)數(shù)據(jù)

這樣的頁面屬于專業(yè)型的頁面。

專業(yè)型的頁面往往展現(xiàn)的是和業(yè)務(wù)密切相關(guān)的各類數(shù)據(jù)，如DAU、MAU、Crash率、ANR上報等各類數(shù)據(jù)類信息。這些信息需要專業(yè)技術(shù)人員或者負(fù)責(zé)數(shù)據(jù)分析的產(chǎn)品經(jīng)理來查看。所以，在設(shè)計這樣的頁面時，以條例的、整潔的、易讀的形式展現(xiàn)給用戶即可。

需要注意的是，這種頁面不只需要提供展示功能，還需要提供查詢功能。因?yàn)閿?shù)據(jù)量較大，直接展示的往往是關(guān)鍵數(shù)據(jù)或者示例數(shù)據(jù)，更多內(nèi)容可能需要用戶自行搜索查看。

Bugly：經(jīng)典的數(shù)據(jù)顯示頁面

Bugly是騰訊推出的一款Crash崩潰捕獲與展示產(chǎn)品。頁面設(shè)計屬于典型的數(shù)據(jù)展示類型。在上圖的數(shù)據(jù)中展示頁面中，我們可以清楚地看到，頁面設(shè)計采用了扁平化、模塊化的布局方式，使整個頁面布局條例清晰。此外，在左側(cè)、上側(cè)、中上部，都采用了TAB切換的展現(xiàn)方式，讓數(shù)據(jù)展示更加條理。

5、網(wǎng)頁設(shè)計目的之——引導(dǎo)用戶下載app

當(dāng)我們的產(chǎn)品是移動產(chǎn)品形態(tài)，android的apk類型或者iOS移動應(yīng)用時，引導(dǎo)用戶下載我們的產(chǎn)品是大多數(shù)產(chǎn)品經(jīng)理的KPI。這時候，充分利用我們的網(wǎng)站引導(dǎo)用戶下載我們的移動端產(chǎn)品，就是自然而然的事情了。

UBER：右下角醒目的“下載APP”

這種類型的經(jīng)典案例，我們來看Uber官網(wǎng)。UBER的產(chǎn)品形態(tài)是移動客戶端，所以，UBER官網(wǎng)用來引導(dǎo)用戶下載客戶端可以說再合適不過。所以，在官網(wǎng)的首頁的首屏，設(shè)計人員便在Banner上放了一個大大的引導(dǎo)用戶下載客戶端的提示。

6、 網(wǎng)頁設(shè)計目的之——商業(yè)推廣，急需賺錢

有時候，產(chǎn)品都已經(jīng)搭建好了，收入流水就成了產(chǎn)品經(jīng)理的重要KPI。官網(wǎng)作為用戶接觸我們產(chǎn)品的最直接方式，就可以用來配合運(yùn)營推廣活動吸引用戶購買產(chǎn)品。

這時候，在網(wǎng)頁設(shè)計過程中，如何在醒目的位置展現(xiàn)營銷內(nèi)容，讓用戶更容易地購買產(chǎn)品，就是我們的設(shè)計關(guān)注點(diǎn)。

騰訊云：首頁Banner內(nèi)容，典型的營銷推廣

以騰訊云為例，作為國內(nèi)幾家提供云產(chǎn)品的實(shí)力型公司之一，騰訊云在與阿里云、華為云等產(chǎn)品競爭，需要拉動份額，因此，官網(wǎng)作為最容易接近用戶的入口，直接展示了大量的營銷型內(nèi)容，也體現(xiàn)了其拉升收入的目的。

總結(jié)

當(dāng)然，網(wǎng)站設(shè)計的目的不只限于以上6種，但上面列舉的都是最常見的、做常用的設(shè)計形式。

我們可以在生活中，多積累，多學(xué)習(xí)，分類理清楚每種網(wǎng)站類型的設(shè)計思路，就可以在以后的網(wǎng)站策劃過程中，得心應(yīng)手，水到渠成。

分享文章：網(wǎng)頁設(shè)計的目的有哪些
文章轉(zhuǎn)載：http://jinyejixie.com/news41/159891.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、App開發(fā)、做網(wǎng)站、網(wǎng)頁設(shè)計公司、全網(wǎng)營銷推廣、軟件開發(fā)

廣告

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