肖像、风景、视野——了解什么定义了设计格式!每种类型在哪里使用合适,往往会达到什么效果?通过本文找出答案!

格式
设计的格式定义了它的整体构成——您将在其中创建设计的空间限制。
把格式想象成艺术家的画布。对于 UX 设计师来说,格式通常由您设计的设备决定——手机、平板电脑、台式机、电视等。当您旋转该设备时,它会从纵向变为横向,设计约束也会相应改变。对于平面设计师来说,格式可以是任何形状,并且取决于您的设计目的:包装、广告、横幅、书籍插图等。
如果您可以选择一种格式,请考虑设计概念。元素应该垂直放置还是水平放置?您希望用户的视线向左、向右、向内还是向外?

矩形格式
矩形格式用于设计,就像燕尾服用于正式活动一样。这种格式易于构建、框架和显示。此外,许多人造物体都是矩形的——电视、电话和电脑屏幕。几千年来,我们一直在设计矩形格式,用纸、画布甚至墙壁来表达自己。
我们还将矩形格式称为quadro——一个意大利语单词,意思是绘画或图片。

横向格式
当矩形格式的宽度大于高度时,我们将其称为横向格式。这种格式对我们来说更自然,因为我们的眼睛水平对齐并且我们生活在水平面上。我们也已经习惯了它,因为大多数前移动设备显示器(电视、电脑显示器、电影屏幕等)都是横向的。
对于大多数设计数字产品,尤其是那些打算在台式机或笔记本电脑上使用的产品,横向格式将是默认的起点。在面向移动受众的产品上,由于人们不愿意转动手机,横向格式可能会被纵向格式取代。

纵向格式
当一个矩形的高度大于其宽度时,您正在查看的是纵向格式。这种格式自然会鼓励我们从上到下扫描作品。它常见于印刷材料——杂志、海报、传单等——以及移动设备上。
人们倾向于将手机保持在纵向,即使在查看可以通过将手机侧向观看的内容(例如宽屏视频)时也会更好。在为移动设备设计时要牢记这一点。
方向会影响我们对主体的看法——纵向格式强调垂直元素,而横向格式强调水平元素。

方形格式
正如您可能想象的那样,正方形格式具有相同的高度和宽度。正方形有 4 个对称轴——垂直、水平和两条对角线。结果,用户的视线在一个圆圈中移动,而不是沿着轴移动。中心主题被四面八方的空间所包围。方形格式非常适合平衡、对称的构图。
当您想引起对中心构图的注意时,请使用方形格式。

圆形格式
圆圈是完整性的普遍象征。由于它有无限数量的对称轴,它创造了一种和谐与平衡的感觉。反过来,这种圆形格式将构图与周围环境隔离开来,将其置于自己的世界中。

椭圆格式
很长一段时间以来,艺术家在创作肖像时都偏爱椭圆形格式。这是有道理的,因为该格式完美地补充了人脸或胸围轮廓。反过来,网页设计师经常在按钮或装饰元素中使用这种格式,在整个构图中引导眼睛沿着椭圆形路径。

水平元素
考虑到横向格式在桌面显示器上最为常见,水平元素主导这些 UI也就不足为奇了。横向图像、许多徽标和导航栏之类的东西往往在横向上效果更好。有些元素——比如输入或搜索栏——必须是水平的才能正常工作。

垂直元素
垂直元素是在 UI 设计中节省空间的绝佳方式。它们在移动设计中很受欢迎,部分原因是因为移动设备更有可能以纵向模式使用。垂直元素也比水平元素更容易滚动——感觉上下滚动比左右滚动更自然。

水平布局
几十年来,桌面显示器一直在利用水平布局。但随着智能手机尺寸和功能的增长,水平布局对于移动设备变得越来越重要。
尽管有些用户无论在手机上做什么,都会将手机保持在纵向模式,但许多其他用户会旋转手机以完成某些任务。考虑为移动设备创建水平布局如何使您的用户受益。

垂直布局
垂直布局是智能手机的默认方向,也是绝大多数人拿着手机的方式。出于这个原因,很多应用程序都坚持这种布局。
虽然垂直布局限制了您可以使用的水平空间量,但您可以利用几乎无限的垂直深度。只是意识到并非每个用户都会无休止地滚动。
本文内容为转载
网友评论