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

　　網頁設計的目的有哪些?我們?yōu)槭裁丛O計網頁?

　　下文將會總結設計網頁的幾個目的。我們理清楚自己設計網站的目的之后，就可以有針對性地進行部署、策劃、畫原型、交給UI設計、然后重構、網站部署，一步步完成我們需要的網站。

　　1、網頁設計目的之——網頁是產品的重要入口

　　這是最常見的。網站就是我們的產品，或者說訪問網站就等于用戶在使用我們的產品。

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

　　Airbnb：用戶直達業(yè)務流程

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

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

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

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

　　騰訊官網的首頁、首屏：“連接”

　　3、網頁設計目的之——宣傳產品

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

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

　　產品經理可以在上面模塊中，選擇自己的產品最想突出表達的4～5個模塊，用心設計各個模塊的內容，將各個模塊組合在一起即可。

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

　　wetest：經典的產品介紹頁面

　　4、網頁設計目的之——展現數據

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

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

　　需要注意的是，這種頁面不只需要提供展示功能，還需要提供查詢功能。因為數據量較大，直接展示的往往是關鍵數據或者示例數據，更多內容可能需要用戶自行搜索查看。

　　Bugly：經典的數據顯示頁面

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

　　5、網頁設計目的之——引導用戶下載app

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

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

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

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

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

　　這時候，在網頁設計過程中，如何在醒目的位置展現營銷內容，讓用戶更容易地購買產品，就是我們的設計關注點。

　　騰訊云：首頁Banner內容，典型的營銷推廣

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

　　總結

　　當然，網站設計的目的不只限于以上6種，但上面列舉的都是最常見的、做常用的設計形式。

　　我們可以在生活中，多積累，多學習，分類理清楚每種網站類型的設計思路，就可以在以后的網站策劃過程中，得心應手，水到渠成。