学院新闻

拥抱AI未来 | 非凡教育助力信旅(上海)国旅探索ChatGPT技术应用......

上海普陀学习全链路UI设计技能

非凡教育发布日期:2023-02-09 阅读:

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

UI界面设计中的视觉设计排版：
第一步，先把文字内容做好排版；
第二步，思考场景设计与信息层级处理；
第三步，进行排版设计的布局；
第四步，最后做好色彩和细节的优化，从整体出发到细节处理再回归整体性的原则，做好包装的设计展示。

1. UI界面设计的邻近性原则
物体之间的相对距离会影响我们认知它们的关系。相互靠近的元素被认为是一组，那些距离较远的则自动划分为组外。整体看来，距离近的关联性更紧密。
如何应用于UI设计：
邻近性原则，在网页端或移动端的排版布局中有非常广泛的应用。设计师应用此原则，调整距离或者用分割线等来分开不同设计模式的构建。此原理应用在设计中，界面层级好，视觉清晰。
按照原理，我们会将内容相似的元素位置放置得更接近，在 UI 设计中的卡片化设计，列表组合等信息整合设计都会应用到此原理。并且不同内容之间我们使用分割线，留白，卡片区分等方式来使不同的内容区分更为明显。

2. UI界面设计的相似性原则
格式塔原理中的相似性通常和邻近性原则一起运用在产品设计中。它指出了影响我们感知分组的另外一个原则：有共同视觉元素的物体看起来更有关联性。我们倾向于将看起来相似的对象视为一组或者一个模式，并且将它们与特定含义或者功能联系在一起。
如何应用于UI设计：
利用颜色，形状，大小，方向，以及纹理等视觉元素，组成相近的样式。UI 设计规范中的控件组合成的组件，大部分都会使用到相似性原则，统一视觉样式，来表达统一的功能性。

上一篇：上海学会报名学习通用的服装制版数据公式

下一篇：上海想从事UI设计行业该去哪里报名？

学院新闻

上海普陀学习全链路UI设计技能

申请免费课程试听