抛砖引玉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打造一个小型的网页BBS系统

    2008-10-10 16:36:00
  • 手写Vue源码之数据劫持示例详解

    2023-07-02 17:01:28
  • Python探索之ModelForm代码详解

    2022-05-16 06:14:33
  • Python基础常用内建函数图文示例解析

    2022-05-04 04:54:24
  • 利用Python的tkinter模块实现界面化的批量修改文件名

    2023-08-30 20:45:15
  • Javascript优化(文件瘦身)

    2008-06-02 13:20:00
  • Javascript Worker子线程代码实例

    2024-04-17 09:46:16
  • javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解

    2024-04-22 22:28:47
  • vue props传值失败 输出undefined的解决方法

    2024-05-05 09:09:51
  • 基于SQL Server OS的任务调度机制详解

    2024-01-14 22:17:59
  • pytorch中的model=model.to(device)使用说明

    2023-02-23 15:07:48
  • asp如何生成XML数据

    2007-08-20 09:50:00
  • php 查找数组元素提高效率的方法详解

    2023-11-15 02:51:08
  • 浅谈Keras参数 input_shape、input_dim和input_length用法

    2021-02-19 13:24:40
  • 利用Python将list列表写入文件并读取的方法汇总

    2023-12-07 13:40:07
  • 详解Python中的__new__()方法的使用

    2022-09-26 09:03:56
  • 关于ASP代码的加密

    2007-10-15 12:30:00
  • python放大图片和画方格实现算法

    2023-05-21 15:22:41
  • pytorch 实现cross entropy损失函数计算方式

    2022-03-18 00:45:50
  • Python绘制动态的521玫瑰花

    2021-05-05 09:31:03
  • asp之家 网络编程 m.aspxhome.com