抛砖引玉Web2.0设计指南

作者:ximicc 来源:西米CC 时间:2008-06-30 12:49:00 

本教程中将详细阐述传统的图形设计元素是如何应用在现代(2.0时代)的页面设计中的,然后我将解释为什么它们能流行开来,以及如何、何时、在哪里使用这些元素。相关的理论都是建立在“传统样式”这篇文章的基础上,在这里只是针对如何将之应用到当前的web2.0中做了更深的分析而已。

这里先罗列当前的一些典型”web2.0″站点的风格特征,当然,一个站点没必要将这些元素都发挥到极致,并且即使用上了这些元素,也不能让你的设计看上去就像2.0了:

1.  简约的界面风格

2.  严谨的中轴布局

3.  精炼的内容分列

4.  独立的顶部版块

5.  鲜明的版块划分

6.  简明的站点导航

7.  醒目的Logo标志

8.  大号的字体应用

9.  易读的文本介绍

10.亮丽的颜色搭配

11.友好的视觉感受

12.柔和的颜色渐变

13.晶莹的抛光效果

14.精致的页面图标

15.灵动的星形标志

这些设计风格并不是在所有场合都有效,凡事总有例外的。所以肯定存在一些错误地、过度地、没经过思考就使用这些元素的反面教材。仅仅将它们全都揉合在一起可不能为你创造出一个好的页面设计来,就像将鸡蛋、糖及面粉搅和在一起可不能马上就得到个蛋糕。

设计网页需要一种能将各种元素巧妙的融合在一起的能力,而且大多数时候它们都是相对的,而一个好的页面设计当然就是平衡了各种元素的方案了。

Web 2.0?!

我使用“Web 2.0设计”来描述一种当前很流行的页面设计方案,而有很多人将Web 2.0描述为:

1.网络经济的复兴;

2.网站与服务之间更高级别的交互技术;

3.或者是一种建立在当前在线社区及社会化网络之上的社会现象。

还有一些人将这个术语用在最近的网页设计教学中,我觉得这个语义很符合我这里用的感觉。

英语原文:

http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm

标签:web2.0,设计,教程
0
投稿

猜你喜欢

  • asp连接各种数据库代码

    2008-03-11 11:16:00
  • CSS实现元素透明的那些事

    2009-09-07 12:22:00
  • 用 iframe 解决下拉框与层之冲突

    2008-04-28 12:24:00
  • 用asp获取微软安全更新列表的代码 小偷程序

    2011-02-24 11:19:00
  • 怎样在不同版本SQL Server中存储数据

    2009-01-20 13:11:00
  • asp 根据IP地址自动判断转向分站的代码

    2011-04-14 10:51:00
  • 18个超棒的Web和移动应用开发框架

    2011-03-31 17:04:00
  • SQL Server 2008中的新日期数据类型

    2009-03-16 15:05:00
  • textarea的输入限制统计代码statInput

    2008-05-22 13:36:00
  • YUI学习笔记(3)

    2009-01-21 16:24:00
  • 盖座漂亮的“楼”–浅谈网页设计中的构图

    2010-09-10 12:44:00
  • 在ASP编程中nothing代表什么意思?

    2011-04-15 10:47:00
  • js处理括弧配对替换的方法

    2008-01-16 13:48:00
  • firefox与ie 的javascript区别

    2010-03-14 11:30:00
  • class和id命名探讨

    2007-10-16 17:55:00
  • 对设计文档的一点小看法

    2010-03-15 12:30:00
  • ASP日期和时间函数用法详解

    2007-10-13 19:33:00
  • 增加 javascript 的 trim 函数

    2008-04-20 16:54:00
  • Web 2.0 框架发布

    2008-03-25 09:40:00
  • asp如何用通过Web访问OLAP数据?

    2010-06-16 09:52:00
  • asp之家 网络编程 m.aspxhome.com