当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >如何用构图搞定界面设计!

如何用构图搞定界面设计!

发布时间:2019-12-18 09:10:38

“人家设计得真好!”可是好在什么地方又说不出来。这是阻挡大家成为优秀设计师的一大障碍。设计是我们的本行,不会用设计语言来解构画面,是说不过去的。今天就来跟大家分享一下,如何快速用构图搞定界面设计!

九宫格构图

九宫格构图主要运用在分类为主的一级页面,起到功能分类的作用。

通常在界面设计中,我们会利用网格在界面中进行布局,根据水平方向和垂直方向划分所构成的辅助线,设计会进行得非常顺利。在界面设计中,九宫格这种类型的构图更为规范和常用,用户在使用过程中非常的方便,应用功能也显得格外明确和突出。

1.webp.jpg

九宫格构图给用户一目了然的感觉,操作便捷是这种构图方式最重要的优势。

2.webp.jpg

案例分析

九宫格看似简单随意,用好了同样能呈现出奇妙的效果。灵活运用九宫格辅助线区分出来的方块,在有规律的设计方法中找突破,做设计一定要注重这一点!

在分配9个方块的时候,不一定要一个格子对应一个内容,完全可以一对二或一对多,打破平均分割的框框,增加留白,调整页面节奏,或突出功能点,或突出广告,让方块以不同的方式进行组合,页面的效果也会产生无尽的变化。

3-1.webp.jpg


3-2.webp.jpg


3-3.webp.jpg


方块的不同组合效果

通过前面3种不同的组合,我们可以看出九宫格版式同样可以使界面变得非常的灵活,内容简单,信息明了。好啦!今天就分享到这里,大家学会了吗?

来源:MICU设计

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
×

确定