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