刘钢的博客 – 我是UED

　　在日常的工作中往往会忽略标点符号的作用，其实无论在英文界面文本设计还是中文界面文本设计中，标点符号都是重要组成部分。要想做出好的界面设计，不仅要重视视觉、交互以及wording的表达，还要重视标点符号的使用。这里对相关问题略加探讨，希望能抛砖引玉，引起大家的重视。

　 阅读全文…

　　从接触互联网开始，一直在关注每个网站页面浏览速度，不管大小国内外网站，而且每个用户的浏览时间都不一样，从而了解用户在浏览页面上时间体验尺度的重要性。前几天看了这文章觉得不错，所以译了其中一部分与大家一起分享。

　　从0.1秒至10年或以上，用户界面设计有许多不同的时段，各有其独特的可用性问题。

　　在用户体验方面有其自己版本的“10的次方（powers of 10）”（Charles Eames 1968年的经典纪录片）。对我们来说，事物并不是按照10的倍数变大或变小，大多数的用户界面具有大致相同的物理尺寸，它们是由人体所决定的。例如，黑莓键盘约为1 / 5的电脑键盘大小,而不是1 / 10的大小。而且，除了墙壁大小的显示器，没有什么会比10倍PC显示器更大。

　　但在第四维—时间上，用户体验的时间尺度却超越多个10的倍数.

　 阅读全文…

引言

你是否曾经想过设计一个漂亮的网页，但是却不知道怎样入手？说实话，几年前我也是这样。当我浏览网页的时候我看到这么多好看的网页，我就希望自己有技术创作这样的设计作品。

今天我可以这么做了，而且我将教你怎么做这样的设计！从根本上，对于这种设计你需要一点photoshop的操作技能和观察细节的能力。通过以下的教程，我将会指出其中极细微的细节之处，而这些细节讲使你的网页设计漂亮起来。打开photoshop,我们开始啦！

正文

先看效果图

阅读全文…

行动召唤在网页设计中——尤其是在用户体验方面——是一个描述在网页中用于诱导用户行为的元素的术语。在网站界面中，最流行的行动召唤的表现是出现在点击表单按钮、完成一个行动(比如”Buy this now!”)或使用附加信息带到一个页面(比如”Learn more …”)等请求用户来采取行动的地方。
阅读全文…

原文：http://ued.alimama.com/?p=233

CSS Sprites简介

通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。随着Web设计向着精致、巧妙的方向发展，设计师们开始考虑使用非Javascript的方 式制作鼠标滑过、悬停菜单的效果，这时CSS Sprite应运而生。

说白了，CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。

当页面加载时，不是加载每个单独图片，而是一次加载整个组合图片。这是一个了不起的改进，它大大减少了HTTP请求的次数，减轻服务器压力，同时缩短了悬停加载图片所需要的时间延迟，使效果更流畅，不会停顿。 阅读全文…