Web2.0 网站设计指南(转)
文章通过了简短的介绍和图片,列举出Web2.0流行风格网页设计中的15要素。作者也提示不必要在一个设计中应用下列所有的元素,掌握何时用和如何使用才是关键。1.简约
2.居中布局
3.不要过多使用竖列布局
4.页面头部和主体有所分离
5.明显的区域分界
6.简约的导航栏
7.粗体字的LOGO
8.文本大些
9.更大的内容主题和简介文字
10.明亮、强烈的颜色
11.3D质感
12.使用渐变色
13.高光和投影
[color=#000000]14.精美的[/color][url=http://mybetaer.spaces.live.com/][color=#000000]ICON[/color][/url]
15.多角星标签
[b]1.简约:[/b]
至于简约的风格,对于我们来说不是必要的一种推行,需要根据网站的目地进行定位。设计师如何协调网站的定位和客户需求之间的关系,完成工作是最关键。
[img=600,613]http://cimg2.163.com/catchpic/2/2A/2A3DF9B0491D8CD75DDC386036D6158C.jpg[/img]
[b]2.居中布局[/b]
居中布局很容易做到,而且已经成为了默认模式。
[b]3.不要过多使用竖列布局[/b]
几年前,3、4列的布局盛行,如今2列布局比较普遍,3列已是最大限度了。
[img=600,207]http://cimg2.163.com/catchpic/B/B1/B11EFC5E924856F88DDA3ACB645C227A.jpg[/img]
[b]4.页面头部和主体有所分离[/b]
将页面的Top/Header在设计上与主体内容部分有所区分,可以在视觉、颜色等诸方面。这样可以让用户更清楚页面是从哪里开始的。让其简约一些,加入粗体LOGO会看起来非常"2.0"。
[img=600,613]http://cimg2.163.com/catchpic/A/A9/A9A2735373CD63DA8163BDB50397A5B5.jpg[/img]
[img=600,455]http://cimg2.163.com/catchpic/6/6C/6C94A592BABE8902B138917E13E77329.jpg[/img]
[b]5.明显的区域分界[/b]
让Header,Content,Banner.....这些区域分界明显一些,颜色区块、留白、表格、边线都是手段。
[img=600,408]http://cimg2.163.com/catchpic/C/C5/C5D8779FF2F15A6D0CFCF927B79E5798.jpg[/img]
[b]6.简约的导航栏[/b]
做一个简约的条状全站航栏放在每一个页面上,最好用区别与正文的颜色和字体。让用户知道:这里有什么、这是什么地方、我还可以去什么地方。
[img=450,777]http://cimg2.163.com/catchpic/0/0E/0E332D5CCF4DC220A47601956ABFE3E5.jpg[/img]
[b]7.粗体字的LOGO[/b]
用一个清晰的大LOGO,来传递你是谁或主题。왕의@Chinaui.com 采编
[img=600,322]http://cimg2.163.com/catchpic/C/C3/C31F84889EE8BE5B943AEBE4A25B42C3.jpg[/img]
作者: 蓝色飞扬 不错
页:
[1]
