6个卓越Web设计细节[译]

作者:varhi 来源:varhi 时间:2010-03-24 18:34:00 

内容摘要

  1. 合理使用渐变

  2. 留白

  3. 网格布局

  4. 提高字体应用

  5. 明确而有效的导航

  6. 设计漂亮、有用的页脚

介绍

优秀设计和卓越设计之间的区别是比较小的。一般人可能无法解释说明卓越的设计的具体差别,但他们可以找到自己喜欢的网页设计作品。通过对照一下几个优秀作品,我总结了一下作为卓越设计的几个细节差别。
前不久,我写过一篇卓越网站应该遵循的4个设计原则。现在这篇文章有点像是上一篇文章的延续。在上一篇文章里面我们重点讨论了对比、重复、对齐、分割在网页中的应用。以下内容我以几个优秀的网页作品作为实例,来说明卓越设计一直遵循的原则!

一、合理使用渐变

渐变不要滥用,更不要把渐变弄的跟彩虹似的,否则你的网页作品看起来比较外行。总而言之,合理的使用渐变对于优秀网站设计是有帮助的。

渐变、散景结合使用

Newism网站色彩丰富,但微妙的渐变与背景在视觉上结合的很到位。如果你也有兴趣在photoshop里面做这个散景效果,可以去Abduzeedo’s tutorial网站上面学习一下。

渐变、投影、纹理结合使用。

OnWired网站应用了这些设计技巧,显而易见,他的设计作品效果是很棒的!自始自终OnWired网站设计在应用渐变、投影、质感这方面是恰到好处的。我也特别喜欢设计师设计的这些。

标签:web设计,细节,网格,布局
0
投稿

猜你喜欢

  • 使用python进行文本预处理和提取特征的实例

    2022-07-13 21:25:47
  • 新版php study根目录下文件夹无法显示的图文解决方法

    2023-11-15 00:44:29
  • 使用 JSON 进行数据传输

    2008-06-15 07:12:00
  • 在django中使用post方法时,需要增加csrftoken的例子

    2023-08-12 06:44:34
  • IDEA连接MySQL数据库并执行SQL语句使用数据图文详解

    2024-01-14 13:57:09
  • SWFObject2.0: 基于Javascript的Flash媒体版本检测与嵌入模块

    2009-08-19 13:24:00
  • 简化的CSS Reset — 常用CSS重设实例

    2009-03-11 16:46:00
  • python 变量初始化空列表的例子

    2022-09-03 08:14:42
  • 整理Python 常用string函数(收藏)

    2021-08-25 19:21:52
  • 浅谈python正则的常用方法 覆盖范围70%以上

    2022-05-18 21:01:13
  • 对numpy下的轴交换transpose和swapaxes的示例解读

    2022-09-11 10:30:51
  • 微信小程序可滑动月日历组件使用详解

    2024-04-16 10:32:22
  • PyQt5中QSpinBox计数器的实现

    2022-09-13 01:43:09
  • python正则表达式常见的知识点汇总

    2023-10-02 18:56:21
  • python3 googletrans超时报错问题及翻译工具优化方案 附源码

    2022-07-15 12:05:47
  • Python+xlwings制作天气预报表

    2021-03-26 14:08:31
  • Python使用numpy模块实现矩阵和列表的连接操作方法

    2023-02-17 21:05:41
  • 如何在Pycharm中制作自己的爬虫代码模板

    2021-03-09 12:07:57
  • 一个SQL语句获得某人参与的帖子及在该帖得分总和

    2024-01-27 07:17:53
  • JavaScript实现计算圆周率到小数点后100位的方法示例

    2024-02-27 02:38:58
  • asp之家 网络编程 m.aspxhome.com