复杂的设计技术，往往是费时的，复杂的。一些先进的效果可以添加大量的深入的设计，但使用时，放错了地方，反而会减少预期的带给用户的期望。这些影响可能正是一个设计需要的，但即使在这种情况下，也应该辅之以简单的效果。
简单的效果和技术是积木，今天的设计，例如，恒星照明技术有什么好处？如果您不能确定哪些颜色的使用或基于文本的使用…
用“少即是多”的心态，选出10个非常简单的和令人印象深刻的设计技术，可以大幅度提高性能和外观的设计。

1.增加对比
可悲的是，添加额外的对比是技术上最容易被忽略的。

Joost de valk充分地利用超薄和高对比度，这样更容易为用户区分不同的页面部分。在扩大部分上述截图，你可以看到，多数时候，这种对比只是轻轻色1像素线旁的一个黑暗1像素线。

另一方面， “更多”和“开始”按钮，在他的主页上有如此小的对比，即使你正在寻找他们也会很容易地错过。

 

Wordpress 使用添加颜色对比其最流行的链接，下载。脱颖而出的调色板的蓝调和格雷斯。 如果您怀疑您是否需要更多的对比，认为这有点像运用化妆，显得奇怪。这个想法是不要让人们说， “嘿，瞧！对比！ “你想自然提请他们注意的重要项目，并在网页上突出特点已经存在。

2.梯度/变化程度

技术发展带来的创造梯度是几乎任何人都想要的。但问题是一件好事吗？

 

Media Temple 是一个几乎每一个页面都有梯度过度的网站，但节制和微妙的是设计成功的成功。其标志，标题，按钮和背景都有微妙的或次要的梯度，以强调其内容。最复杂的梯度在其网页上所找到的简单的120万像素的全按钮，目的是为了吸引注意。

 

Commisison Junction 不仅比Media Temple 更少地使用梯度，而且执行了各种不同类型的梯度：

横向，线性梯度从黑白到中等灰色在网页上方的。

绿色径向梯度背景下的绿色标题。

微弱的对角线梯度的“名人官司”的标志在登录框

光垂直线性淡入每个输入框背景

垂直梯度在导航栏背景

在明亮的线性网络研讨会褪色的旗帜

另一个垂直线性褪色的标题

设计有点冒险，最重要的是，在大多数情况下会产生几个重要的问题，没有连贯性。就像一个明智的选择调色板，设计者应仔细选择只有少数种类的梯度对应每一个项目。

例如，大型水平梯度（ 1 ）拉的眼睛沿着宽度页。这不是一个问题，但下面都是径向梯度（ 2 ）拉着眼于中心的网页，另一个线性褪色（ 3 ）拉下来，整个眼睛的右下角日志框。这使得网页有点让用户困惑，波涛汹涌的视觉流动使它有点难以阅读。

工作区与梯度，重要的是要保持一个不错的视觉流程：使用梯度节制或巧妙。最重要的是，使用它们时能够这个项目的补充总体感觉。

3.色彩的运用

运用颜色可能是一项挑战，很容易花太多时间去着色您的设计。

 

Realmac Software 用了一个非常大胆的想法，并把所有的颜色添加到了404页。这一工程有几个原因。首先， Realmac设立网页对中性灰的背景。更重要的是，它没有采用任何其他地方的颜色在网页上，除了蓝色文字链接和小飞溅的色彩远远低于运用的倍数。
虽然全谱调色板马上抓住注意，它仍然很简单，使用灰色保持它刺激眼睛。尝试使用超过4个或5个颜色在一个设计通常会不知所措。坚持简单的四色盘，除非你真的相信设计要求更多。

当您使用颜色节制和聪明地运用在您的设计，它是很容易起到提醒请注意的重要项目。在Interspire的“关于我们”页面上，观众正在迅速提请谈谈破折号的颜色在顶部的徽标上的网页，然后直接标题最后，显示徽标上版权的网页内容。
4.字符间隔

字符间隔，或字距，可以作出巨大的标题，段落，标识和其他任何涉及的文字。它只不过是彼此之间的距离。

 

 

Krop’s 的新组合生成没有任何过于奢侈的文本浏览。大部分网站的形象为基础的文字，降低字符发表声明间距更简洁，功能更强大

 

上述例证表明，字符间距会产生消极影响您的设计。小或不反锯齿文字是最困难的阅读。

或者你需要有几个很好的字体，首先是“大量专业版”的图片和“投石机质谱”的HTML文本。

5.大小写字母

在大写和小写不断变化的情况下，需要的无非按下SHIFT或Caps Lock键，但很少有设计师利用这一技术的潜力。

 

某些MSNBC’s的使用情况是显而易见的。除了全小写标识，不过，该公司微妙的使用在其他领域。大型信息栏上方的网页通常说，像“收看”或“突发新闻。 ”考虑到的东西的话通常强调非常重要，这是一个很好的方式提请注意这些特别通知。

此外，仅使用大写字母允许MSNBC使其难以置信的小按钮足以辨认。在这5像素高的应用，小写字母，如，男， X和Z将只有2到3个像素高而不是全部。

新闻网站：目前，美国有线新闻网错过了很多机会，使用情况，以加强其网页。值得赞扬的是，它采用全大写的导航菜单，但绝大多数的网页是在传统的情况下，每个句子也只有第一个字母大写。

6.抗混叠

虽然在技术上过程更为复杂，抗混叠可以概括为平滑的边缘，它适用于所有方面的设计。世界中的网页设计，抗锯齿部分取决于是否文本将在HTML或显示图像。复杂的事情多一点，某些Web浏览器和操作系统自动理顺HTML文本这一点，但作为一般规则， HTML文本没有反锯齿

 

 

Stockxpert 有意识地选择非常简单的到达网页抗混叠的一些行文字。大部分的文字有一个非常平滑的EDGE和没有出现震荡，而是现在还不是这种情况的小文在顶部和底部的 网页。像小文对MSNBC的按钮，上面提到的， 5像素高的文字需要有夏普的优势，尽可能清晰。任何模糊或反锯齿会使读者紧张，只有放弃。

7.瑕疵

使用人任何一台计算机的时间超过10分钟会告诉你，他们不是完美的，但是从设计的角度来看，它们可以产生完美的结果。当您使用您最喜欢的设计软件，默认设置，您会获得一个完美的直线从A点指向B。

仿古王牌黑桃教程经过大约12个步骤，使此卡期待并不完善。这一概念本身很简单。就是让事情看起来，肮脏凌乱或以其他方式不完善，会让让您的工作，有一个独特的触摸。

事情看起来完美往往需要寻找假冒显得无趣。叶子在树上不完全对称;照明提供任何形式的不均衡的阴影，镜头有时模糊地区的拍摄和制作镜头光晕。有些设计看上去非常干净和人工影响…需要寻找一些额外的东西

这蝴蝶照片，看起来像在1900年代的另一个例子-不完善的最高水平。照片实际上是对一台数码相机，用几个过滤器退化和一些快速的颜色变化给它一个经典的外观。

成功加入文物和不完善的设计可能更容易比得到你的认可。

8.模糊

如果你曾经被难倒在如何使更多的东西脱颖而出，考虑一下使用模糊以不同的方式吧。由模糊的物体在前台，后台或模糊的整个设计，可以显着增加影响您的项目。重点是，至少对于某些部分，一个对象的模糊，它带来的是另一个重点。

 

 

Iso v2 的壁纸使用了简单的模糊，创造一个平静，有机观点。只有少数急剧线，使图像突出重点，模糊的背景是至关重要的作为一个整体的外观墙纸。

模糊也可以被用来提供一种深度或分层。 Windows Vista的Aero主题模糊任何仅次于Windows的阴凉，分散玻璃效果。一个简单的高斯模糊工具可以创造同样的效果。

9.排成直线

同时保持清洁，直线。

 

本示例标识得到大多数的性质从提出“标识”字母。改变路线的设计元素，可以使他们更难忘的，因此，要有效得多。

这项技术不仅适用于文字。一些设计师回落的模板或个人的工作习惯时，构思设计。这可以大大提高速度，概念交给客户，但往往也限制了创新-特别是关于对齐。

 

10.修剪

也许最重要的和最赞赏的设计技术，就是一个项目削减不必要的区域，也是最难做的事。

通过削减一切不必要的部件，CSS Remix只剩下要点，并能显示7个保费广告（ 128 96像素） ， 53个图标广告（ 16 16像素）和高达56个网站在同一时间-所有的前1000个像素的一页！即使该网站的标志已经被削减至53的7个像素。

如同生活中的大多数事情，太多并不总是好事。该标志是如此之小，很难辨认，以及精选的网站可能非常难以区分彼此。在Twitter的饲料网页上方，远远超过了更加突出网站的标志或导航

英文原文：10 Simple and Impressive Design Techniques