400-000-9192

北京91搜课网 > 学习攻略 > 设计中的UI规范包含哪些

设计中的UI规范包含哪些

职业技能 / 设计培训 / UI/UE培训

作者:91搜课网

2022-01-16 16:09

设计中的UI规范包含哪些

对称使整个设计更加平衡。当元素和控制器在轴的两侧处于相同的位置时,它们会给人一种协调和谐的设计感。当我们规划街道两侧的房屋建设时,如果左右两侧都有五所大小相同的房屋,当你走在街道上时,这种平衡的设计会非常舒适,这就是平衡的感觉。

一、对称
当元素均匀地放置在轴的两侧时,它们形成对称关系。当元素在轴的两侧准确对应时,它们形成完美的对称。

1.平衡
对称使整个设计更加平衡。当元素和控制器在轴的两侧处于相同的位置时,它们会给人一种协调和谐的设计感。当我们规划街道两侧的房屋建设时,如果左右两侧都有五所大小相同的房屋,当你走在街道上时,这种平衡的设计会非常舒适,这就是平衡的感觉。Rdio的应用程序设计遵循这样的设计规则。屏幕两侧的控制器规格相同。这种布局非常适合阅读。用户将自上而下地从左到右查看。

2.不对称
如果轴两侧的控件布置不再相似,则为不对称设计。不对称的设计会给人一种明显的不平衡感,可能会让人不舒服,但也会创造出不完整的美,当然,这取决于你的具体做法。
虽然Pinteret的APP设计整体上是沿着中轴线对称的(宽度一致),但两侧的界面控制不对称,高度不一致,位置错落有致。眼睛会捕捉到一点落差,这种差异让用户无法准确阅读。不对称设计打破了设计的平衡和舒适,但也可以缓解定期设计带来的视觉疲劳。

二、层级
当一个元素出现在比其他元素更重要的位置时,层次就出现了。

1.尺寸
如果一个设计元素在尺寸上比其他控制器大,就会区分层次。毫无疑问,当我们检查一个设计时,我们通常会被最大的元素所吸引。如果一栋建筑有五扇窗户,其中一扇是另外四扇的两倍大,我们的注意力自然会被吸引。
通过大小来区分文章列表级别的典型例子是稍后阅读应用程序。顶部的旋转文章有更大的图片,它的位置和大小会让我们一眼就注意到。

2.形状
如果一个控件在形状和形状上与其他控件不同,它也可以独立于一个层次。不规则的设计也会引人注目。建筑正面有五扇相同的窗户和闪光门,你会立即注意到门的独特性。
在Instagram的个人信息页面上,圆形个人头像在方形图片中独树一帜,非常抢眼。它会让人意识到这个独特的东西更重要。

3.位置
位置的存在也可以突出不同层次的差异。在圆圈内,中心位置的东西看起来比边缘更重要。轴顶部的控制器将显得高于其他部件的优先级。
以PathPath的设计为例,时间轴顶部的用户头像明显比时间轴上的其他部分更重要,这个地方正好显示用户头像。

赞同

分享到:

预约试听

填写您的个人信息 稍后将有平台客服联系您

400-000-9192

欢迎拨打平台热线主动联系我们

登录成功

欢迎您加入91搜课网
以下为您提供我们后台链接、账号、密码

后台链接:www.91soker.com/soker_institution/

后台密码:123456

温馨提示:
请保存好、后台链接、账号、密码。
登录后台链接提供入驻所需的资料信息。

400-000-9192

欢迎拨打平台热线主动联系我们

0.599583s