Web2.0 網(wǎng)站設(shè)計(jì)指南作者:UIlook 出處:UIlook 責(zé)任編輯:0
![]() 文章通過了簡短的介紹和圖片,列舉出Web2.0流行風(fēng)格網(wǎng)頁設(shè)計(jì)中的15要素。作者也提示不必要在一個(gè)設(shè)計(jì)中應(yīng)用下列所有的元素,掌握何時(shí)用和如何使用才是關(guān)鍵。 1.簡約 2.居中布局 3.不要過多使用豎列布局 4.頁面頭部和主體有所分離 5.明顯的區(qū)域分界 6.簡約的導(dǎo)航欄 7.粗體字的LOGO 8.文本大些 9.更大的內(nèi)容主題和簡介文字 10.明亮、強(qiáng)烈的顏色 11.3D質(zhì)感 12.使用漸變色 13.高光和投影 14.精美的ICON 15.多角星標(biāo)簽 1.簡約: 至于簡約的風(fēng)格,對于我們來說不是必要的一種推行,需要根據(jù)網(wǎng)站的目地進(jìn)行定位。設(shè)計(jì)師如何協(xié)調(diào)網(wǎng)站的定位和客戶需求之間的關(guān)系,完成工作是最關(guān)鍵。 ![]() 2.居中布局 居中布局很容易做到,而且已經(jīng)成為了默認(rèn)模式。 3.不要過多使用豎列布局 幾年前,3、4列的布局盛行,如今2列布局比較普遍,3列已是最大限度了。 ![]() 4.頁面頭部和主體有所分離 將頁面的Top/Header在設(shè)計(jì)上與主體內(nèi)容部分有所區(qū)分,可以在視覺、顏色等諸方面。這樣可以讓用戶更清楚頁面是從哪里開始的。讓其簡約一些,加入粗體LOGO會(huì)看起來非常"2.0"。 ![]() ![]() 5.明顯的區(qū)域分界 讓Header,Content,Banner.....這些區(qū)域分界明顯一些,顏色區(qū)塊、留白、表格、邊線都是手段。 ![]() 6.簡約的導(dǎo)航欄 做一個(gè)簡約的條狀全站航欄放在每一個(gè)頁面上,最好用區(qū)別與正文的顏色和字體。讓用戶知道:這里有什么、這是什么地方、我還可以去什么地方。 ![]() 7.粗體字的LOGO 用一個(gè)清晰的大LOGO,來傳遞你是誰或主題。??@Chinaui.com 采編 ![]() |
|
|