2018年流行的五大平面设计技巧推荐

2018-02-03  4986 分类:设计资讯

2018年流行的五大平面设计技巧推荐


2018年刚开始,设计行业已经开始流行了新一轮的设计风潮,下面品索教育小编会列举2018年流行的五大平面设计技巧,大家可以根据这些推荐来选择自己喜欢的设计技巧,也许这些技巧能够让你的设计产品增色不少。


2018年流行的五大平面设计技巧


1. 增加对比


很可惜,添加额外的对比是最被忽视和弃用的技巧之一。


Joost de Valk 采用了细的高对比度边线,让访客能更容易区分页面的不同区域。在上图中放大了的部分,你可以看到,大多数时候这种对比只是一条1像素的高亮线挨着1像素的暗线。


2018年流行的五大平面设计技巧推荐1.jpg


话说回来,这个页面上的“More”和“Go”按钮与周围的对比度太小,即使你刻意在找也很容易被忽略掉。


2018年流行的五大平面设计技巧推荐2.jpg


WordPress 为页面中最受欢迎的链接 “Download(下载)” 使用了对比色。 这种红色在冷灰色调的页面中自己跳了出来。但这红色在明度方面有所收敛,避免了影响页面整体效果。


如果你对于该不该使用对比犹豫不决,就把这一决定过程当做是化妆。你要做的不是让人们大吼“看呐,对比色!”,你需要的是自然而然的吸引他们注意页面中重要的内容,高亮出已经存在的重点。


2. 渐变


技术的发展为所有想使用渐变的人提供了各种创造渐变的工具。但渐变真的很好么?


2018年流行的五大平面设计技巧推荐3.jpg


Media Temple 网站的每一个页面都使用了渐变,不过其渐变使用的节制和精妙才是设计成功的关键。logo,大标题,按钮和背景都有细微的或者镜像的渐变,以强调内容。最复杂的渐变用在了那些简单的120像素宽的按钮(子页面中的“ACTIVATE”和“LEARN MORE”)上,因为它们是需要访客注意的重点。


Commission Junction的渐变运用远没有Media Temple的细致,而且采用了过于丰富的渐变类型:


2018年流行的五大平面设计技巧推荐4.jpg


这种设计有点冒险,大部分渐变式有用的,但还是存在一些问题。最突出的一点是,设计丧失了一致性。同选择可辨性强的色彩组合一样的道理,设计师也需要为每个项目选择合适的渐变组合。


使用渐变时,保证好的视觉流很重要:请保守而精致地使用渐变。最重要的一点,仅当对整体设计有帮助时才使用渐变。


3. 色彩


合理使用颜色很有挑战性。在挑选完美的色彩组合和为各种色调找到合适位置的过程中,时间哗啦啦地就流走了。


2018年流行的五大平面设计技巧推荐5.jpg


Realmac Software 大胆地在404页面采用了全色系渐变。这样做有以下原因:首先,Realmac已经将页面背景设成了中性灰色,更重要的是,页面其余部分没有明显的色彩的,除了蓝色的文字链接和一些零星的毫无冲击力的色彩。


全谱色彩渐变完美地吸引了人们的注意。它保持了简单性,有着灰色的配合,也不会让眼睛感到不适。但在一项设计中采用四种或五种以上的颜色通常都显得太过了。除非你非常确信你的设计需要那么多颜色,还是采用简单的四色组合比较好。


当你在设计中克制而明智地使用色彩时,吸引访客对重要项目的注意力就变得相当容易。在Interspire的 “About Us(关于我们)” 页面中,访客的注意力被迅速吸引到页面顶部LOGO那红色的一点上,然后是标题,然后是页面右边的LOGO照片。


2018年流行的五大平面设计技巧推荐6.jpg


在字体上花点功夫。字体的艺术博大精深,远远超出我们大部分人的想象。字体中超出x高度部分(ascenders )和边位(side bearings)处的创作空间巨大,你可以在此处添加一些有趣的细节。不过还是运用接下来的一些技巧更重要。


4. 字符间距


字符间距,或者称为字距调整 (kerning),能对标题、段落、logo等文字相关内容造成巨大影响。其远不止每个字符之间的距离那么简单。


2018年流行的五大平面设计技巧推荐7.jpg


Krop’s 的新作品集创建器,在处理文字的时候,十分吝啬空间。该网站上大部分基于文字的图片中的字符间距都很小,使叙述内容显得更为简洁有力。


2018年流行的五大平面设计技巧推荐8.jpg


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


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


5. 大小写


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


2018年流行的五大平面设计技巧推荐9.jpg


MSNBC’s 对大小写的使用很值得参考。logo是全小写的,页面其他部分的字体大小写更有着微妙的变化。页面上方的大横幅通告,一般用大写字母写着“WATCH LIVE(观看直播)”或者 “BREAKING NEWS(最新消息)” 。这些通告都是非常重要的内容,这种方式很好地吸引了访客的注意。


另外,采用纯大写的按钮,让他们的小按钮足够清楚易读。 在这种5像素高的应用里,小写字母,如a,m, x,可能只有2到3像素高,非常难以辨认。


2018年流行的五大平面设计技巧推荐10.jpg


以上便是关于2018年流行的五大平面设计技巧介绍,通过这些技巧的介绍,我们可以看到平面设计的多变性。不过不管你要设计什么风格的作品,只有符合自己的设计主题,然后再去选择合适的技巧,这样才能构成真正优秀的作品。


猜你喜欢