快好知 kuaihz

这三个技巧,帮你提高交互稿的质量

本文作者将分享提升交互稿质量的3个方法,旨在帮助大家让交互稿更上一层楼。尤其是在面试的时候,一份美观的交互稿,也能展示设计师的基本设计素养,给面试官留下一个好印象。enjoy~

之前在德国读硕士的时候,读过一篇论文,主要讲述了一个观点:当两个产品信息相同、交互也相同,但是界面的美观程度不同,那么用户会倾向于认为界面更美观的那个产品信息的质量更高。这给了我一个启发:如果交互稿(以及PPT等各种产出物)内容相同,我们只要再花点时间提升它的外观,就可以得到一份被认为质量更高的作品。这么简单、好用、容易的原则,我们怎么能不去遵守呢?毕竟只要花点心思让交互稿更美观,就可以提升它的质量啊!

当然,我还是提倡大家首先从设计思维上提升自己,这样做出来的交互稿才是足够专业的。今天讲的方法,旨在帮助大家让交互稿更上一层楼。尤其是在面试的时候,一份美观的交互稿,也能展示设计师的基本设计素养,给面试官留下一个好印象。

下面我们来详细介绍3个方法,助英雄你一臂之力。

1、对齐

我一开始了解到“对齐”这个原则,是在好友推荐的《写给大家看的设计书》里,下面是书中的介绍:

任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。

虽然有时候两个视觉元素离得很远,但是如果他们是对齐的,就会有一条“看不见的线”将它们连在一起,从而使页面变得整洁。我们来看一组对比:

这是一个没有使用对齐原则的名片的设计,页面中的元素好像随意摆上去的,它们之间也没有关联。

下面我们使用对齐原则来优化一下:

信息一下就变得有条理了。名片的右边,有一条“看不见的线”,将所有的元素联系在一起。

对齐的种类,主要就是三种:左对齐、右对齐、居中对齐。在对大段文字排版的时候,也会用到两边对齐。需要注意的是,要尽量选择尽可能少的对齐方式,对齐的种类越多,页面会更乱,就达不到使页面整洁的效果了。

 比如上面这个例子,左边的图使用了左对齐和两边对齐,而右边的只使用了左对齐。右边的图显得更加清晰。

再来看一个例子,警告框:

图中的警告框,左边的标题和“知道了”按钮是居中对齐,而中间的文字是居左对齐。右边的全都是居中对齐。右边明显要整洁很多。

2、分类

分类的原则,是指将相关的项组织在一起,并且把不同的类别之间用留白区隔开。比如下面左图的海报,和右边使用了分类原则优化后的海报,信息的表现有了很大的提升。

在实际应用中,我们只需要注意两点就好:将相同项目放在一块、不同类别之间留白,就像下面这个例子,其实只是简单的增加了一行空白,但立马整个页面就清晰了很多:

3、主次分明

这条原则其实它的名字已经说得很清楚了,就是把重要的信息强化出来,就像下面这样:

将页面中重要的信息提取出来,并使用加大字号、加粗、区隔等形式予以加强,立马让页面更清楚。请记住:我们的大脑喜欢一目了然,讨厌混沌一片!

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:交互  交互词条  三个  三个词条  提高  提高词条  质量  质量词条  技巧  技巧词条  
交互

 勾起味蕾的美食网站设计

作为一名饕客,常常会自己制作一些顶尖的美食,美食网站就是他们常去的地方,为了满足这些对食物色香味品鉴水准极高的吃货们,美食网站常常要费尽心思,将自己的网站设计得...(展开)

交互

 教你使用转场动画提升用户体验

的确,相比于绘制插画、创作专题页面、设计UI这些富有创造性的设计活动而言,设计表单样式似乎确实是一件单调而苦逼的差事。但仔细想想,如果你设 计的表单是支付流程中...(展开)