火星网校
如何用构图搞定界面设计！
“人家设计得真好！”可是好在什么地方又说不出来。这是阻挡大家成为优秀设计师的一大障碍。设计是我们的本行，不会用设计语言来解构画面，是说不过去的。今天就来跟大家分享一下，如何快速用构图搞定界面设计！
九宫格构图
九宫格构图主要运用在分类为主的一级页面，起到功能分类的作用。
通常在界面设计中，我们会利用网格在界面中进行布局，根据水平方向和垂直方向划分所构成的辅助线，设计会进行得非常顺利。在界面设计中，九宫格这种类型的构图更为规范和常用，用户在使用过程中非常的方便，应用功能也显得格外明确和突出。
九宫格构图给用户一目了然的感觉，操作便捷是这种构图方式最重要的优势。
案例分析
九宫格看似简单随意，用好了同样能呈现出奇妙的效果。灵活运用九宫格辅助线区分出来的方块，在有规律的设计方法中找突破，做设计一定要注重这一点！
在分配9个方块的时候，不一定要一个格子对应一个内容，完全可以一对二或一对多，打破平均分割的框框，增加留白，调整页面节奏，或突出功能点，或突出广告，让方块以不同的方式进行组合，页面的效果也会产生无尽的变化。
方块的不同组合效果
通过前面3种不同的组合，我们可以看出九宫格版式同样可以使界面变得非常的灵活，内容简单，信息明了。好啦！今天就分享到这里，大家学会了吗？
来源：MICU设计
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
英伟达彻底切断中国RTX 5090D显卡供应，阉割版都没得用！
随着中美贸易摩擦的持续升级，英伟达针对中国市场的显卡供应策略正经历剧烈调整。继H20算力卡被列入出口管制清单后，该公司已全面叫......
-
最近后台总收到类似的问题："现在学Unity还有用吗？还能找到好工作吗？"这种焦虑背后，本质是对"游戏开发能否保障未来"的深层......
-
Q：什么人适合游戏行业？A：从事游戏行业需要具备一定的创造力、技术技能、团队合作精神、解决问题能力；能够适应变化、持续学习，要......
-
上周五下午两点半，同学还在火星三楼教室听学长进班讲项目；下午3到4点，同学带着简历去我们在一楼为企业准备的面试间，1对1进行现......
-
技术美术能力要点①基础能力：审美能力②岗位能力: 业务实操能力(在商业引擎中做出过什么样的效果、实现过什么样的工具)；岗位基础......
-
HR一般问你是否在职，背后考虑到的是你能否尽快到岗。如果没有离职，改岗位比较着急，会比较在意后续人入职的时间。如果你离职，可以......
