        
            培训首页
        
         > 
        室内设计师新闻
         > 
        学会划分层级，是开始UI设计的第一步
    

学会划分层级，是开始UI设计的第一步

[2021-04-13 09:28:39] 浏览量：121 来源：

武汉卓意设计培训学校

作为一个长期研究各种 APP 的专业人士，设计师往往会忘记，用户并不一定和自己一样可以熟练的理解各种设计元素的交互功能。在设计初期，应该将目标用户进行分类，既要满足新手用户的需求，也不能影响专家用户的使用。创造出同时满足不同用户级别的视觉层级结构是非常重要的，必须在前期阶段就事先思考。

那我们来看个例子，一张图上有四句话，读者根据字号判断先读哪一句。在从测试和调研中收集来的用户需求和期望的基础上，首先明确内容和交互的优先级，确认信息的先后顺序和关联性后，才能够设计出有重点的交互界面。这些行为是为了引导用户在阅读过程中一眼获取重要信息。

用视觉语言来说，这个例子只是通过调整文案的尺寸去探索如何设计页面层级。同时，通过调整其他平面设计元素例如字重、颜色、透明度等等也可以达成同样的效果。当然，这种行为同时适用于按钮、菜单栏、表单等其他控件。通过距离划分视觉元素，展示它们之间联系的基础前提是格式塔心理学组织原则，这是在构建数字界面时所考虑的基础指导理论。

因为用户一般通过视觉元素的位置来判断阅读顺序，设计视觉元素和控件的位置是为了促使用户完成任务，同时在某些情况下，也会引导用户去做他们所期望的事。在很多情况下，用户会自己选择想看的信息。这意味着在一个拥有很多功能的页面上，用户会一目十行的迅速寻找他们的目标，因此大部分的视觉信息会被屏蔽。

用户在网络上的阅读方式高度取决于：用户的任务目标，用户习惯，页面层级，页面内容形式，这就非常明显了：最后两个因素是设计师可以控制的，并且考虑到网络设计越来越先进，运用知识和技术推动用户行为，而不是使电子产品成为用户的阻碍。基于这个原因，我提出一个设计原则：那就是将用户分级，有一些人说如果需要在图标旁边放一个文字说明，图标就没有存在意义了，因为它的认知优先级被降低了，成为了识别序列里的一个负担。因为图标视觉系统是建立在逻辑原则上的（和文字表达的意思相同），所以无论是对于有没有相关交互经验的用户而言，图标被认为是可以帮助用户迅速理解功能的。

如果您发现此处介绍的方法有用，请使用它，并与产品的用户进行测试，得出自己的结论，然后将结果作为一种知识形式分享给更多的设计师吧。

文中图片素材来源网络，如有侵权请联系删除

学习目标：