網(wǎng)站設(shè)計(jì)的4種不同設(shè)計(jì)風(fēng)格探討

時(shí)間：2022-08-16 22:21:01 | 來(lái)源：建站知識(shí)

時(shí)間：2022-08-16 22:21:01 來(lái)源：建站知識(shí)

不同類(lèi)型的網(wǎng)站應(yīng)當(dāng)在設(shè)計(jì)上讓用戶(hù)獲得不同的用戶(hù)體驗(yàn)。那么，網(wǎng)站設(shè)計(jì)如何針對(duì)不同的網(wǎng)站類(lèi)型進(jìn)行個(gè)性化的風(fēng)格設(shè)計(jì)呢?以下我們結(jié)合幾種不同的網(wǎng)站類(lèi)型來(lái)分析。

搜索簡(jiǎn)約型

以百度、谷歌為代表。頁(yè)面元素主要是Logo，搜索框，導(dǎo)航等，其中以搜索框?yàn)橹泻诵?。用?hù)上搜索型網(wǎng)站的目的很簡(jiǎn)單，是為了獲得目標(biāo)信息，用戶(hù)關(guān)注的焦點(diǎn)是盡快找到所需要的信息，因此實(shí)用原則是第一位。中國(guó)雅虎有一段時(shí)間首頁(yè)頁(yè)面修改為搜索框，表明了其以搜索為核心的定位，但后來(lái)又變臉為門(mén)戶(hù)模式，頁(yè)面的變化直接表達(dá)了網(wǎng)站定位和重點(diǎn)的改變。

信息豐富的門(mén)戶(hù)型

門(mén)戶(hù)類(lèi)網(wǎng)站信息量巨大，網(wǎng)站首頁(yè)都達(dá)到了4屏以上。由于是門(mén)戶(hù)網(wǎng)站，瀏覽性的信息內(nèi)容占據(jù)中心位置，首頁(yè)主要考慮了網(wǎng)站的導(dǎo)航、廣告、各種精選內(nèi)容等。其中精選內(nèi)容主要是為了抓住用戶(hù)的瞬間注意力，靠?jī)?nèi)容來(lái)吸引用戶(hù)。各個(gè)門(mén)戶(hù)網(wǎng)站首頁(yè)的第一屏都有網(wǎng)站的導(dǎo)航、廣告、最?lèi)?ài)關(guān)注的內(nèi)容，比如時(shí)事新聞等。除了推薦內(nèi)容的位置不同外，新浪、搜狐、騰訊頁(yè)面布局比較相似，比如說(shuō)，在內(nèi)容推薦的布局上，都采用了三縱欄的形式。而網(wǎng)易則采用了兩縱欄形式，網(wǎng)易首頁(yè)的導(dǎo)航方面除了頂部的導(dǎo)航條外，通欄廣告下還有獨(dú)特的歸類(lèi)導(dǎo)航方式，相對(duì)而言，網(wǎng)易的首頁(yè)比較疏松，感覺(jué)頁(yè)面相對(duì)輕松。

SNS網(wǎng)站

在SNS網(wǎng)站領(lǐng)域，即社會(huì)化的人際關(guān)系網(wǎng)絡(luò)平臺(tái)。目前中外比較有代表性的網(wǎng)站有中國(guó)的Xiaonei和51與美國(guó)的Facebook、Myspace等網(wǎng)站。由于這一類(lèi)網(wǎng)站不是把內(nèi)容作為網(wǎng)站的核心，跟門(mén)戶(hù)網(wǎng)站有豐富的新聞?lì)悆?nèi)容不同，SNS網(wǎng)站更多是建立一個(gè)網(wǎng)上的人際關(guān)系平臺(tái)，一個(gè)網(wǎng)絡(luò)生活方式平臺(tái)。所以，這些網(wǎng)站更多聚集人際關(guān)系本身。

視頻網(wǎng)站

視頻網(wǎng)站方面，國(guó)外有名的如youtube，目前國(guó)內(nèi)領(lǐng)先的有土豆、優(yōu)酷、酷六、56等網(wǎng)站。這幾個(gè)領(lǐng)先的視頻網(wǎng)站跟門(mén)戶(hù)網(wǎng)站有著類(lèi)似的網(wǎng)頁(yè)布局，而且基本上首頁(yè)達(dá)到并超過(guò)了4屏。而且更有意思的一點(diǎn)是，這幾家視頻網(wǎng)站首頁(yè)的布局都非常相似，都是采取左右縱覽的結(jié)構(gòu)。左邊以推薦的視頻為主，甚至連用戶(hù)登錄框所在位置都基本相同。當(dāng)然，這只是目前的情況，也許隨著時(shí)間的變化，不同的視頻網(wǎng)站會(huì)采用不同的頁(yè)面展示方式。

網(wǎng)站設(shè)計(jì)還需要考慮頁(yè)面的速度，不能僅考慮美觀或者功能的強(qiáng)大。如果下載速度太慢，那么再美的網(wǎng)頁(yè)，再?gòu)?qiáng)大的功能對(duì)用戶(hù)都是沒(méi)有意義的。

[ 文章原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處 深圳網(wǎng)站建設(shè) www.mulandesign.com ]