设计师如何在设计中选择形状?

平面设计 网站设计 界面设计 设计原则 用户体验
2022-01-13 18:08:29

很多时候,在浏览像 Dribbble 这样的网站时,会遇到使用形状的网站(参见这个例子)。抱歉我太天真了,但是选择一个特定的形状是有原因的,还是仅仅是因为它很流行?它如何影响用户体验?

3个回答

实际上,在这种用法上可能有很多想法,远远超出个人喜好或某些客户指令。


风格

  • 如果你知道你想要一种更友好、更宽松的“感觉”,那么你会选择更圆润的形状。
  • 如果你想要更正式、更严肃的外观,你会倾向于角、三角形和一般硬线形状。

放置

放置和位置可以通过设计中的眼球运动心理或设计中的视觉层次来分类。

  • 如果你想要一个快乐、快乐的心情,请将眼睛向上和向右...
  • 如果你想要一种更严肃、更不开心的心情,那么将眼睛向下并离开。

这些类型的设计选择可以影响形状的放置位置

就像颜色会改变对设计的感知一样,这些设计“形状”或元素的放置和使用也会如此。


平衡

通常,一般的图形元素可以成为改善设计整体平衡的好工具。

查看没有形状的页面会创建一个静态的、非动态的、眼球运动很少的片段。由于大图表图形的位置与其旁边的类型块相比,它有点不平衡(页边距明显不平衡)。

在此处输入图像描述

要创建更多“友好”的外观,请添加一些圆形并使用它们来抵消布局顶部的边距不平衡。这也允许图表图形更大,而不会在视觉上看起来“不正确”的大小。如果这是我的设计,我可能会使用“2”和“3”中的曲线,因为它们是现有的突出曲线 - 试图模仿或重复这些曲线以获得右上角的形状。(重复可以促进设计的连续性和凝聚力。)

在此处输入图像描述

然而,现在这件作品非常不平衡。因此,通过添加一个额外的形状来抵消右上角,我们做了很多工作来重新平衡整体。请记住,右上运动更可取,左侧形状的曲线可能完全是有意创建绿色形状的几乎类似箭头的组合。此外,绿色形状上的渐变进一步促进了向上的向右运动。

在此处输入图像描述

所以这件作品的设计师是......

  • 使用圆形更吸引人
  • 将眼睛向上和向右引导以促进良好的感觉......
  • 使用额外的形状在设计中创造整体平衡,同时促进眼球运动。

再加上顶部朝左的高对比度(红色)数字......

所以...英语阅读是从左到右,从上到下...阅读时眼睛向右和向下移动。但是然后通过形状自然地被绘制到右上角。然后红色的数字巧妙地将眼睛引导回左边再次开始阅读......所以眼睛真的很好地被引导在那个布局中,试图最大限度地利用时间有人花时间查看页面。

这些类型的使用和放置决策伴随着经验和探索。

看似随机的元素可能根本不是随机的……即使读者/观众不知道具体的目的是什么,它们也可以起到重要的作用。

这可能会被扼杀,但简而言之;基本形状、圆形、正方形和矩形作为设计的基本元素是无价的。

形状和曲线可以为设计提供感觉和情感。卷曲提示的感觉与直角完全不同。

作为设计主题的圆形或斑点以最简单的方式暗示了和谐。然而,复杂的网格和结构有很强的设计趋势。

或者,作为回应,简单和基本的自然形状有很强的趋势。

在 90 年代,据说他们为 blob 放弃了网格,但现在我们看到了混合体。

由于我们的屏幕是矩形,屏幕上的曲线和圆形会在形状之间创建动态对话。

这是非常基于意见的,但是:

  • 很多时候,这些“形状”来源于实际的标志和/或品牌系统的一部分。例如。沃达丰的菱形系统
  • 其他时候,它们可能只是趋势元素
  • 其他时候,客户不能买任何太“普通”的东西,他们觉得他们应该得到更“有创意”的东西,所以设计师需要想出这些东西来填补一些空白