ui设计层次(ui层级结构图)

本文主要介绍ui设计层次(ui层次结)，下面跟着东辰网详细了解一下吧。

任何设计都应该有它的道理。许多学生可以设计习题时不能确定设计命题、信息层次、操作层次，甚至对命题习题感到迷茫。所以今天我就带领大家分析一个已经实际上市的产品的UI样本。帮你分析UI信息中的必然因素。今天查天气的时候打开了一个天气app。

这个app应该很多人都不陌生。首先，我们可以看到这个软件可以自动适应横屏和竖屏。在构图比例上，这款软件以竖屏为主要显示。竖屏的情况下，观看效果最好。

让让我们不谈等级制度。;让我们先浏览完整的信息。

下拉信息框后有一个商业ui不该犯的错误。

当所有信息都被下拉到最下面时，信息的上边缘有一行不完整的文字，是缺失的。这个琐碎的文本角落破坏了整个UI的视觉完整性。

其实这个缺陷是可以避免的，只需要在程序中调整文字距离即可。

(其实这个ui错误不多，但也不算少)

因为这个软件在横屏和竖屏都需要自适应大小，所以需要一个平均距离。理论上，ui人员检查UI时，可以在程序员中进行更正。

横屏的下拉信息也不全。这类问题同上，可以通过程序坐标修改间距。

那么这个问题严重吗？其实这是很主观的。因为可以拖动的面板除了上下位置还有很多手动的中间位置，无法保证所有信息的视觉完整性。有可能通过程序调整使信息看起来更完整，但只有Rampampd人员可以权衡时间、精力、成本和所获得的用户体验之间的性价比。

让让我们来看看操作栏。

最上面的按钮是添加城市。这个按钮可操作性不大。除了开始次打开软件设置，可能出差，点几次。

有些软件的这个位置属于频繁操作位置，但这里不是，因为单手握着设备不容易点击。

天气按钮:打开软件时默认开启。一般用户看完天气后，很少会在点击其他信息后再点击天气。所以这也属于很low的操作按键。

情况:这个东西，其实是有存在感的。

关键点来了:索引按钮。

索引按钮实际上是一个与天气密切相关的消息。为什么放在第四位？

并将其置于可有可无的时间之下？

原因很简单:最容易操作的位置！

为什么这个职位最容易操作？当你一手拿着设备的时候，不是手旁边的按钮最容易按，而是稍微远一点，更容易操作。开始，是因为视线。我睡觉都能看清楚，第二个原因是人伸手指比拉回来容易。

地图按钮:

地图:天气的具置也是一个操作非常频繁的按钮，但相比较而言，点击地图的概率可能没有指数高。

以下三个按钮:

一个是用户登录。

一个是软件推荐。

一个是设定。

这三个按键都是操作要求不高的按键，甚至很少有人去碰。几个月点一两次很正常，一年不点一次也很正常。

但是为什么唐它们不会在其他按钮下面排成一行，放在底部吗？

不仅仅是因为视觉上的区别。

左侧触摸条，最容易触摸的地方，其实也是最容易误操作的地方。如果一个ui设计的太方便点击，也会给用户带来麻烦。所以最容易误操作的区域可以是空的。

所以让我们让我们来看看操作难度和信息水平的对比。

所以，当你分析一个产品的时候，你要三思，为什么，为什么它们在那里，而不在其他地方？

让让我们回头看看横屏。。。

因为信息栏适应水平和垂直屏幕，所以它的宽度保持不变。当屏幕水平显示时，会发现几乎等于浪费了一半的可视范围。那么我们可以考虑发布所有的天气信息吗？

Cant！

有几个原因:

？1有如此多的信息，乍一看你可以Idon’我不能马上分辨出来。

2下拉垂直浏览信息其实效率很高。尽可能简化用户信息读取量，使信息交换尽可能高效。

3考虑到成本。与分别在不同的显示方向上进行自适应修改相比，这种成本在大多数情况下是不值得的。

让让我们来看看用户界面设计的目的是什么:

1信息传递的效率

2信息传递顺序

3运营效率

4视觉美

信息传递的效率和顺序不分先后，因为项目需求不同，两者可以根据需求互换，但前提是只有一个。

运营效率比美观更重要。

所以这里最大的牺牲就是视力好不好。其实市面上很难找到几个视觉上很丑的UI模板。因为UI本身并不复杂，即使为了各种目的而牺牲和放弃，也还有很大的调整空间。

了解市场上的应用软件、游戏、网站，分清内容和信息，分清功能区，然后思考它们的设计目的和初衷，这是一个很好的设计实践。做这个练习，记得写个人笔记，因为工作之后，你会发现你的工作和这些题差不多。

在你有专门的设计之前，也是学会在市场上积累产品熟悉度的一种。甚至可以称之为专业。

有问题可以给我留言。我会尽量写一个详细的教程，比聊天规范多了，也容易理解。那个今天就到这里。

任何设计都应该有它的道理。很多学生在设计习题时，无法确定设计命题。信息的层次性，运算的层次性，甚至对命题练习感到迷茫。所以今天我就带领大家分析一个已经实际上市的产品的UI样本。帮你分析UI信息中的必然因素。今天查天气的时候打开了一个天气app。

这个app应该很多人都不陌生。首先，我们可以看到这个软件可以自动适应横屏和竖屏。在构图比例上，这款软件以竖屏为主要显示。竖屏的情况下，观看效果最好。

让让我们不谈等级制度。;让我们先浏览完整的信息。

下拉信息框后有一个商业ui不该犯的错误。

当所有信息都被下拉到最下面时，信息的上边缘有一行不完整的文字，是缺失的。这个琐碎的文本角落破坏了整个UI的视觉完整性。

其实这个缺陷是可以避免的，只需要在程序中调整文字距离即可。

(其实这个ui错误不多，但也不算少)

因为这个软件在横屏和竖屏都需要自适应大小，所以需要一个平均距离。理论上，ui人员检查UI时，可以在程序员中进行更正。

横屏的下拉信息也不全。这类问题同上，可以通过程序坐标修改间距。

那么这个问题严重吗？其实这是很主观的。因为可以拖动的面板除了上下位置还有很多手动的中间位置，无法保证所有信息的视觉完整性。有可能通过程序调整使信息看起来更完整，但只有Rampampd人员可以权衡时间、精力、成本和所获得的用户体验之间的性价比。

让让我们来看看操作栏。

最上面的按钮是添加城市。这个按钮可操作性不大。除了开始次打开软件设置，可能出差，点几次。

有些软件的这个位置属于频繁操作位置，但这里不是，因为单手握着设备不容易点击。

天气按钮:打开软件时默认开启。一般用户看完天气后，很少会在点击其他信息后再点击天气。所以这也属于很low的操作按键。

情况:这个东西，其实是有存在感的。

关键点来了:索引按钮。

索引按钮实际上是一个与天气密切相关的消息。为什么放在第四位？

并将其置于可有可无的时间之下？

原因很简单:最容易操作的位置！

为什么这个职位最容易操作？当你一手拿着设备的时候，不是手旁边的按钮最容易按，而是稍微远一点，更容易操作。开始，是因为视觉上看得清楚。第二，伸出手指比收回手指容易。

地图按钮:

地图:天气的具置也是一个操作非常频繁的按钮，但是相比较而言，地面点击地图的概率可能没有指数高。

以下三个按钮:

一个是用户登录。

一个是软件推荐。

一个是设定。

这三个按键都是操作要求不高的按键，甚至很少有人去碰。几个月点一两次很正常，一年不点一次也很正常。

但是为什么唐它们不会在其他按钮下面排成一行，放在底部吗？

不仅仅是因为视觉上的区别。

左侧触摸条，最容易触摸的地方，其实也是最容易误操作的地方。如果一个ui设计的太方便点击，也会给用户带来麻烦。所以最容易误操作的区域可以是空的。

所以让我们让我们来看看操作难度和信息水平的对比。

所以，当你分析一个产品的时候，你要三思，为什么，为什么它们在那里，而不在其他地方？

让让我们回头看看横屏。。。

因为信息栏适应水平和垂直屏幕，所以它的宽度保持不变。当屏幕水平显示时，会发现几乎等于浪费了一半的可视范围。那么我们可以考虑发布所有的天气信息吗？

Cant！

有几个原因:

？1有如此多的信息，乍一看你可以Idon’我不能马上分辨出来。

2下拉垂直浏览信息其实效率很高。尽可能简化用户信息读取量，使信息交换尽可能高效。

3考虑到成本。与分别在不同的显示方向上进行自适应修改相比，这种成本在大多数情况下是不值得的。

让让我们来看看用户界面设计的目的是什么:

1信息传递的效率

2信息传递顺序

3运营效率

4视觉美

信息传递的效率和顺序不分先后，因为项目需求不同，两者可以根据需求互换，但前提是只有一个。

运营效率比美观更重要。

所以这里最大的牺牲就是视力好不好。其实市面上很难找到几个视觉上很丑的UI模板。因为UI本身并不复杂，即使为了各种目的而牺牲和放弃，也还有很大的调整空间。

了解市场上的应用软件、游戏、网站，分清内容和信息，分清功能区，然后思考它们的设计目的和初衷，这是一个很好的设计实践。做这个练习，记得写个人笔记，因为工作之后，你会发现你的工作和这些题差不多。

在你有专门的设计之前，也是学会在市场上积累产品熟悉度的一种。甚至可以称之为专业。

有问题可以给我留言。我会尽量写一个详细的教程，比聊天规范多了，也容易理解。那个今天就到这里。

了解更多ui设计层次(ui层次结构)相关内容请关注东辰网。