火星网校
UI设计的排版法则如何应用？让作品更出彩！
发布时间：2024-08-25 16:50:20 浏览量：201次
排版在平面设计领域极为重要，它不仅在海报、广告中运用，在制造UI的作品集、UI界面设计、网页设计、运营设计也要注重设计排版，今天分享一些设计规律，经过这些规律来规范移动UI设计，并提升作品的精品感和品质感。
格局塔原理是20世纪前期的德国心理学家研讨小组发现的人类视觉作业原理。人类视觉是全体性的，会对看到的事物自建结构，而且在神经系统层面上感知形状、图形和物体。这些理论也叫做视觉感知的格局塔原理。
格局塔原理的设计准则如下：
1. 附近性准则
物体之间的相对距离会影响我们认知它们的联系。彼此挨近的元素被认为是一组，而距离较远的则主动划分为组外。距离近的关联性更严密。
如下图中的圆彼此之间在水平方向比垂直距离近，这样我们看到了4排圆点，而右图看成2列。
如何应用于UI设计：
附近性准则在网页端或移动端的排版布局中有广泛的使用。设计师使用此准则，调整距离或用分割线等来分开不同设计形式的构建。此原理使用在设计中，界面层级好，视觉清晰。
根据原理，我们会将内容相似的元素位置放置得更挨近，在UI设计中的卡片化设计、列表组合等信息整合设计都会使用到此原理。而且不同内容之间我们运用分割线、留白、卡片区分等方法来使不同的内容区分更为明显。
2. 相似性准则
格局塔原理中的相似性一般和附近性准则一起运用在产品设计中。影响我们感知分组的另一个准则是：有共同视觉元素的物体看起来更有关联性。我们倾向于将看起来相似的目标视为一组或一个形式，将它们与特定含义或功能联系在一起。
如何应用于UI设计：
利用色彩、形状、大小、方向、以及纹理等视觉元素，组成相近的款式。UI设计规范中的控件组合成的组件大多会运用到相似性准则，一致视觉款式，来表达一致的功能性。
3. 封闭性
人的眼睛在观看时，大脑并不是在一开始就区分各个单一的组成部分，而是将各个部分组合起来，使之成为一个更简单理解的一致体。这个一致体是我们日常生活中常见的形象，如正方形、圆形、三角形等，让用户简单理解。
如何应用于UI设计：
这个准则十分适用于图形用户界面的图标设计或界面设计中。
4. 连续性准则
人的视觉具备一种运动的惯性，会跟随一个方向的延伸，以便把元素连接在一起成为一个整体。比如在app产品中banner区域的左右滑动交互模块，滑动组件和进度条展现。
首要使用范围如下：
1 导航栏中的连续性设计
2 卡片模块中的连续性设计
3 模块的连续性设计
5. 主体/布景
我们的大脑将视觉区域分为主体和布景两个部分，有利于我们对重要信息和次要信息的感知。
主体和布景的差异可以从以下两个方面来控制：
1 场景大小：我们倾向于将处于大场景中的中间小区域部分视为主体，而大场景视为布景；
2 层级联系：若在同一平面中，我们倾向于将处于视觉第一层级的物体视为主体。
如何应用于UI设计：
此准则可以帮助设计师在设计界面的过程中抓住用户注意力，让用户优先看到想展示的内容。比如重要信息的弹窗提示，以及弱化布景突出内容等界面中都有运用到此准则。
想了解更多UI设计的排版法则应用？欢迎点击点击咨询，了解火星时代教育的相关专业培训课程。
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
8. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
