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


9

很多时候,在浏览Dribbble之类的网站时,都会遇到使用形状的网站(请参见本示例)。很抱歉,您天真,但是选择特定形状背后是有原因的吗?还是仅仅因为它在流行?它如何影响用户体验?


几个兴趣点。我大量使用圆,因为它们会产生完整性感-上帝的最早符号之一是等边三角形上方的圆。作为一种模式,它们可以统一,从而产生秩序感或随意而有趣。看一下杰米·里德(Jamie Reid)和英国朋克运动-他用参差不齐的边缘和不协调的形状来强调叛乱和政治上的不满。并且要注意共济会的提法,例如金字塔,五角星和单眼-它们的存在和部署是为了识别影响力:goo.gl/4L7XHP
Applefanboy

Answers:


15

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


样式

  • 如果您知道想要一个更友好,更宽松的“感觉”,那么您将选择更圆的形状。
  • 如果您想要更整齐,更严肃的外观,则倾向于使用拐角,三角形和通常的硬线形状。

放置

可以通过整个设计中眼睛运动心理或设计中的视觉层次来对位置和位置进行排序。

  • 如果您想要快乐,愉快的心情,请向上和向右看。
  • 如果您想要更严肃,更不愉快的心情,则将眼睛向下和向左。

设计选择那些五花八门可以因素纳入其中形状放置。

颜色几乎会以相同的方式改变设计的感知,因此这些设计“形状”或元素的放置和使用也会改变。


平衡

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

在没有形状的情况下浏览页面会产生静态的,非动态的,眼睛移动很少的片段。与旁边的类型块相比,由于大图表图形的位置,这在某种程度上是不平衡的(页边距明显不平衡)。

在此处输入图片说明

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

在此处输入图片说明

但是,现在这件作品非常不平衡。因此,通过添加其他形状以抵消右上角的位置,可以做很多事情来重新平衡整个作品。请牢记右上角的移动是可取的,左形状的曲线可能完全是要创建绿色形状的几乎箭头状的组合。此外,绿色形状上的渐变进一步促进了向上的向右运动。

在此处输入图片说明

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

  • 使用圆形形状可以更吸引人
  • 引导眼睛向上并向右移动,以促进良好的感觉...
  • 使用其他形状在设计中创造总体平衡,同时促进眼睛运动。

再加上左上方的高对比度(红色)图形...

所以...英语阅读是从左到右,从上到下...在阅读时,眼睛左右移动。但是然后通过形状自然地绘制到右上角。然后红色的图形巧妙地将眼睛向左引导以再次开始阅读...因此,眼睛实际上确实处于该布局中,从而试图最大程度地节省时间有人花时间浏览页面。

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

看来随机元素可能根本不是随机的……它们可以用于重要目的,即使读者/观看者不知道目的到底是什么


5

简而言之,这可能会被敲定。基本形状,圆形,正方形和矩形是设计的基本要素。

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

以圆圈或斑点为设计主题以最简单的方式暗示和谐。但是,对于复杂的网格和结构存在强烈的设计趋势。

或者,作为回应,强烈趋向于简单和基本的自然形状。

据说在90年代,他们放弃了斑点的网格,但如今我们看到了混合动力。

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


4

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

  • 很多时候,这些“形状”是从实际徽标中提取的和/或是品牌系统的一部分。例如。沃达丰的菱形系统
  • 其他时候他们可能只是趋势元素
  • 有时,那些无法买得太“简单”的客户会觉得自己应该得到更多“创意”,因此设计师需要拿出这些东西来填补一些空白

关于第三点:今天,我与实习生讨论了书的封面设计–您的基本“标题,作者,图片”设置。我问图形元素是否有“空间或理由”,但由于元素之间存在良好的空间关系,我们同意“不,它不会在设计中添加任何内容”。但是希望客户不会“害怕”空的空间!
usr2564301

第三点是如此正确。
AndrewH '18 -4-6
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.