推荐简单好用的设计技巧

《推荐简单好用的设计技巧》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、十个简单好用的设计技巧复杂的设计技巧总是很花时间，也很不好学。高级效果能为设计增色不少，但是如果用得不对，只会影响用户对重点内容的关注。高级效果可能正好是一项好的设计的冲击力所在，但即便如此，也还是需要一些更简单的效果与其配合。简单的效果和技巧是建造当今设计的基石。比方说，如果你都不知道如何正确选择颜色和文字效果，灿烂的星光效果又能有什么用？本着“少就是多”的理念，我们为你精选了十个简单好用的设计技巧，它们能大大提升你的设计的专业性和感染力。更多技巧可以参阅(英文)：基础先行。学会走之前都要先学会爬，让我们从关于简单有效地设计

2、的最基础概念开始。1.增加对比很可惜，添加额外的对比是最被忽视和弃用的技巧之一。JoostdeValk采用了细的高对比度边线，让访客能更容易区分页面的不同区域。在上图中放大了的部分，你可以看到，大多数时候这种对比只是一条1像素的高亮线挨着1像素的暗色线。话说回来，这个页面上的“More”和“Go”按钮与周围的对比度太小，即使你刻意在找也很容易被忽略掉。WordPress为页面中最受欢迎的链接“Download(下载)”使用了对比色。这种红色在冷灰色调的页面中自己跳了出来。但这红色在明度方面有所收敛，以免影响了页面整体效果。如果

3、你对于该不该使用对比犹豫不决，就把这一决定过程当做是化妆。你要做的不是让人们大吼“看呐，对比色！”，你需要的是自然而然的吸引他们注意页面中重要的内容，高亮出已经存在的重点。2.渐变技术的发展为所有想使用渐变的人提供了各种创造渐变的工具。但渐变真的很好么？MediaTemple网站的每一个页面都使用了渐变，不过其渐变使用的节制和精妙才是设计成功的关键。logo，大标题，按钮和背景都有细微的或者镜像的渐变，以强调内容。最复杂的渐变用在了那些简单的120像素宽的按钮(子页面中的“ACTIVATE”和“LEARNMORE”)上，因为它

4、们是需要访客注意的重点。CommissionJunction的渐变运用远没有MediaTemple的细致，而且采用了更丰富的渐变类型：1.从黑色到灰色的水平线性渐变，位于页面顶部2.页眉处的绿色径向渐变3.登陆框背景的“CJ”标志上方模糊的斜向渐变4.输入框背景中淡淡的垂直线性渐变5.导航条背景的垂直渐变6.Webinar广告中明亮的线性渐变7.另一个垂直线性减弱，用在了大标题处这种设计有点冒险，其大部分有用，但还是存在一些问题。最重要的一点，设计丧失了一致性。同选择可辨性强的色彩组合一样的道理，设计师也需要为每个项目选择合适

5、的渐变组合。例如，大的水平渐变(1)引导眼睛横向注视页面。这本没有什么问题，但就在此渐变的正下方又出现了把视线吸引到中心的径向渐变(2)和把视线引导到右下角的斜向渐变(3)。这会给访客造成困扰，起伏变化的视觉流（visualflow）也削弱了可读性。使用渐变时，保证好的视觉流很重要：请保守而精致地使用渐变。最重要的一点，仅当对整体设计有帮助时才使用渐变。3.色彩合理使用颜色很有挑战性。在挑选完美的色彩组合和为各种色调找到合适位置的过程中，时间哗啦啦地就流走了。RealmacSoftware大胆地在404页面采用了全色系渐变。这

6、样做有以下原因：首先，Realmac已经将页面背景设成了中性灰色，更重要的是，页面其余部分没有明显的色彩的，除了蓝色的文字链接和一些零星的毫无冲击力的色彩。全谱色彩渐变完美地吸引了人们的注意。它保持了简单性，有着灰色的配合，也不会让眼睛感到不适。在一项设计中采用四种或五种以上的颜色通常都显得太过了。除非你非常确信你的设计需要那么多颜色，还是采用简单的四色组合比较好。当你在设计中克制而明智地使用色彩时，吸引访客对重要项目的注意力就变得相当容易。在Interspire的“AboutUs（关于我们）”页面中，访客的注意力被迅速吸引到

7、页面顶部LOGO那红色的一点上，然后是标题，然后是页面右边的LOGO照片。在字体上花点功夫。字体的艺术博大精深，远远超出我们大部分人的想象。字体中超出x高度部分（ascenders[/i]）和边位（[i]sidebearings）处的创作空间巨大，你可以在此处添加一些有趣的细节。不过还是运用接下来的一些技巧更重要。4.字符间距字符间距，或者称为字距调整(kerning)，能对标题、段落、logo等文字相关内容造成巨大影响。其远不止每个字符之间的距离那么简单。Krop’s的新作品集创建器，在处理文字的时候，十分吝啬空间。该网站上

8、大部分基于文字的图片中的字符间距都很小，使叙述内容显得更为简洁有力。上图表现了字符间距对你的设计可能产生的负面影响。小而无抗锯齿的字体如果没有适当的字符间距，将更加难以阅读。如果你以前没有在意，试试现在对你设计中的字符间距做一些调整，你会为调整后带来的不同而震惊。推荐图片中使