网站十个简单好用的设计技巧

计技巧总是很花时间，也很不好学。





当你在设计中克制而明智地使用色彩时，吸引访客对重要项目的注意力就变得相当容易。在
Krop’s 的新作品集创建器，在处理文字的时候，十分吝啬空间。该网站上大部分基于文字的图片中的字符间距都很小，使叙述内容显得更为简洁有力。


上图表现了字符间距对你的设计可能产生的负面影响。小而无抗锯齿的字体如果没有适当的字符间距，将更加难以阅读。

如果你以前没有在意，试试现在对你设计中的字符间距做一些调整，你会为调整后带来的不同而震惊。推荐图片中使用“Myriad Pro” 字体，HTML文字中使用“Trebuchet MS”字体进行尝试。

5. 大小写

改变字母大小写不过时按一些Shift或者Caps Lock键的功夫，但很少有设计师好好利用了这一技巧的潜能。

按钮足够清楚易读。 在这种5像素高的应用里，小写字母，如a[/i], m, [i]x，可能只有2到3像素高，非常难以辨认。


继续关注新闻站点，

这个
这张蝴蝶照片看起来就像是20世纪中期拍摄的，另一个不完美的例子。其实它是用数码相机拍摄的，使用了一些滤镜和颜色调整，赋予其怀旧效果。

为设计创造艺术风格化的瑕疵比你想象中要容易。你只需要将素材变成灰色或褐色，再添加一点细节……

8. 模糊

如果你还在为如何让内容突出、消隐而一筹莫展，请试试各种不同的模糊方式。通过模糊前景、模糊背景，甚至整个设计，你可以动态地增加你的项目的冲击力。模糊的焦点，需要至少部分地相关联。通过模糊一个元素，焦点被带向另一内容。



模糊亦可形成深度和层次覆盖的感觉。 Windows Vista的Aero效果将窗口后面的内容模糊掉，形成很酷的漫反射玻璃效果。使用高斯模糊 即可创造类似效果。

9. 对齐

即时我们强调保证整洁和直线，你仍然有需要为你的设计添加一些额外趣味。

这个示例标志中的“logo”几个字母被提到了右上角。更改设计元素的对齐方式可以让它们更容易被记住，更容易被人们讨论起，结果是让整个设计更高效。

这一技巧并不只是用于文字。部分设计师在思考一项设计概念时会利用模板化内容或者个人工作习惯。这可以加快给客户回应的速度，但也经常会限制了创意——尤其是在内容对齐方面。



通过去掉所有不必要的部分， CSS Remix只留下了必要部分，可以同时展示7个大广告 (128 * 96 像素),，53个favico广告 (16 *16 像素) ，以及一大群网站（56个）——全部在页面上方1000像素内！甚至网站的logo都被削减到了53乘 7 像素。

生活中也是如此，好事做得太好就不是一件好事了。上面的logo太小以至于难以辨认，特色站点也难以同彼此区分开来。奇怪的是，页面顶部的Twitter feed，相对于站点logo和导航来，又过分突出。

关于作者

Mark Praschan是以为具有将近十年经验的网页设计师，Web开发师，Web项目经理人。 他拥有并负责运行 Arrival Media . You can follow Mark on Twitter as well.