安静的结构:控制页面的视觉“分贝”

这篇文章对于指导设计信息类网站很有帮助。
英文原文:http://www.andyrutledge.com/quiet-structure.php
中文译文:http://hi.baidu.com/ui88/blog/item/f0c9cdf2970de311b07ec5cd.html

CNN新闻网站前段时间改版了。
非著名设计顾问andy通过对比CNN.comUSAToday.com,谈了些自己的想法,其中不乏一些好的见解。
根据本人的理解,将其中一些有用的信息做了翻译并记录如下:

安静的结构
在设计以内容为主的新闻类网站时,应该运用干净的结构和清晰的元素组合。
直观地呈现信息是一个在线新闻站点的根本需求,为满足这种需求甚至可以牺牲一些界面视觉。

外框、线条、颜色等都是结构的基本元素,将这些元素舒服的排列会给页面带来节奏感和连贯性。
并大大地加强和突出内容,将内容清晰的呈现给用户。
Read more »

一些可用性规范的文档

目前国内大部分的可用性相关的文档都比较零散,Chris整理了部分描述的比较全面的文档分享给大家
(原列表来源于 UIgarden的朋友收集,下面一部分是我个人觉得易懂的或者是阅读过的)

web相关
Web内容可访问性指南(少有的翻译文档,必读)
http://www.junchenwu.com/WAI/wai-pageauth.html

Accessibility guidance for designer(讲述了很多页面细节,如表单设计、数据表格等等)
http://acc.nics.gov.uk/designers/index.html

Research-Based Web Design and Usability Guidelines(大全。。)
Read more »

导航、搜索、分类是购物网站设计的灵魂

腾讯拍拍网改版中提到“导航、搜索、分类是购物网站设计的灵魂”,今天就这个观点谈下自己的看法。我一直认为,评价一个网站好坏谁最有发言权?不是设计师,也不是部门主管,也不是市场营销人员,而是我们的用户,所谓没有调查就没有发言权。用户作为产品的直接使用者,其意见是使用产品体验的凝结。纸上得来终觉浅,须知此事要躬行,闲话少说,让我们从一个用户的角度来看购物网站,为了更好说明,我还使用某超市作为类比。
Read more »

切勿“用电脑思考“—–给广告新人的建议

这是蓝色上艺术设计版版主webs2008推荐的一篇文章,原作者:奶嘴[擒天] 转自:中国平面设计在线

9年的广告工作中,形形色色的广告人层出不穷。
从早年的黑搞时期到现在的电脑时代,不论工具如何改变,但请大家(尤其是新入行的广告人)切记,尺、铅笔、马克笔、电脑…这些都只不过是工具,一种用于实施你想法的工具,千万不可用工具来思考,因为这样只会狭隘你的思路。
很多初入行者,在接到一件工作时,总习惯性的先打开电脑,然后尝试着不同软件的不同效果,希望从这些效果中找到想法。往往最后得到的作品,凌乱,花俏,主题不突出…。因为工具会狭隘你的创意,限制你的设计,尤其是电脑,这样看来几乎无所不能的超级工具,拥有着另人眼花缭乱的效果,迷惑的无数创意设计人员眼睛,膨胀着他们追求尽善尽美的欲望,但要知道有时候越是希望完美却越是无法圆满。
接到一件工作时请大家参考以下步骤:
1、你要做什么?
2、你所希望达到的目的是什么?
3、你要如何做去达到这个目的?
4、你希望用怎样的创意来强化这个目的?
5、你用什么设计来表现你的创意?
6、你用怎样的排版来辅助你的创意?
(这6个步骤完成前,请勿打开电脑,用最潦草最简单的线条来思考)
Read more »