设计中的UI规范包含哪些
职业技能 / 设计培训 / UI/UE培训
-
91搜课网
2022-01-16 16:09
对称使整个设计更加平衡。当元素和控制器在轴的两侧处于相同的位置时，它们会给人一种协调和谐的设计感。当我们规划街道两侧的房屋建设时，如果左右两侧都有五所大小相同的房屋，当你走在街道上时，这种平衡的设计会非常舒适，这就是平衡的感觉。
一、对称
当元素均匀地放置在轴的两侧时，它们形成对称关系。当元素在轴的两侧准确对应时，它们形成完美的对称。
1.平衡
对称使整个设计更加平衡。当元素和控制器在轴的两侧处于相同的位置时，它们会给人一种协调和谐的设计感。当我们规划街道两侧的房屋建设时，如果左右两侧都有五所大小相同的房屋，当你走在街道上时，这种平衡的设计会非常舒适，这就是平衡的感觉。Rdio的应用程序设计遵循这样的设计规则。屏幕两侧的控制器规格相同。这种布局非常适合阅读。用户将自上而下地从左到右查看。
2.不对称
如果轴两侧的控件布置不再相似，则为不对称设计。不对称的设计会给人一种明显的不平衡感，可能会让人不舒服，但也会创造出不完整的美，当然，这取决于你的具体做法。
虽然Pinteret的APP设计整体上是沿着中轴线对称的(宽度一致)，但两侧的界面控制不对称，高度不一致，位置错落有致。眼睛会捕捉到一点落差，这种差异让用户无法准确阅读。不对称设计打破了设计的平衡和舒适，但也可以缓解定期设计带来的视觉疲劳。
二、层级
当一个元素出现在比其他元素更重要的位置时，层次就出现了。
1.尺寸
如果一个设计元素在尺寸上比其他控制器大，就会区分层次。毫无疑问，当我们检查一个设计时，我们通常会被最大的元素所吸引。如果一栋建筑有五扇窗户，其中一扇是另外四扇的两倍大，我们的注意力自然会被吸引。
通过大小来区分文章列表级别的典型例子是稍后阅读应用程序。顶部的旋转文章有更大的图片，它的位置和大小会让我们一眼就注意到。
2.形状
如果一个控件在形状和形状上与其他控件不同，它也可以独立于一个层次。不规则的设计也会引人注目。建筑正面有五扇相同的窗户和闪光门，你会立即注意到门的独特性。
在Instagram的个人信息页面上，圆形个人头像在方形图片中独树一帜，非常抢眼。它会让人意识到这个独特的东西更重要。
3.位置
位置的存在也可以突出不同层次的差异。在圆圈内，中心位置的东西看起来比边缘更重要。轴顶部的控制器将显得高于其他部件的优先级。
以PathPath的设计为例，时间轴顶部的用户头像明显比时间轴上的其他部分更重要，这个地方正好显示用户头像。
来自
本文仅代表作者观点。未经许可，不得转载！
赞同
推荐课程查看全部
火星时代
AAA教育
益阳佳程软件
非凡进修学院
位置：北京91搜课网 > 学习攻略 > 设计中的UI规范包含哪些