平面设计简化设计的10个技巧

时间:2020-09-30 19:06:26 平面设计 我要投稿

平面设计简化设计的10个技巧

  面对庞杂的需求,极简主义让越来越多的网页设计师开始着迷,极简主义的设计遵循“少即是多”的设计理念。在网页设计这件事情上,简单的设计往往更好。而今天我们要聊的10个简化技巧都是围绕着这个思路来推进的。无论你是正在设计一个全新的网站,还是针对现有的网站进行简化,这10个简化技巧都非常值得尝试。

  1、专注于做行为召唤设计

  网站上的每一处设计都应该是有目的的,都相应地迎合用户的某个行为或者需求,这是显而易见的。

  这也为行为召唤的设计提供了依据。引导用户的文案、按钮和链接都应该清晰、明显,永远不要让用户错过。

  2、简化分页

  你所设计的页面是否需要分很多不同的页面?这些页面有没有分割的必要呢?你可以重新思考这个问题了。

  将多页面的内容简化为可管理的区块,不要让用户为了查看内容而多点击,将相关的内容保存到一起,方便用户集中阅读和查看。

  删除过期的、过时的内容和信息、小插件和第三方的信息都合并到相应的区块当中,不要零散的放置。

  3、统一配色方案

  虽然很多色彩确实很有吸引力,但是它们也很容易喧宾夺主。坚持将配色方案控制在两到三个色彩,这样能让你尽可能好的控制整个设计的配色。

  如果你想让你的配色尽可能简单,那么你可以采用单色配色,你会发现这种简单的色调搭配是如此的漂亮,较少的色彩对于用户的心理负荷更小,尤其是当你的整个视觉设计足够和谐的时候。

  4、采用标准的导航设计

  虽然隐藏式的导航看起来很酷,而非常规的创意导航也非常的赞,但是这些导航模式对于用户并不是那么友好。偏离常规的设计虽然容易让人记住,但是在使用体验上,常常相对更加困难。选择标准模式的导航,能够让你的网站更加易用。

  最常规的导航模式,是将导航栏置于页面顶端,通常是3到8个不同的选项,当然,不要选择10年前流行的复杂、全面的大型导航菜单,除非你是京东淘宝这样的大型零售电商。

  5、采用80/20原则

  请记住,你的网站中20%的内容将会触发用户80%的操作,这意味着你的内容应当有轻重缓急之分,行为召唤用语和行为召唤按钮等界面元素将是引导用户交互的'重要组成部分。

  考虑到这一点,在你进行设计的时候,应该将设计的重心放在这20%的内容上,而剩下的80%的内容则根据需求进行调整。这20%的元素通常都是最吸引用户点击的那部分内容:按钮、图片和行为召唤文本。

  如果你觉得20/80原则听起来很熟悉,那么你可能是在别的地方曾经听到过它,它是经济学家 Vilfredo Pareto 所提出,几乎在所有领域都适用,它也被称为Pareto原则,或者重要少数法则。

  6、有目的地使用UI元素

  图标、图片等每一个UI元素在整个设计中都有其作用,有些元素的使用是有约定俗成的规则,不要因为某些元素看起来酷,或者单纯“为了有”而加上,最好通盘考虑,在合适的地方,合理地使用UI元素。

  7、仔细挑选字体

  字体和排版同样遵循少即是多的原则。

  最容易阅读的字体,通常都有着标准的外观造型,均匀的笔触,朴实无华而无需多余的装饰。

  一套完整的字体通常有着多样的字重和可选的样式,不需要你再去寻找其他的字体来搭配。而在排版的问题上,文本需要同背景有着充分的对比,在设计网页的时候,通常会用到两套字体,一套应用到正文上,另外一套字体则用到标题上,用作展示。

  8、增大文本尺寸

  在进行排版设计的时候,你需要在合适的时候增加文本尺寸。随着我们日常看到的屏幕尺寸的增加,我们需要让用户看到我们所提供的信息,并不是堆砌更多的内容,而是要合理的增加文本的尺寸。

  虽然在移动端设计上这种需求并不明显,但是根据实际情况,适当的提升字体尺寸能让文本的易读性有明显的提升。当然,置于首屏的关键词要明显,吸引用户滚动,而不是将所有的内容都堆在首屏。

  9、创建易读的文案

  排版能够从视觉上控制内容的复杂度,而文字则能够控制在信息传达上的复杂度。两者其实是同等重要。每个词汇都应该和视觉保持意义和信息上的一致性。

  文案和视觉一样,都需要反复推敲。

  网站是可传达、可阅读的媒介,因此文案和内容都应当干净、简介,且高度可读。你可以根据网站的风格,使用符合相应调性的文案。

  10、打破一项规则

  有的时候规则是用来打破的,但是如果你想让你的设计保持简单,那么你在设计的时候,应该有意识的打破一条规则,但是只能是一条。

  如果你需要让你的设计在简单的同时,又不是始终循规蹈矩,那么打破一条规则是让你不走寻常路的最快的方法。它会让你的设计看起来不那么寻常,但是又能有迹可循,打破太多的规则会很容易让访客觉得混乱。

【平面设计简化设计的10个技巧】相关文章:

平面设计的技巧10-09

平面设计的配色技巧 10-08

平面设计核心技巧10-07

平面设计广告字体设计技巧10-05

平面设计版面设计技巧12-02

平面设计画好草图的技巧10-09

平面设计中的排版技巧12-06

学好平面设计的小技巧12-01

平面设计中的创意技巧11-28

平面设计中选图技巧10-10