建站知識(shí)

Website development

web2.0網(wǎng)站制作的后裔以及設(shè)計(jì)的風(fēng)格

發(fā)布時(shí)間：2016-04-14 09:41:33

TAGS：網(wǎng)站制作軟件frontpage,成都網(wǎng)站制作公司

我們先來(lái)了解一下什么是web2.0和他的起源發(fā)展。

Web2.0是2003年之后互聯(lián)網(wǎng)的熱門概念之一，產(chǎn)生主要就是針對(duì)web1.0的， Web1.0的主要特點(diǎn)在于用戶通過(guò)瀏覽器獲取信息，在前幾年時(shí)間里，中國(guó)互聯(lián)網(wǎng)上的網(wǎng)站大都是信息發(fā)布，從信息源到受眾，是單向溝通，作為網(wǎng)站的訪問(wèn)用戶是參與不到網(wǎng)站的內(nèi)容建設(shè)中去的。而web2.0的模式是合作，交互式發(fā)展，網(wǎng)站的訪問(wèn)用戶可以參與到網(wǎng)站的內(nèi)容建設(shè)之中心。用戶既是網(wǎng)站內(nèi)容的消費(fèi)者（瀏覽者），也是網(wǎng)站內(nèi)容的制造者。對(duì)于Web2.0概念的說(shuō)明，通常采用Web2.0下面舉例說(shuō)明：你一般的企業(yè)網(wǎng)站大都是web1.0模式，通過(guò)實(shí)現(xiàn)的都是信息發(fā)布，產(chǎn)品發(fā)布這樣的功能，網(wǎng)站的訪客無(wú)法進(jìn)入網(wǎng)站信息內(nèi)容的建設(shè)，只能瀏覽網(wǎng)頁(yè)內(nèi)容。，加上對(duì)部分Web2.0相關(guān)技術(shù)的解釋，這些Web2.0技術(shù)主要包括：博客（BLOG）、RSS、百科全書(Wiki)、網(wǎng)摘、社會(huì)網(wǎng)絡(luò)（SNS）、P2P、即時(shí)信息（IM）等。國(guó)內(nèi)典型的Web2.0網(wǎng)站主要包括一些以博客和社會(huì)網(wǎng)絡(luò)應(yīng)用為主的網(wǎng)站，尤其以博客網(wǎng)站發(fā)展為迅速，影響力也更大，例如博客網(wǎng)、DoNews IT社區(qū)、百度貼吧、新浪博客等。整個(gè)網(wǎng)站是一個(gè)交互式的過(guò)程，訪問(wèn)者與訪問(wèn)者之間，訪問(wèn)者與網(wǎng)站管理者之間，他們是一個(gè)交互式的模式參與到了網(wǎng)站的內(nèi)容建設(shè)當(dāng)中。

總的來(lái)講：web1.0主要是意向溝通，web2.0是交互式溝通

那么Web2.0網(wǎng)站顯著的流行風(fēng)格是什么呢?！?span style="display:none">12p北京網(wǎng)站設(shè)計(jì)開發(fā),小程序開發(fā),公眾號(hào),微信開發(fā)-云智互聯(lián)

1.簡(jiǎn)約

2.居中布局

3.不要過(guò)多使用豎列布局

4.頁(yè)面頭部和主體有所分離

5.明顯的區(qū)域分界

6.簡(jiǎn)約的導(dǎo)航欄

7.粗體字的LOGO

8.文本大些

9.更大的內(nèi)容主題和簡(jiǎn)介文字

10.明亮、強(qiáng)烈的顏色

11.3D質(zhì)感

12.使用漸變色

13.高光和投影

14.精美的ICON

15.多角星標(biāo)簽

簡(jiǎn)短的介紹和圖片，列舉出Web2.0網(wǎng)站顯著的流行風(fēng)格要素。不必在一個(gè)設(shè)計(jì)中應(yīng)用下列所有的元素，掌握何時(shí)用和如何使用才是關(guān)鍵。希望此文對(duì)你的設(shè)計(jì)有參考意義。

1.簡(jiǎn)約：

至于簡(jiǎn)約的風(fēng)格，對(duì)于我們來(lái)說(shuō)不是必要的一種推行，需要根據(jù)網(wǎng)站的目地進(jìn)行定位。設(shè)計(jì)師如何協(xié)調(diào)網(wǎng)站的定位和客戶需求之間的關(guān)系，完成工作是關(guān)鍵。

2.居中布局

居中布局很容易做到，而且已經(jīng)成為了默認(rèn)模式。

3.不要過(guò)多使用豎列布局

幾年前，3、4列的布局盛行，如今2列布局比較普遍，3列已是大限度了。

4.頁(yè)面頭部和主體有所分離

將頁(yè)面的Top/Header在設(shè)計(jì)上與主體內(nèi)容部分有所區(qū)分，可以在視覺、顏色等諸方面。這樣可以讓用戶更清楚頁(yè)面是從哪里開始的。讓其簡(jiǎn)約一些，加入粗體LOGO會(huì)看起來(lái)非常"2.0"。

5.明顯的區(qū)域分界

讓Header,Content,Banner.....這些區(qū)域分界明顯一些，顏色區(qū)塊、留白、表格、邊線都是手段。

6.簡(jiǎn)約的導(dǎo)航欄

做一個(gè)簡(jiǎn)約的條狀全站航欄放在每一個(gè)頁(yè)面上，好用區(qū)別與正文的顏色和字體。讓用戶知道：這里有什么、這是什么地方、我還可以去什么地方。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,6425,0.html

上一篇：“SEO優(yōu)化操作精髓”怎樣才能沖刺百度首頁(yè)排名呢

下一篇：網(wǎng)站制作的效果，讓你的想象轉(zhuǎn)變成網(wǎng)頁(yè)展現(xiàn)出來(lái)

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁(yè)面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問(wèn)題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問(wèn)題可以再里面提出，人員分工到位，解決問(wèn)題很及時(shí)。

張經(jīng)理