火星网校
如何用构图搞定界面设计！
“人家设计得真好！”可是好在什么地方又说不出来。这是阻挡大家成为优秀设计师的一大障碍。设计是我们的本行，不会用设计语言来解构画面，是说不过去的。今天就来跟大家分享一下，如何快速用构图搞定界面设计！
九宫格构图
九宫格构图主要运用在分类为主的一级页面，起到功能分类的作用。
通常在界面设计中，我们会利用网格在界面中进行布局，根据水平方向和垂直方向划分所构成的辅助线，设计会进行得非常顺利。在界面设计中，九宫格这种类型的构图更为规范和常用，用户在使用过程中非常的方便，应用功能也显得格外明确和突出。
九宫格构图给用户一目了然的感觉，操作便捷是这种构图方式最重要的优势。
案例分析
九宫格看似简单随意，用好了同样能呈现出奇妙的效果。灵活运用九宫格辅助线区分出来的方块，在有规律的设计方法中找突破，做设计一定要注重这一点！
在分配9个方块的时候，不一定要一个格子对应一个内容，完全可以一对二或一对多，打破平均分割的框框，增加留白，调整页面节奏，或突出功能点，或突出广告，让方块以不同的方式进行组合，页面的效果也会产生无尽的变化。
方块的不同组合效果
通过前面3种不同的组合，我们可以看出九宫格版式同样可以使界面变得非常的灵活，内容简单，信息明了。好啦！今天就分享到这里，大家学会了吗？
来源：MICU设计
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
此番调整与三年前网易高调“出海”的姿态形成强烈反差 与此同时，自2024年起，由知名MMO制作人Jack Emmert领导的奥......
-
收购之后，忽然科技承诺Cocos会全面回归永久免费、纯粹开源的路线，同时借助忽然科技的全球流量资源，为开发者提供更多价值它证明......
-
工具集中，dgaTension节点与dgaDelta节点发挥着关键作用它们基于每个顶点，对角色网格的两种状态进行细致比较，分别......
-
以Maya为核心的工业级制作流程，让中国团队掌握了从高精度建模、动态捕捉到光影渲染的全链路技术其前身“王琦电脑动画工作室”成立......
-
捕获一只少东家！ 1 前言 Hello,大家好，我是火星时代广州校区3D模型大师班的学员苏颖，很荣幸可以和大家分享我第五阶段的......
-
有央企、也有外企，有影视公司、也有游戏公司！收喜报都收到手抽筋了！
又到了星仔最最最中意的晒喜报环节啦！！想想大家第一个月刚打开软件时的一脸蒙圈，夜夜肝作业到教室关门的咬牙坚持，再到毕业时拿上写......
