网页设计中层级关系（网页设计层的属性有哪些）
本文目录一览：
如何快速划分UI设计层级
技术层，技术层要到的水平就在UI设计中所看到的网页界面，图标，这些都要能独立绘制出来。思维层，要到达的水平水平是随便找一个APP出来，都要知道里面的版式为什么要这么布局，颜色为什么这么搭配，设计规范为什么要这样用。作品层，水平是原创，只有足够优秀的原创作品才能找到一份工作。
基础规范 基础规范我划分的是组成页面最小的元素、是最基础的一步。基础规范有文字、颜色、布局层级、图形、分割线等。组件规范 组件规范是由两个元素组成，且可点击的控件。组件规范有按钮、导航栏、搜索框、tab栏、列表、表格、筛选器等。
界面设计：界面设计是UI设计的核心，包括布局、色彩、图标、按钮等元素的设计。通过合理的布局和清晰的视觉层级，使用户可以快速找到所需的功能和信息。色彩运用和图标设计可以增强界面的吸引力和可识别性，从而提升用户的使用体验。用户交互设计：用户交互设计关注用户与产品之间的互动方式和交流流程。
半扁平化风格：这种风格更加趋向于规则性，结合了material design和flat design的设计风格。Material Design是Google公司推出的设计规范，flat design是苹果公司在IOS7之后推出的设计规范。结合着两种设计规范内容，使界面内容更加规范。
交互设计思考:信息设计中的层级与层级感
1、在交互设计的舞台上，信息设计犹如一座精致的迷宫，其中的关键元素就是信息架构，它源于信息的无限可能与用户界面的有限承载之间的微妙互动。
2、交互设计可以划分为纵向和横向（动态的和静态的）纵向太深，用户会在一层一层挖掘后，感觉焦躁，同时也容易迷失。
3、交互设计和信息架构都强调一个重点：确定各个将要呈现给用户的元素的“模式”和“顺序”。交互设计关注于将影响用户执行和完成任务的元素。信息架构则关注如何将信息表达给用户的元素。
4、上次讲解了七大定律中的菲茨定律、米勒定律，这次主要是讲解七大定律中的库克定律、奥卡姆剃刀原理以及太思勒定律三大定律在交互设计中应用。先深入了解的小伙伴可以参考一下。
板式设计之主体与层级
留白就是版面中没有配置任何文字、图形的空间。它对突出主体、渲染气氛有重要作用。在电影海报设计中，留白是比较常见的一种表现手法。电影海报一般都有很多内容需要传达，按理画面应该越满越好，但满的代价，有时候往往与设计师的初衷相背离，往往会给观看者造成视觉疲劳，观看者也很难抓住海报想要传达的内容。
秩序 版式设计的第一步是对页面内信息的逻辑排序。确定这个逻辑，然后用相应的设计语言兑现之，这是“设计”这个词的本意。如果面积不够，就增加页码，如果画面太空，就压缩，或者把最需要强调的部分放大——而不是整体等比例放大，有时太过均衡是没想法的做法。
层级关系可以分为两类：文字层级关系、版式层级关系。 前者是我们今天主要讲解的内容，二者的区别在于，文字层级关系是只讨论文字之间的关系，我们可以按照文字信息之间的逻辑性将其至多划分为 6 个层级，至少划分为 2 个层级。 而版式的层级关系，是从版面构成的宏观角度去划分版面。
因为主体的颜色已经很丰富了，所以字体我们不需要加太多的颜色，稍微加一点点缀色就好，这里我选择了红色作为字的点缀色。因为画面的LOGO中有少量的红色，用红色会与之呼应。而且红色与主体画面中的蓝色黄色同属于三原色，所以搭配起来也不会有问题。
