设计格式

作者: 嘎嘎开心 | 来源:发表于2022-05-08 00:35 被阅读0次

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

格式

设计的格式定义了它的整体构成——您将在其中创建设计的空间限制。 

把格式想象成艺术家的画布。对于 UX 设计师来说,格式通常由您设计的设备决定——手机、平板电脑、台式机、电视等。当您旋转该设备时,它会从纵向变为横向,设计约束也会相应改变。对于平面设计师来说,格式可以是任何形状,并且取决于您的设计目的:包装、广告、横幅、书籍插图等。

如果您可以选择一种格式,请考虑设计概念。元素应该垂直放置还是水平放置?您希望用户的视线向左、向右、向内还是向外?

矩形格式

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

我们还将矩形格式称为quadro——一个意大利语单词,意思是绘画或图片。

横向格式

当矩形格式的宽度大于高度时,我们将其称为横向格式。这种格式对我们来说更自然,因为我们的眼睛水平对齐并且我们生活在水平面上。我们也已经习惯了它,因为大多数前移动设备显示器(电视、电脑显示器、电影屏幕等)都是横向的。

对于大多数设计数字产品,尤其是那些打算在台式机或笔记本电脑上使用的产品,横向格式将是默认的起点。在面向移动受众的产品上,由于人们不愿意转动手机,横向格式可能会被纵向格式取代。

纵向格式

当一个矩形的高度大于其宽度时,您正在查看的是纵向格式。这种格式自然会鼓励我们从上到下扫描作品。它常见于印刷材料——杂志、海报、传单等——以及移动设备上。 

人们倾向于将手机保持在纵向,即使在查看可以通过将手机侧向观看的内容(例如宽屏视频)时也会更好。在为移动设备设计时要牢记这一点。

方向会影响我们对主体的看法——纵向格式强调垂直元素,而横向格式强调水平元素。

方形格式

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

当您想引起对中心构图的注意时,请使用方形格式。

圆形格式

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

椭圆格式

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

水平元素

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

垂直元素

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

水平布局

几十年来,桌面显示器一直在利用水平布局。但随着智能手机尺寸和功能的增长,水平布局对于移动设备变得越来越重要。 

尽管有些用户无论在手机上做什么,都会将手机保持在纵向模式,但许多其他用户会旋转手机以完成某些任务。考虑为移动设备创建水平布局如何使您的用户受益。

垂直布局

垂直布局是智能手机的默认方向,也是绝大多数人拿着手机的方式。出于这个原因,很多应用程序都坚持这种布局。 

虽然垂直布局限制了您可以使用的水平空间量,但您可以利用几乎无限的垂直深度。只是意识到并非每个用户都会无休止地滚动。

本文内容为转载

相关文章

  • 设计格式

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

  • 002-丰满格式设计

    基于json的数据传输设计 - 丰满格式设计 脱离贫困 - 满足基本需求 走向小康 - 丰满格式设计 需求说明用户...

  • CAD图如何转成PDF图

    对于设计师而言,常常都会接触较多的的文件格式便是CAD格式了,什么房屋设计都是CAD的格式呈现的,但是CAD格式的...

  • Clean Code Model

    I 基础级 格式横向格式纵向格式 注释好的注释不好的注释 物理设计头文件编译自满足文件设计职责单一仅包含需要的文件...

  • 指令格式设计

    原则: 尽量短(指令短,程序就短) 要有足够的操作码位数 指令必须有唯一解释 指令字长必须是字长整数倍(传输,存储...

  • 设计格式属性

    布局的组成方式会影响用户感知信息的方式。这些设计格式类型及其属性可以控制用户的视线落在哪里,并使他们专注于设计作品...

  • 各种形状图标设计-进度图标设计-ppt模板分享

    各种形状图标设计-进度图标设计-ppt模板分享 所有元素可编辑。提供pptx格式和key格式免费下载。 下载链接见...

  • 设计法则: 格式塔原理

    【2015/4/1 NEXTDAY】设计法则: 格式塔原理 前序:因为格式塔原理在设计中应用的比较广泛,有众多前辈...

  • 黑板粉笔形状图标设计-对话气泡元素设计-ppt模板分享

    黑板粉笔形状图标设计-对话气泡元素设计-ppt模板分享 所有元素可编辑。提供pptx格式和key格式免费下载。 下...

  • Python脚本:fasta文件多序列信息统计

    设计需求 统计fasta文件中多条序列信息,设计目标效果: 将结果输入到csv格式的表格中,因为csv格式表格用,...

网友评论

    本文标题:设计格式

    本文链接:https://www.haomeiwen.com/subject/xwbrjrtx.html