非凡资讯

UIUE设计培训资讯>UI界面设计的排版教程

UI界面设计的排版教程
发布日期:2021/4/28 17:29:11    UI/UE设计培训 3 分享

排版在平面设计领域极为重要,它不只在海报、广告中使用,在制作UI的作品集、UI界面设计、网页设计、运营设计也要注重设计排版,非凡教育资深UI设计讲师分享一些版式设计法则,通过这些法则来规范移动UI设计,并提升作品的精品感和品质感。

UI界面设计中的视觉设计排版:

第一步,先把文字内容做好排版;

第二步,思考场景设计与信息层级处理;

第三步,进行排版设计的布局;

第四步,最后做好色彩和细节的优化,从整体出发到细节处理再回归整体性的原则,做好包装的设计展示。

1. UI界面设计的邻近性原则

物体之间的相对距离会影响我们认知它们的关系。相互靠近的元素被认为是一组,那些距离较远的则自动划分为组外。整体看来,距离近的关联性更紧密。

如何应用于UI设计:

邻近性原则,在网页端或移动端的排版布局中有非常广泛的应用。设计师应用此原则,调整距离或者用分割线等来分开不同设计模式的构建。此原理应用在设计中,界面层级好,视觉清晰。

按照原理,我们会将内容相似的元素位置放置得更接近,在 UI 设计中的卡片化设计,列表组合等信息整合设计都会应用到此原理。并且不同内容之间我们使用分割线,留白,卡片区分等方式来使不同的内容区分更为明显。

2. UI界面设计的相似性原则

格式塔原理中的相似性通常和邻近性原则一起运用在产品设计中。它指出了影响我们感知分组的另外一个原则:有共同视觉元素的物体看起来更有关联性。我们倾向于将看起来相似的对象视为一组或者一个模式,并且将它们与特定含义或者功能联系在一起。

如何应用于UI设计:

利用颜色,形状,大小,方向,以及纹理等视觉元素,组成相近的样式。UI 设计规范中的控件组合成的组件,大部分都会使用到相似性原则,统一视觉样式,来表达统一的功能性。

相关文章:
UI界面设计的排版教程
免费试听热门课程
在线客服
免费试听
助学分期
学费查询
开班查询
就业薪资