最专业的八方代购网站源码!

资讯热点
极简设计风格总结

发布时间:2020-10-3 分类: 电商动态

该手机首次出现,仅用于通话,然后您可以发送短信,拍照,听音乐,观看视频。到现在为止,手机已成为我们身体的延伸。没有手机,我们很快就会与这个社会脱节。可以预见,产品/应用程序可以完成越来越多的任务,最典型的是支付宝。支付宝中的任何模块都可以是一个应用程序。

极简风格

在越来越多的内容的前提下,设计师应该减少无用信息的干扰,以便用户可以快速专注于内容本身。这种“少即是多”的设计思维是我们常说的极简主义风格。那么设计师如何将极简主义风格应用于自己的产品呢?我将在下面做一个简单的分析,希望能帮到每个人。

 删减不必要的元素

简约风格的最简单和最粗鲁的实现是消除与用户任务无关的非功能元素,仅保留重要信息并减少用户的认知负担。

那么你如何判断设计元素的权衡呢?设计师应该问自己以下三个问题:

1.这个设计元素在当前界面中做了什么?我可以完成哪些功能?

2.删除后会影响用户的正常操作吗?

3.如果它影响用户操作,是否可以有更简洁的设计元素来替换?

几天前,一位朋友问我是否可以删除微博界面中每个动态下方的图标。这里使用图标主要用于提高信息的可读性,因为图形元素可以比文本信息更好地完成信息传输。但这只是一个提升,即使我拿走了图标,用户也会知道这三个是转发,评论等。

那么这里的图标可以删除吗?当然不是,我们必须考虑不同的使用场景。当没有人喜欢这个评论,评论和转发时,我们会毫无问题地将图标带走。但是一旦有交互,图标就完全取代了文本作为特征的唯一可识别元素,后一个数字显示了交互的强度。尽管我一直羡慕“One”应用程序,但它的界面设计非常简单,不能简单。我仍然保留这里的图标,所以我倾向于保留它。当然,如果您有更好的解决方案,请留言。

 多态组件的应用

删除辅助元素并不是灵丹妙药,因为有时候你会减少并发现界面中仍有很多内容。因此,在这种情况下,设计人员应该学习应用多态组件。所谓的多态组件意味着组件可以执行多个功能,这也可以有效地减少接口中的元素。

例如,支付宝的支付界面,即时支付按钮可以跳转到成功支付的状态,那么就没有必要使用子弹框来提示用户。除了用户的点击之外,这里的多态按钮还可以执行信息传输功能。

最新版的微信也反映了多态组件的应用。如果用户想要与朋友删除聊天记录,请单击“删除”以从界面底部弹出操作表,以便用户确认删除。好意,忘了截图)。但是,最新版的微信简化了删除确认的步骤。整个删除过程用户的注意力将保留在当前聊天历史记录中,并且不会传输到界面底部的操作表。这个小细节的优化非常引人注目。

多态组件的应用可以帮助设计人员进一步简化界面中的信息。当然这就要求设计师对设计组件做到足够的了解,逐个分析不同的组件的优缺点和适用场景。

以底部按钮为例:

这是最常见的底部按钮样式,可以处理大多数使用场景。因为它通常使用扁平按钮,所以大面积的颜色可以达到吸引用户注意力的目的。当然,有时候,你不需要按钮就这么显眼,我们可以改变风格,最典型的是“退出登录”按钮,没有设计师希望用户可以轻松找到退出产品的路径。

这种按钮样式有两个缺点。首先是它不能漂浮。当界面内容过多时,用户需要长时间滑动才能看到界面下方的按钮,这降低了产品的易用性。当然,我们添加一个背景框架,使浮动样式固定在界面的底部,这个问题就解决了。

它的第二个缺点是它只适用于有1-2个按钮的场景,而且很难做到3个以上的按钮。此外,这里的优先级只能通过改变(圆角)矩形的样式来实现,例如面对面,红色背景到蓝色背景。要解决这个问题,我们来看看下面的按钮样式。

这个底部按钮现在很热,许多主流产品都使用这种风格。突如其来的爆炸并非没有道理。它的优点在于完美解决了上述第二个问题。由于图标的引入释放了界面空间,因此最多可以放置五个按钮。而且风格更加多样,它可以是“文字+色块”,也可以是“文字+icon”,而且大小和颜色可以根据优先级设置,设计师可以发挥更大的空间。

然而,这种底部按钮样式也是不利的。由于底部家庭指示器的存在,iPhone X给我们的改编带来了很多不便。有些产品在改编后会改变风格,这会破坏用户体验的一致性。

可能有设计师说我只是一名UI设计师。我决定选择使用哪些组件。这是交互设计师或产品经理的工作。我一直倡导的UI设计师需要了解交互和产品。如果他们给出的原型是不合理的,你可以反转它们来影响它们。只是被动地为他们的原型着色而不考虑,所以我们很难得到提升。

 重点突出

为什么我们必须考虑简约风格的设计?因为有些设计师太难以追求,所以整个界面看起来像原型,特别沉闷。实际上,真正的极简主义风格设计是基于简单的界面,同时也突出了关键信息,让用户在快速浏览的模式下可以看到他们感兴趣的内容。

极简主义风格的设计主张:一个界面只有一个焦点。我们经常会看到一些设计师使界面变得非常复杂,人们无法掌握关键点。当然,这不一定是设计师的底池。有时大脑的产品经理需要强调这一点,并且强调导致整个界面充满红色和紫色,特别是凌乱。

然而,一些设计师过度使用,不建议强调主要功能并过分削弱辅助功能。例如,在上面的界面中,“小红点”当然应该说是“小黄点”。因为我把红色变成了黄色,所以我理解得很清楚。因为红色特别明显,所以变黄变得非常舒服。然而,“小红点”的工作原理是用户对和谐界面的追求。这里突然出现一个红点,非常突然,所以我忍不住想点击。如果将红色更改为黄色,则用户将无法注意到新的消息提醒,并且红点的作用将不起作用。这是一个过于微弱的次要功能。

总结

以上是我简约风格设计的总结,希望对大家有所帮助。另外,祝大家节日快乐!

« 在这个面值的互联网时代,代购源码网站建设不需要任何价值。 | 新手代购源码网站建设中的错误 »