您的位置 首页 数码

设计的一条及格线肯定是它了

很多规划师简单犯一个错:规划不清晰规划一旦不清晰,就简单让用户产生疑问,乃至认为呈现了bug!

设计的一条及格线肯定是它了

很多规划师简单犯一个错:规划不清晰

规划一旦不清晰,就简单让用户产生疑问,乃至认为呈现了bug!

我的准则便是,要么不做改变,要做咱就做的完全一点,清晰一点!

很多规划师简单犯一个错:规划不清晰

规划一旦不清晰,就简单让用户产生疑问,乃至认为呈现了bug!

我的准则便是,要么不做改变,要做咱就做的完全一点,清晰一点!

我从以下方面举几个比方:

1.距离

2.巨细

3.款式

4.色彩

设计的一条及格线肯定是它了

展开全文

距离

当信息内容需求区隔的时候,最常用的两种方法:

一种是加一条细细的切割线;

另一种是加一条粗粗的切割块:

设计的一条及格线肯定是它了

咱们有一次在加切割块的时候就呈现了一个小失误,把切割块设定为4pt:

设计的一条及格线肯定是它了

这样会存在什么问题?

会让用户怀疑,这是粗一点的线条?仍是细一点的色块?

所以为了避免这样状况的发生,线条就细点0.5pt,色块就粗点10pt(反正稍微大一点就行),清晰一点:

设计的一条及格线肯定是它了

再比方之前有一个小事例,大约的信息是这样排版的:

设计的一条及格线肯定是它了

不细看也没啥大问题,可是仔细观察就会发现,在距离方面有必定的优化空间。图上有六条信息,实际是三组,假如距离不做完全,就会让人感觉是独立的六组,但假如把距离做的完全一点:

设计的一条及格线肯定是它了

这样就能够很清晰看出,这是三组信息,而不仅仅仅仅六条信息。

所以要么就不分组,既然分了,就分的完全一点!

设计的一条及格线肯定是它了

巨细

界面内信息有很多,这么多信息,有些需求着重,有些能够弱化。

很简答一个比方,有时候大字后边需求跟一个小字,假如你没区分开便是这样的作用:

设计的一条及格线肯定是它了

这样就很不清晰,到底是做了巨细改变?仍是呈现了bug?

所以尽量把二者区分开,比方巨细比照、色彩区分、粗细改变:

设计的一条及格线肯定是它了

这样就能够很清晰!

设计的一条及格线肯定是它了

款式

前短时间有位读者朋友发我一组图标,图标源自追波,我觉得全体做的还能够,可是有一个款式上的小细节能够优化下。

全体图标款式都是有厚度的,可是邮件这个图标看起来就有些犹豫,想表达厚度,可是又没表达清楚:

设计的一条及格线肯定是它了

图标源自追波

所以能够让厚度的宽度加大,而且把侧面的色彩和正面区分开,这样就能够把厚度更清晰的表达出来。

再比方之前做过一个引导页,需求做一个影带,最开端做的是这样的:

设计的一条及格线肯定是它了

不知道的还以为是个手表带,所以必须要仔细观察影带的特征,并将其清晰的表达出来,比方两边的孔是方形的,全体材质要软一下等等:

设计的一条及格线肯定是它了

这样表达才清晰,用户才不会困惑!

色彩

下面两组色彩:

设计的一条及格线肯定是它了

左面这组能够很好的杰出一个色彩,而右面这组就很难杰出某一个色彩。

在界面规划中,有很多场景下,会有多个按钮,咱们需求着重其间一个,就需求采用这种完全的比照方法:

设计的一条及格线肯定是它了

而不是让人模凌两可,分不清主次的方法:

设计的一条及格线肯定是它了

清晰一点,用户就不困惑了。

咱们再来一个比方!

其实作业上有很多优化需求都是根据“清晰”这个点展开的,前一阵子做的一个排行榜奖牌标识的优化,咱们看看原来的款式,便是因为色彩比照度不够,产生数字看不清的状况:

设计的一条及格线肯定是它了

在这样的布景下,咱们就能够拉大色彩比照度,让数字更清晰、更清晰:

设计的一条及格线肯定是它了

这便是根据“清晰“这个点,进行的需求优化。

总结

今天讲的都是做规划不够清晰的小事例,也是很多朋友简单忽略的问题。

ios有一条规划准则便是清晰,清晰的本质便是做的满足完全,该着重的着重,该弱化的弱化,比方他们超级夺目的大标题:

设计的一条及格线肯定是它了

当咱们能把规划做的满足清晰、满足有节奏感的时候,就能够削减必定的稚嫩,使规划更稳更老练!

期望能给大家带来一些启示!

长点心,比啥都强!

点个在看,更强!

设计的一条及格线肯定是它了

本文来自网络,不代表聚合资讯立场,转载请注明出处:http://teknoplasma.com/5796.html

作者: admin

为您推荐

联系我们

联系我们

13000001211

在线咨询: QQ交谈

邮箱: email@wangzhan.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部