初学者必看的UI设计界面排版教程
更新时间:2021-04-29
排版在平面设计领域极为重要,它不只在海报、广告中使用,在制作UI的作品集、UI界面设计、网页设计、运营设计也要注重设计排版,术业教育资深UI设计讲师分享一些版式设计法则,通过这些法则来规范移动UI设计,并提升作品的精品感和品质感。
UI界面设计中的视觉设计排版:
第一步,先把文字内容做好排版;
第二步,思考场景设计与信息层级处理;
第三步,进行排版设计的布局;
第四步,最后做好色彩和细节的优化,从整体出发到细节处理再回归整体性的原则,做好包装的设计展示。
1. UI界面设计的邻近性原则
物体之间的相对距离会影响我们认知它们的关系。相互靠近的元素被认为是一组,那些距离较远的则自动划分为组外。整体看来,距离近的关联性更紧密。
如何应用于UI设计:
邻近性原则,在网页端或移动端的排版布局中有非常广泛的应用。设计师应用此原则,调整距离或者用分割线等来分开不同设计模式的构建。此原理应用在设计中,界面层级好,视觉清晰。
按照原理,我们会将内容相似的元素位置放置得更接近,在 UI 设计中的卡片化设计,列表组合等信息整合设计都会应用到此原理。并且不同内容之间我们使用分割线,留白,卡片区分等方式来使不同的内容区分更为明显。
2. UI界面设计的相似性原则
格式塔原理中的相似性通常和邻近性原则一起运用在产品设计中。它指出了影响我们感知分组的另外一个原则:有共同视觉元素的物体看起来更有关联性。我们倾向于将看起来相似的对象视为一组或者一个模式,并且将它们与特定含义或者功能联系在一起。
如何应用于UI设计:
利用颜色,形状,大小,方向,以及纹理等视觉元素,组成相近的样式。UI 设计规范中的控件组合成的组件,大部分都会使用到相似性原则,统一视觉样式,来表达统一的功能性。
'
UI界面设计中的视觉设计排版:
第一步,先把文字内容做好排版;
第二步,思考场景设计与信息层级处理;
第三步,进行排版设计的布局;
第四步,最后做好色彩和细节的优化,从整体出发到细节处理再回归整体性的原则,做好包装的设计展示。
1. UI界面设计的邻近性原则
物体之间的相对距离会影响我们认知它们的关系。相互靠近的元素被认为是一组,那些距离较远的则自动划分为组外。整体看来,距离近的关联性更紧密。
如何应用于UI设计:
邻近性原则,在网页端或移动端的排版布局中有非常广泛的应用。设计师应用此原则,调整距离或者用分割线等来分开不同设计模式的构建。此原理应用在设计中,界面层级好,视觉清晰。
按照原理,我们会将内容相似的元素位置放置得更接近,在 UI 设计中的卡片化设计,列表组合等信息整合设计都会应用到此原理。并且不同内容之间我们使用分割线,留白,卡片区分等方式来使不同的内容区分更为明显。
2. UI界面设计的相似性原则
格式塔原理中的相似性通常和邻近性原则一起运用在产品设计中。它指出了影响我们感知分组的另外一个原则:有共同视觉元素的物体看起来更有关联性。我们倾向于将看起来相似的对象视为一组或者一个模式,并且将它们与特定含义或者功能联系在一起。
如何应用于UI设计:
利用颜色,形状,大小,方向,以及纹理等视觉元素,组成相近的样式。UI 设计规范中的控件组合成的组件,大部分都会使用到相似性原则,统一视觉样式,来表达统一的功能性。
'
相关学习资讯:
- 2022-02-22※ 松江室内设计培训班:室内外效果图透视角度选择和光与影的绘制技巧
- 2022-02-22※ 普陀室内手绘效果图培训班:绘制室内设计效果图的技法介绍
- 2022-02-22※ 上海景观方案设计培训机构:景观设计铺装设计培训班
- 2022-02-22※ 徐汇UI交互设计培训机构:UI交互设计培训班
- 2022-02-21※ 嘉定服装设计培训班:服装CAD制版中的加减法和比例分配法
- 2022-02-21※ 上海web前端开发培训班:学习web前端开发的基础教程
- 2022-02-21※ 徐汇UI交互设计培训机构:UI交互设计培训班
- 2022-02-18※ 术业教育UI设计培训班:学习UI设计技能教程
热门文章
-
C4D平面设计培训学校:哪里学习C4D平面设计比较好?
发布:2022-02-22
-
上海平面设计师培训学校:学习C4D是平面设计师必不可少的
发布:2022-02-22
-
徐汇UI交互设计培训机构:UI交互设计培训班
发布:2022-02-22
-
浦东平面设计培训机构:平面设计师需要学C4D吗?
发布:2022-02-21
-
松江UI设计培训学校:UI设计基础入门怎么学?
发布:2022-02-21
-
普陀UI设计培训学校:学习UI设计有哪些就业方向?
发布:2022-02-21
-
浦东平面设计培训班:扁平风格海报设计技巧
发布:2022-02-21
-
上海平面设计师培训学校:学习C4D是平面设计师必不可少的
发布:2022-02-21
-
徐汇UI交互设计培训机构:UI交互设计培训班
发布:2022-02-21
-
平面设计培训学校:想要学习平面设计是报班好还是自学好?
发布:2022-02-18
免费试听课程
课程顾问为您服务,与全球1000万会员一起提高学习掌握技能