做设计的及格线在哪里?一定是它

2020-10-11 17:35:04 38

许多设计师犯了一个错误:设计不清楚

一旦设计不清楚,用户很容易会怀疑甚至认为有错误!

我的原则是,要么不做任何更改,就应该彻底,清楚地进行更改!

我从以下几个方面给出一些示例:

1。 间距

2。 尺寸

3。 风格

4。 颜色

1.间距

当信息内容需要分开时,两种常用的方法:

一种是添加细线;

另一种是添加一个较厚的细分块:

   


我们曾经在添加分区时犯了一个小错误,并将分区设置为4pt:


 


这是什么问题?


会让用户怀疑这是一条粗线吗? 或更薄的色块?


因此,为了避免这种情况,应将线条细化0.5pt,并将色块粗化10pt(无论如何,都可以做得更大一点),请明确说明:


 


例如,以前有一个小写的例子,大致信息的格式如下:


 


如果您不仔细看,没什么大问题,但是如果仔细看,您会发现在间距方面还有一些优化的空间。 图片上有六种信息,但实际上有三组。 如果没有充分地进行间隔,那么会让人们感觉像是六个独立的组,但是如果更彻底地进行间隔:


 


通过这种方式,可以清楚地看到这是三组信息,而不仅仅是六组信息。


所以要么不要分组,因为它已被划分,请彻底划分!




2.大小



界面中有很多信息,因此,需要强调的信息太多,可以削弱的信息很多。


是一个简单的示例,有时一个大词后面要跟一个小词,如果您不区分它,那么效果是:


 


这非常模棱两可。 尺寸有变化吗? 还是有错误?


因此请尝试区分两者,例如大小对比,颜色区别,厚度变化:


 


这很清楚!





3.样式



不久前,一位读者朋友给我发送了一组图标。 图标来自追逐波。 我认为总体设计还可以,但是样式中有一些细节可以优化。


 

整体图标样式较粗,但邮件图标显得有些犹豫。 我想表达厚度,但是并不能清楚表达:

图标来自追浪

因此,可以增加厚度的宽度,并且可以从正面区分侧面的颜色,从而可以更清楚地表示厚度。

另一个例子是在制作指南页面之前,需要制作录像带。 我做的件事是:

   

我不知道,我以为是手表带,所以我们必须仔细观察视频带的特征并清楚地表达出来。 例如,两侧的孔为正方形,整体材料应较软,等等:

   这个表达很清楚,用户不会感到困惑!

4.颜色

以下两组颜色:

   左侧的组可以很好地突出显示颜色,而右侧的组几乎不能突出显示颜色。

在界面设计中,场景很多,会有多个按钮,我们需要强调其中之一,我们需要采用这种彻底的比较方法:

   而不是让人people昧和困惑:

   请注意,用户不会感到困惑。

让我们再举一个例子!

实际上,工作中有许多基于“透明性”的优化要求。 不久前,我们对排行榜奖牌徽标进行了优化。 让我们看一下原始样式。 这是因为颜色对比度不足以产生数字外观。 不清楚的情况:

   在这样的背景下,我们可以增加色彩对比度,使数字越来越清晰:

   这是基于“清晰”点的需求优化。

总结

今天,我们谈论的是设计不够清晰的小案例,这也是许多朋友容易忽略的问题。

ios具有清晰的设计原则。 清晰的本质是彻底做到这一点,强调重点并削弱弱者,例如他们的超级醒目的标题:


   当我们可以使设计足够清晰和有节奏时,就可以减少一定程度的不成熟度,并使设计更加稳定和成熟!

河北米粒文化传播有限公司专业进行石家庄品牌设计,石家庄VI设计,石家庄食品包装设计等设计方案,我们对品牌的信仰,让用户为品牌视觉价值买单塑造品牌价值 建立形象标准降低运营成本 视觉营销实践

Contact Us
联系米粒,
用品牌为商业赋能!


做设计直接找总监聊

即刻联络

河北省石家庄市桥西区塔坛国际6号写字楼1303室

咨询热线:151-3006-9896

总监直线:17610266809 
咨询邮箱:575612813@qq.com
招聘邮箱:business@melii.cn