注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

无线时代辐射无穷

抓紧生宝宝,小心辐射

 
 
 

日志

 
 

Web2.0 网站页面设计指南  

2009-11-09 11:20:09|  分类: web2.0 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文章通过了简短的介绍和图片,列举出Web2.0流行风格网页设计中的15要素。作者也提示不必要在一个设计中应用下列所有的元素,掌握何时用和如何使用才是关键。

1.简约

2.居中布局

3.不要过多使用竖列布局

4.页面头部和主体有所分离

5.明显的区域分界

6.简约的导航栏

7.粗体字的LOGO

8.文本大些

9.更大的内容主题和简介文字

10.明亮、强烈的颜色

11.3D质感

12.使用渐变色

13.高光和投影

14.精美的ICON

15.多角星标签

1.简约:

至于简约的风格,对于我们来说不是必要的一种推行,需要根据网站的目地进行定位。设计师如何协调网站的定位和客户需求之间的关系,完成工作是最关键。

Web2.0 网站页面设计指南 - wolfgangkiefer - wolfgangkiefer的博客

2.居中布局

居中布局很容易做到,而且已经成为了默认模式。

3.不要过多使用竖列布局

几年前,3、4列的布局盛行,如今2列布局比较普遍,3列已是最大限度了。

Web2.0 网站页面设计指南 - wolfgangkiefer - wolfgangkiefer的博客

4.页面头部和主体有所分离

将页面的Top/Header在设计上与主体内容部分有所区分,可以在视觉、颜色等诸方面。这样可以让用户更清楚页面是从哪里开始的。让其简约一些,加入粗体LOGO会看起来非常"2.0"。

Web2.0 网站页面设计指南 - wolfgangkiefer - wolfgangkiefer的博客

Web2.0 网站页面设计指南 - wolfgangkiefer - wolfgangkiefer的博客

5.明显的区域分界

让Header,Content,Banner.....这些区域分界明显一些,颜色区块、留白、表格、边线都是手段。

Web2.0 网站页面设计指南 - wolfgangkiefer - wolfgangkiefer的博客

6.简约的导航栏

做一个简约的条状全站航栏放在每一个页面上,最好用区别与正文的颜色和字体。让用户知道:这里有什么、这是什么地方、我还可以去什么地方。

Web2.0 网站页面设计指南 - wolfgangkiefer - wolfgangkiefer的博客

7.粗体字的LOGO

用一个清晰的大LOGO,来传递你是谁或主题。

Web2.0 网站页面设计指南 - wolfgangkiefer - wolfgangkiefer的博客
  评论这张
 
阅读(362)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017