ui的设计规范有哪些
职业技能 / 设计培训 / UI/UE培训
-
91搜课网
2022-01-08 14:13
轴是UI设计中最基本、最常见的概念，也是组织界面结构的重要核心。简单来说，轴是设计时组织一系列元素的假象线。在下面的设计图中，轴以虚线的形式标记。
一.轴
轴是UI设计中最基本、最常见的概念，也是组织界面结构的重要核心。简单来说，轴是设计时组织一系列元素的假象线。在下面的设计图中，轴以虚线的形式标记。
1.对齐
轴最常见于对称元素的使用。当元素被布置成轴对称布局时，它会给人一种有序的感觉。就像生活中的大多数事情一样，我们更喜欢享受有序的东西，它们让人感到稳定、舒适、平易近人。最简单的例子之一是iTunes程序中专辑列表的设计。所有专辑列表在界面左侧保持对齐，并围绕虚线轴对称。
2.强化。
虽然轴是一条假想的线，但如果周围元素的边缘控制得足够整齐，跳线在视觉上会变得更加明显。最好的例子是，城市中的路灯构成了道路两侧建筑物之间的轴。如果一边没有建筑，那么轴的感觉就不会那么强烈了。从产品设计的角度来看，Twitter的时间线设计是一个很好的案例，左头和右推文共同创造了间隙中轴的感觉。
3.运动。
当我们遇到第一条线时，视觉会自然地沿着这些方向移动，就像我们站在街上，有意识地沿着街道的两端移动一样。两个端点决定线，定义开始和结束的地方，线，或轴的存在将指导和提示运动的方向。在SoundCloud中，音轨沿着既定的水平轴移动，随着音乐的播放，音轨自然从左到右匀速移动。
4.连续性。
如果终点不确定，你通常会沿着轴的方向浏览/移动，直到你找到你感兴趣的东西，或者感到厌倦并关闭应用程序。在建筑学中，没有明确定义的终点是非常罕见的，因为建筑通常不能永远持续，但UI设计是不同的。无限滚动是一种非常流行的设计方法。Pinterest的APP就是这样做的，不断的图片沿着中轴线的方向不断的滚动，只要你有兴趣一直看。
二、对称。
当元素均匀地放置在轴的两侧时，它们形成对称关系。当元素在轴的两侧准确对应时，它们形成完美的对称。
1.平衡。
对称使整个设计更加平衡。当元素和控制器在轴的两侧处于相同的位置时，它们会给人一种协调和谐的设计感。当我们规划街道两侧的房屋建设时，如果左右两侧都有五所大小相同的房屋，当你走在街道上时，这种平衡的设计会非常舒适，这就是平衡的感觉。Rdio的应用程序设计遵循这样的设计规则。屏幕两侧的控制器规格相同。这种布局非常适合阅读。用户将自上而下地从左到右查看。
二、不对称。
如果轴两侧的控件布置不再相似，则为不对称设计。不对称的设计会给人一种明显的不平衡感，可能会让人不舒服，但也会创造出不完整的美，当然，这取决于你的具体做法。
虽然Pinteret的APP设计整体上是沿着中轴线对称的(宽度一致)，但两侧的界面控制不对称，高度不一致，位置错落有致。眼睛会捕捉到一点落差，这种差异让用户无法准确阅读。不对称设计打破了设计的平衡和舒适，但也可以缓解定期设计带来的视觉疲劳。
三、层次。
当一个元素出现在比其他元素更重要的位置时，层次就出现了。
1.尺寸。
如果一个设计元素在尺寸上比其他控制器大，就会区分层次。毫无疑问，当我们检查一个设计时，我们通常会被最大的元素所吸引。如果一栋建筑有五扇窗户，其中一扇是另外四扇的两倍大，我们的注意力自然会被吸引。
通过大小来区分文章列表级别的典型例子是稍后阅读应用程序。顶部的旋转文章有更大的图片，它的位置和大小会让我们一眼就注意到。
2.形状。
如果一个控件在形状和形状上与其他控件不同，它也可以独立于一个层次。不规则的设计也会引人注目。建筑正面有五扇相同的窗户和闪光门，你会立即注意到门的独特性。
在Instagram的个人信息页面上，圆形个人头像在方形图片中独树一帜，非常抢眼。它会让人意识到这个独特的东西更重要。
3.位置。
位置的存在也可以突出不同层次的差异。在圆圈内，中心位置的东西看起来比边缘更重要。轴顶部的控制器将显得高于其他部件的优先级。
以PathPath的设计为例，时间轴顶部的用户头像明显比时间轴上的其他部分更重要，这个地方正好显示用户头像。
四、节奏。
UI设计和建筑设计也有节奏之美，重复的模式会创造出独特的节奏之美。
1.模式。
理解节奏最直接的方法就是听音乐。音乐有节奏感，大部分音乐都遵循同样的节拍，节拍是音乐模式的一部分。
在这方面，最典型的应用程序是Airbnb。APP列表中的每个房子都占据一个模块。模块中有相同大小的图片、价格、位置、房东信息和图片的相对位置，排版对称舒适，两个模块之间的间距相同。当你浏览时，熟悉的节奏会让你清楚地知道你在哪里看到关键信息.
2、间断。
当节奏被间隔打断时，会形成不同的层次。听歌的时候，当均匀的节奏被其他音乐元素打断时，你会意识到这是一个特殊的部分。在Twitter的应用程序中，推文和推文保持相同的风格和均匀的节奏，但其中一个推荐用户有不同的风格。它插入推文列表，打破整个信息流的节奏，突出不同的层次，很快就会吸引你的注意力。
来自
本文仅代表作者观点。未经许可，不得转载！
赞同
推荐课程查看全部
火星时代
AAA教育
益阳佳程软件
非凡进修学院
位置：北京91搜课网 > 学习攻略 > ui的设计规范有哪些