交互规范：框架布局让页面模块更统一

01 什么是框架

从建筑学的角度看，框架（framework）是一个框子——指其约束性，也是一个架子——指其支撑性。是一个基本概念上的结构，用于去解决或者处理复杂的问题。在交互设计中，框架是指将页面依据交互行为区分层级，每层都具备特有特性和意义，让所有层上的功能和内容搭建出来的视图结构能符合用户认知。

通栏

无蒙版遮罩

3、框架布局的应用

框架布局的应用主要是根据确定的“全局控制层布局”+“内容层布局”形成一个完整的页面，设计师在进行设计时，对现有的内容层布局中对各模块内容根据业务场景进行填充。

以上图 “结果页” 为例，设计师根据业务场景对 “结果反馈”、“结果解释”、“建议操作”、“补充信息” 进行填充即可，其中 “建议操作”、“补充信息” 可以不补充。下图为 “结果反馈” 和“补充信息” 场景的细化。

结果反馈

补充信息

「总结」

在一个项目中，涉及到多个设计师协同完成项目，由于每个设计师的使用的画板不一定相同，建议 “统一画板” 尺寸1440，根据框架中”全局控制层”、”内容层”、”临时层”各层布局进一步确定项目全局的布局，让参与的设计师有了统一的页面布局基础，在根据不同的业务场景完成设计，最终不同设计师产出的设计在布局上将会高度统一。

如果你正在设计 0-1 项目的，希望布局三部曲《框架布局》、《栅格系统》、《响应式》对你有所帮助！！！

本文作者 @前行的大熊 。

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！