6. 模式窗口（LightBox技术）

模式窗口技术，作为第二代弹出内容技术。模式窗口（LightBox技术介绍）能够很好的代替原来的Javascript弹出窗口，提供更加友好的用户体验，并且引导用户的关注点集中到最重要的区域上来。通常由用户的点击触发，类似于传统的桌面应用。多数情况下，这些弹出窗口都带有深色半透明的背景和一个关闭按钮。

7. 多媒体模块

随着宽带的普及，现在的用户已经能够接受更多的内容，所以设计师们能够利用这样的契机使用一些更加吸引人的展示方式。因此很多网站开始引入多媒体内容（比如视频和屏幕录像）。这有助于迅速有效的让用户消化接受你想传递的信息。

这些视频能够很好的讲解你的网站的每一个步骤，不再需要多次点击，搜索，或者学习如何导航。通常这些视频长度都不会太长，但是内容要保持完整。

注意，绝对不能让这些多媒体内容成为你网站的全部或者是必不可少的部分，毕竟不是所有的用户拥有良好的网络条件，抑或是有些用户并不希望这种形式，有可能他正在机器上收听音乐或其他视频。

8. 杂志风格样式

在博客类网站设计中，我们发现一个有趣的现象是很多技巧都是取自于传统（印刷）媒体设计。包括文章的组织，页面的排版，插图甚至于文字的对齐方式都和传统印刷媒体越来越接近。Grid-Based（网格化）设计方式在产品网站，博客以及个人工作室网站得到了广泛的应用，但是在企业站点或者在线商店中还未有出现。

9. 幻灯片形式

Carousel，也就是幻灯片导航形式，内容水平或者垂直滚动。通常有两个导航元素来控制滚动方向，以及滚动内容。

这种形式的好处是，用户可以不用多次点击来搜寻他们感兴趣的内容，可以快速的通过滚动幻灯片来浏览希望他们注意的内容。这种形式多用于娱乐站点，或者是一些大型博客。是一种非常吸引眼球的展示方式。

10. 内容介绍模块

页面的左上角是网页上最重要的一块地方，因为最吸引用户的眼球。所以我们可以将最重要的信息放在那里展示，用户也能在第一时间获取这些信息。

对于很多个人工作室网站，或者是产品类的网站，都很好的使用了这个区域来展示内容介绍，相反在博客或者是在线商店类网站上几乎看不到这种方式。

您可能也喜欢：
2009年网页设计趋势前瞻 (上)	高效率网页设计的十大军规	设计十八般兵器之 “经典字体”速查	导航菜单设计趋势与实例 (Navigation Menus)
无觅

网页设计师是一群非常善变最新的人，总是希望尝试更新的设计理念。让我们来预测一下2009年的网页设计趋势。

1. Letterpress 凸版效果

在我们的观察中，一个意料之外的趋势是，凸版效果(Letterpress，也就是我们的篆刻中的阴文效果)。这样的趋势，可能是因为一个简单的原因，因为这个技术很少被人使用。我们发现这种技术通过不同的样式应用在不同的网站上，多位在线服务网站。

2. Rich UI 交互式用户界面

令人感到欣喜，现代的网站用户界面已经逐渐变得更漂亮和更加易用。过去的几年中，这些基于网页的应用有了惊人的进步，这些交互式用户界面越来越像传统的桌面应用了。Ajax以及Flash技术的大量使用提供了用户各种非常炫目，强大的网页应用。

更看到一些特别之处，这些年我们发现网页上有了更多的空白空间，页面元素间的间距也变得越来越大。我们也观察到，越来越多的站点开始在页面上提供直观的用户动作响应。比如，页面上的按钮会根据用户的动作，比如点击响应不同的状态表示“正常”和“按下”状态。而且很多网站开始根据不同的用户产生不同的响应。所以我们断言，自适应用户界面将会在2009年流行起来。

3. PNG透明图片

PNG透明图片效果，尽管不被古老的IE6支持，但似乎在去年变得流行起来。但是这种半透明的背景效果却是设计师们一直希望拥有的特性。

这种背景通常被用在头部和页脚处，但是有一些设计却跳出了这种窠臼。

4. 大尺寸的文字排版

在过去的文章中我们介绍过很多出色的大尺寸文字排版例子。在2009年，这样的潮流将继续流行下去，尤其是设计师网站，个人Portfolio网站以及在线服务类网站，将会采用这样的方式传递给用户最重要的信息。

这样的效果一般会将字号控制在36px以下，设计师们投入了更多的精力在文字排版的细节上，由此可见，网页将会变得更加漂亮，更加一致以及看上去更加让人可信。

5. 字体替换技术

设计师花了非常多的精力在页面排版上，同样的也花了很多精力在字体选择上，除了传统的那些经典字体，（译注：也是我们仅有的安全选择）很多设计师开始采用字体替换技术，也就是我们之前有提到的（sIFR）。

这些字体能大大提供网页的视觉效果，但是在中文世界中，这项技术遇到了前所未有的难题，汉字不是拼音文字，一个字体就可能有几兆，根本无法简单的使用这些技术来替换，也许文字图片替换法是目前中文的唯一选择。

您可能也喜欢：
2009年网页设计趋势前瞻 (下)	高效率网页设计的十大军规	导航菜单设计趋势与实例 (Navigation Menus)	设计十八般兵器之 “经典字体”速查
无觅

闲言少叙，让我们开始惊艳之旅，要先说明一下，”Firebug” 和 “WebDeveloper” 两位同学将缺席本次颁奖活动，因为他们实在太出名了。

CSS and Typography

Hyphenator Hyphenator.js解决了西方语言断词的问题，给行尾换行的单词加上了“-”连字符。相信很多程序员都被QA报过这样的defect，新建一条数据，有个column是afsafdsafsadfsafsafafsafasfsa，然后说页面被撑破。总是被我无情的Won’t Fix。实在不行了word-break一把。中文不会遇到这个问题。有兴趣的你去看一下。

CSS Type Set 貌似被墙了，有兴趣的翻出去看看

Typechart 快速浏览，比较各种不同的文字排版样式，（如果可以通过上传css文件来快速预览，倒也是个不错的idea）

CSS-Typoset Matrix and code generator

快速生成最常用的一些Tag的字体大小设定，由Px转换到Em尺寸上，可以比较完美的做到文字缩放。

body { font: normal 0,8764em/1.5em Arial,Verdana,sans-serif; }
html>body { font-size: 14px; }
p { margin: 1.5em  0; font-size: 1em; line-height: 1.5em; }
h1 { margin: 1.05em 0; font-size: 1.4286em; line-height: 1.05em; }
h2 { margin: 1.1667em 0; font-size: 1.2857em; line-height: 1.1667em; }
h3 { margin: 1.3125em 0; font-size: 1.1429em; line-height: 1.3125em; }
h4 { margin: 1.5em 0; font-size: 1em; line-height: 1.5em; }
h5 { margin: 1.75em 0; font-size: 0.8571em; line-height: 1.75em; }
h6 { margin: 1.75em 0; font-size: 0.8571em; line-height: 1.75em; }
类似这样

Em Calculator 楼上那个的图文加强版

真的是很好很强大，不单是觉得挺有用的，整个App的UI设计也非常让人满意，值得学习。

Facelift Image Replacement (FLIR) 快速创建图片替换的代码，FLIR技术，读作Fleer。

Vertical rhythm calculator 好多计算器，不得不说，欧美的设计师们更加注重这些细节。

typeface.js 总是感叹网页上文字能够使用的字体很有限，羡慕在PS或者Flash中可以随意挑选。typeface.js能帮你实现内嵌字体技术。

看到上面也许你会兴奋，但是对于老外的52个字母来说，这是很梦幻的效果，对于中文来说，没戏了，把几千个汉字打包到js中实在太可怕了，无论是可用性还是性能都不会让人接受。不过适当的将一些常用字做进去，可能会有不错的效果，好像是perl的build脚本，上次打包过一次，败了。

CSS Online Tools

PSD2CSS Online 在线的PSD文件到CSS的服务，没用过，也不想用，都有这个了，民工吃什么。

Conditional-CSS 根据你上传的CSS文件，检查其中一些css hack，用条件注释来保证浏览器兼容性。

说实话这是维护代码的噩梦开端。

MoreCSS CSS的js扩展，利用js来实现很多CSS中没有的特性，类似于那个著名的IE7.js，不过这种工具也算是双刃剑，怎么用看自己了。

px to em  速查表，我看到em都汗了。。

CSS Frame Generator 请看我以前的介绍文章 http://www.1x3x.net/blog/web-design/2008/04/css-frame-generator.html

CSS Redundancy Checker  检查你的CSS文件中那些是冗余的代码

CleverCSS

DSL编码风格的css扩展，又一个类似于MoreCSS的js类库，能让你用非常时髦的DSL风格去编写样式文件，我觉得更酷的是去看看这个js本身。

WordOff 被墙

Postable 帮你快速的escape一下内容

Kotatsu

Table HTML生成器，个人感觉没什么用，而且生成的TAG还是大写的，不喜欢。

htmldevelopertools

这是一个挺有意思的东西，太晚了，没有细看，说明是说可以在线更新CSS文件，但是依赖于IISserver，本身也是用.NET写的，有待进一步更新。

Deploy 这是一个开源的WebApp，能够一键帮你生成包含项目名称，DocType，各种JS类库的热部署方案。真的很是诱人的一个服务。不过好像也被墙了，不过大家不用担心，元旦前，我来提供一个墙内开花版。

CSS Evolve  通过对一个网站的各种属性重新设置，来看看各种不同的效果。不支持中文，效果没有说的那么大。不过这种测试方式可以借鉴。

Lorem 2

Lorem可能只有专业的设计师才会接触到的名词，看一下wiki上的解释

Lorem ipsum是指一篇常用於排版設計領域的拉丁文文章，主要的目的為測試文章或文字在不同字型、版型下看起來的效果。

Lorem ipsum從西元15世紀開始就被廣泛地使用在西方的印刷、設計領域中，在電腦排版盛行之後，這段被傳統印刷產業使用幾百年的無意義文字又再度流行。由於這段文字以「Lorem ipsum」起頭，並且常被用於標題的測試中，所以一般稱為Lorem ipsum，簡稱為Lipsum。

SelectORacle CSS3 selector 英文 西班牙文转换

JS Bin  一个非常酷的在线JS编辑器，能够动态查看结果，调试代码，还能直接分享url供其他人查看。算是比较典型的web2.0 App了。

CSS Text Wrapper  在线小工具，能够创建很漂亮的文字围绕图形。

Writing Tests Against CSS  CSS开发中，自动化Mock测试是件比较困难的事情，作者提供了一个不错的解决方案，是python的测试脚本，有兴趣的同学可以看一下。

CSS Sprite Generator  现代网站开发调优经验中，排在前面的很重要一条就是尽可能的减少页面的Request数量，（唉，我的首页连接数就挺大的，不是最理想，好像负载不大），CSS sprite技术因此变得流行，如果不明白的，看看网易邮箱的登陆页上的图片就知道了。

Sky CSS Tool  在线编写CSS样式，类似于Dreamweaver的可视化操作，不喜欢手写代码的可以试试看。

CSS Tidy Online  非常酷的CSS代码排版压缩工具，我以前也推介过。一定要加到收藏哦。

Web-Based Tools for Optimizing, Formatting and Checking CSS  一堆好用的CSS在线工具，这文章还真是环中环。

Grid Designer 2.4  随着类似于960grid这样的CSS框架的诞生，Grid排版设计愈发成为一种非常流行的设计方式，这个在线工具的创意非常好，如果能够再人性化一点就完美了。

Yahoo’s Secret Text-Sprite Generator  雅虎的神秘API，能够提供Text-Sprite生成，当然仅支持西方字符。可怜的双字节文字啊。

Replace CSS Colors – Editor 替换你的CSS文件中的颜色设置，如果你Vi玩的转一点，估计就不需要了。

The Box Office  很棒的图文围绕效果代码生成，虽然为了实现这个效果，会带来一堆挺丑漏的代码，建议用js修缮一下。

MinifyMe  css js 文件压缩器，不同于之前的在线工具，这是一个flash。

cssdoc  程序员可能更熟悉这个概念， 类似于Javadoc，能够更好的帮助你汇总小结你手上那些可能已经很长的CSS文件。

CSS Menu Generator  帮你生成很多非常漂亮的CSS菜单，效果如下

sheetUp – DOM Stylesheet Library  CSS的JS扩展，和之前介绍的几款各有千秋，值得一看

CSS SuperScrub  帮你做CSS代码的codereview，（偷偷说一句，我的大老板就喜欢走到你后面说，我要codereview，不改当年的码农本色啊）

DrawAble Markup Language  挺酷的在线可视化HTML编辑器，试试看，我倒是对他的制作本身有点兴趣。

Handy Kits For Designing With CSS

Regex Patterns for Single Line CSS

神器Textmate的css格式化bundle，无福使用这等神器。

21 Excellent Dreamweaver Extensions for CSS Productivity and Standards

相信还有很多朋友喜欢使用Dreamweaver的，那这21款Dreamweaver插件你不容错过。

Graph Paper 太棒了，这是真是不亚于米字簿的好东西啊，方格子现代版。

Starter Kit For Developers (PSD)  让你快速开始你的工作，是个不错的东西。

CSSHttpRequest  好吧，奇技淫巧，通过CSS请求来避开同源检测限制，慎用。

// TODO ==== 明日继续更新。

您可能也喜欢：
CSS Float 基本概念汇总	Microsoft IE8 CSS3扩展支持	CSS Framework，让你事半功倍	测试驱动之于网页设计开发
无觅

萬聖夜（Halloween）在每年的10月31日，是西方世界的傳統節日，主要流行於北美、不列顛群島、澳洲和紐西蘭。當晚小孩會穿上化妝服，戴上面具，挨家挨戶收集榶果。華語地區常將萬聖夜誤稱為萬聖節。萬聖夜英文稱之「Halloween」，為「All Hallow Eve」的縮寫，是指萬聖節（All Hallow’s Day）的前夜，類似於聖誕夜被稱為「Christmas Eve」。「Hallow」來源於中古英語halwen，與holy詞源很接近，在蘇格蘭和加拿大的某些區域，萬聖節仍然被稱為「All Hallow Mas」，意思是在紀念所有的聖人（Hallow）那一天，要舉行的彌撒儀式（Mass）。

萬聖夜通常與靈異的事物聯繫起來。歐洲傳統上認為萬聖節是鬼魂世界最接近人間的時間，這傳說與中國的盂蘭節類似。美國明尼蘇達州的阿諾卡（Anoka）號稱是「世界萬聖節之都」，每年都舉行大型的巡遊慶祝。

摘自wiki http://zh.wikipedia.org/wiki/%E8%90%AC%E8%81%96%E5%A4%9C

 //—–

//——-

//—–

//——

想更加原汁原味的领略万圣节的氛围，请移步：

http://www.smashingmagazine.com/2008/10/27/halloween-desktop-wallpapers-and-diy-tutorials/

祝各位小南瓜节日快乐，让我想到了本。

您可能也喜欢：
十二月年终壁纸赏鉴 – 附送美女壁纸几张	2009新年第一波，一月壁纸推荐	SmashingMagazine 十月壁纸赏	雨神眷顾的早春三月 – 三月壁纸推荐
无觅

森林中的精灵，你知道会幻化成什么样子，是你心中哪位女神的样子。

 都说在摩天轮上能看到幸福，也许说的是幸福就在那一圈圈的轮回之中吧。

原来奔月的不只有嫦娥，还有徐静蕾

你看到了什么？

最聪明的海中精灵吧。

 想要下载这些漂亮的壁纸：http://www.smashingmagazine.com/2008/09/29/desktop-wallpaper-calendar-october-2008/

您可能也喜欢：
七月SmashingMagazine壁纸赏	万圣节墙纸 – 比较吓人的就不贴了	恼人天气又春阴 – 四月壁纸随春天一起来到	六月壁纸赏
无觅

1. Notepad Chaos

 一款很绚丽的模板，非常适合比较时尚的个人blog使用，或者是给设计师类工作的用户使用，真的是非常好看，抽时间我想将其改成中文版的，让我眼前一亮的作品。

http://www.smashingmagazine.com/2008/08/20/notepad-chaos-a-free-wordpress-theme/

2. Infinity （来自中国的无限遐想） 

http://www.smashingmagazine.com/2008/08/08/infinity-a-free-wordpress-theme/

作者是个中国人，但是作品的视觉张力却有着很强的感觉。

3. Fervens

设计师的一系列作品都让人心动，心动不如马上行动吧。

http://wp-themes.designdisease.com/testrun/

4. Fun Theme

您可能也喜欢：
推荐一款很暖人心的WordPress theme – Page Style	七个让WordPress管理面板焕然一新的插件	Gmail也支持皮肤(Theme)功能了	35套让人惊艳的图标下载（免费）
无觅

 预览：

更多精美墙纸：http://www.smashingmagazine.com/2008/06/30/desktop-wallpaper-calendar-july-2008/

您可能也喜欢：
SmashingMagazine 十月壁纸赏	雨神眷顾的早春三月 – 三月壁纸推荐	2009新年第一波，一月壁纸推荐	六月壁纸赏
无觅

版权声明：本文版权归原作者所有 译介仅供国内读者参考

BANG421388A95514C2DCE6B44914XIANGUO

对于一个网站来说，导航栏菜单应该是最为重要的一个元素。由于网页没有什么可供用户作为定位的东西，所以全站一致的导航栏就成了少数可以给用户带来方向，引导他们浏览整个网站的元素之一。用户很依赖它，所以设计师绝对不能在这个地方马虎了事。

还是那句老话，最好的往往是最简单的，当然简单的东西绝对不代表就是乏味的。去年，我们就曾经就导航栏写过一篇文章  modern approaches of navigation design 。现在让我们看看这方面的设计的最新趋势吧。

下面就让我们来看看，最新的导航栏设计趋势，实例和一些非常炫的设计。

1.会“说话”的导航栏 （Speaking navigation）

对于导航栏来说，最重要的任务莫过于非常清楚的引领用户访问站点的每个模块。但是通常来说，很难用1-2个关键字来准确描述这个模块的具体内容和功能，特别是在水平导航栏布局下。这就是为什么通常导航栏不会简单地将关键字一个个排列起来来展示所拥有的选项（“沉默”导航栏 silent navigation），设计师多数会选择使用比较具体的描述来表达该选项的内容或者功能。

过去的几个月里，我们发现这种趋势越来越流行。

为了让信息变得更加容易接受，通常使用相同高度宽度的块状显示，大图标的使用也越来越普遍，当然评判导航栏好坏最主要的还是网页的整体布局和设计。鼠标悬停效果的设计使用，能让你的网页变得更加亲切。

这样的形式同样可以应用在垂直导航栏上

2. 苹果风格越来越流行

不知道苹果风格是web2.0设计风格大进攻的幸存者，还是一个完全独立的设计风格，又或者只是一个暂时的潮流趋势，恐怕没人能说明白。（看来老外的设计师对苹果风格也有着不同见解）

但毋庸置疑的，越来越多的网站采用了苹果风格

更多示例请参考原文

3. 图标的应用越来越多

为了更好的和用户沟通，设计师越来越多的使用非常具有感染力的图标（appealing icon），当然这个的前提是你的图标必须非常易于辨认和理解你的意思。

  （这个是我觉得非常出色的设计）

4. 垂直的Tab导航栏

5. 手写体的大量应用

6. 实验性解决方案

当然还有许许多多不拘一格的新奇设计，有兴趣的朋友可以去仔细看看 原文

您可能也喜欢：
2009年网页设计趋势前瞻 (上)	2009年网页设计趋势前瞻 (下)	高效率网页设计的十大军规	测试驱动之于网页设计开发
无觅

原文地址：http://www.smashingmagazine.com/2008/03/06/35-really-incredible-free-icon-sets/

本译介仅供国内用户参考

 Bagg & Box Telecharger Icon Pack

Mammoth Icons

 Dino Icons

Cemagraphics Icons

sizes 512px, 256px, 128px, 64px and 32px

Wifun Icons

更多选择更多欢乐，详见

http://www.smashingmagazine.com/2008/03/06/35-really-incredible-free-icon-sets/

您可能也喜欢：
一组免费的(FREE)的超炫WordPress Theme	介绍几家免费的Git托管服务	2009新年第一波，一月壁纸推荐	2009年2月份壁纸推荐
无觅

版权声明：本文版权归原作者所有 译文仅供国内读者参考

    决定一个网站成败有时候并不是样式设计，而是可用性和易用性。对于一个页面的访问者来说，他所做的只是点击然后决定下一步要做的事情，因此以用户为中心的设计思路已经成为了业界定义成功设计的事实标准。当然，如果没有任何提供给用户的功能，这个标准也不复存在了。

    我们不打算深入探讨关于可用性的实践细节（比如搜索框应该放置在页面的什么位置）因为已经有相当多的文章就此做了深入的阐述，我们将重点介绍一些核心法则、启示，合理的使用这些法则，能使你的网站更加成熟，展示的内容更容易让用户理解。

请注意：

• 你可能对这两篇我们之前的文章感兴趣 10 Usability Nightmares 和 30 Usability Issues 。
• 我们会在后续的文章中继续讨论关于可用性的问题，您可以订阅我们的网站  subscribe to our RSS-feed 。

    为了能够正确的使用这些法则，首先我们需要知道用户是如何和页面进行交互的，用户是如何思考的以及用户的常见行为是怎样的。

用户如何思考？

• 用户偏好质量和可靠性 如果一个页面提供给用户以高质量的内容，用户将能够接受页面上的广告和站点的设计。这就是为什么有些站点内容质量很高，但是设计的很糟糕，依然有着很高的流量的原因。内容远比支持它的设计来的重要。切记。
• 用户并不会细读，他们是浏览 分析一个站点，用户始终在寻找一些锚记（译注 fixed point 内容节点）来作为页面内容的导航员。 

                      （图1 图上的热点标示了用户的阅读集中在句子的前半部分）

• 网站用户是急切并强烈要求迅速满足需求的 非常简单的法则：如果一个站点不能满足用户的期望，那这个网站的设计师就是不称职，这个公司也将失去很多挣钱的机会。认知负载越高，直观导向越少，用户越是会放弃该站点来选择另一个网站来代替。
• 用户并不会做最佳的选择  用户不会为了搜索他们想要的东西而去寻找最快速的方法。他们不会从上至下的一段段看下去来寻找他们想要的东西。取而代之的是能够满足他们需求的第一个选择。当他们看到第一个看上去能够满足他们需求的链接，他们就会在第一时间点击。所以，从全部内容中找出最优的链接耗时太多，也太累，寻找满足需求的看上去更有效率。[video]  

                    (图2 图3  这两幅图片展示了线性阅读在网页浏览中是不适用的)

• 用户跟从的是他们的直觉 大多数情况下，用户不会认真去看设计师提供的内容，根据Steve Krug(Don’t make me think 作者)的说法，主要原因是用户根本不在乎这些。
• 用户希望拥有对浏览器的控制 用户希望能够控制他们的浏览器，并且信赖从始至终提供一直内容展现形式的网站。比如，他们不希望自动弹出的窗口，和随时能够通过“后退”按钮回到他们先前浏览过的网页，所以，一个非常重要的准则就是“不要在新窗口打开网页”。（译注：这点上，中国的用户的操作习惯恰恰相反，比如谷歌就不得不改成在新窗口打开，另外，在web标准中<a>标记的target属性是被废弃的，也是基于这个原因。）

1. 别让我思考

    让我们来看一个例子 Beyondis.co.uk 的口号是”beyond channels, beyond products, beyond distribution”。 这是什么意思呢？因为用户多数情况下采用“F”-pattern 来浏览一个网页，这3句话将是用户在这个页面上第一眼看到的内容。尽管该设计本身非常的简洁而且直观，但是这个页面的主题是什么，用户必须去网页中寻找答案。这是一个完全没有必要的“问号”。对于设计师来说，必须让这样的问号数量为0。将左右页面的内容互换一下，将大大提高可用性。   

     ExpressionEngine 这个网站使用了和Beyondis类似的页面结构，但是避免了前者存在的“问号”。而且，网站的标语本身具备了功能性，用户可以直接在这里尝试提供的服务和下载试用版本。    通过让用户很容易就能理解系统提供的内容，将有效降低用户的认知负载。当你有过一次成功经历后，你可以和用户沟通，看看系统给用户提供了什么，是什么让他们受益。如果用户不能在你的网站找到他们想要的内容，他们是不会使用你的网站的。

2. 不要浪费用户的耐心

3. 设法集中用户的注意力

Humanized.com 完美的使用了吸引眼球的法则。用户第一眼唯一能看到的东西就是大大的 FREE ，这是非常具有吸引力的，但仍然保持了一种“安静”的感觉，只是纯粹的传递信息。其下的具体信息告诉用户如何去了解更多关于免费产品的信息。通过适当地使用一些可视化元素让用户的注意力集中在网页的某些区域，可以非常有效地是用户从A点走向B点，并且不会让他们觉得是有意这么做的。更少的问号，更好的方向感，会让用户更加信任该网站所展现的关于公司的形象。换句话说，在屏幕背后更少的思考，更好的用户体验是可用性的第一准则。

4. 努力展现特点

Dibusoft.com 将清晰的网站结构和可视化吸引力结合的非常好，这个网站第一眼看去就能发现有9个主要的导航链接。当然，颜色的选取可能有些过淡了。让用户看清楚提供有哪些功能是用户界面设计中一条非常基本的准则。这并不是说我们要关心这些功能是如何实现的，而是重点关心内容是否易理解，用户是否对和系统的交互方式觉得舒服。

5. 让文字更加简练

Eleven2.com 做的相当出色，没有任何修饰性文字，也没有任何夸张的文字，只有价格，也就是用户唯一想知道的东西。一些关于写作的建议：

• 尽量使用简短的语句（一步出答案，男生选C，女生凭直觉）
• 使用可快速浏览的写作方式，增加标题，分类，使用列表，分隔图片等方式来划分不同的段落
• 使用简明扼要的词句，例如褒奖的文字不需要写的像广告一样，直接了当的告诉客户选择自己产品的理由就可以了

6.努力让网站变得简单

7. 不要害怕空白

8. 通过使用“可视化语言”来有效沟通

•  Organize 提供用户清晰且一致的结构。一致性，屏幕布局，关联和导航都是组织形式的重要概念。对于所有元素必须应用同样的规则。
• Economize 使用最少的可视化元素来完成最多的事情，考虑以下四个重要方面，简单：仅使用最重要的元素；明确：所有的元素设计必须是含义清晰，不会有歧义或者晦涩难懂；区别：所有的元素必须非常容易被区别；强调：最重要的元素必须非常明显。
• Communicate 不要让文字超过3种字体，或者超过3种大小，每行18个单词，5-80个字符比较合适（这里翻译的较为简略，毕竟指导意义一般，我认为他这段话就挺晦涩的 ）

9. Convention —— 我们的好朋友

10. 尽早测试，更多测试

您可能也喜欢：
2009年网页设计趋势前瞻 (下)	2009年网页设计趋势前瞻 (上)	设计十八般兵器之 “经典字体”速查	测试驱动之于网页设计开发
无觅