5个超实用的UI排版技巧
作者：优漫动游设计部
2023-10-23 17:24
查看: 170
01.连续性
02.前景和背景
当我们的界面元素重叠时，为了减少混乱，可以使用深色的蒙版或者弹窗阴影来分离前景和背景，让视线可以更好的区分我们的重点内容，也可以使用户更好的提取到主题。
03.邻近性
邻近性是指页面中有关联的元素比其他元素的距离更近，页面中的内容或者元素按照邻近性分组，会比按照形状或者颜色分组更直观喔~
04.相似性
同一页面中表达相同功能的元素，通过相同的形状表示，相似性是视觉上相似元素的组合，我们通常会通过大小、形状和颜色来区分。
05.共同行为
共同行为是指具有相同概念的元素需要设计相同的行为，当元素沿同一方向移动时，它们会被识别为同一级别的元素，比如我们手机中左右滑动的横板内容。
零基础想学好UI设计就业，广州UI设计培训机构报名系统学习是最好的学习方式，从零基础到实训，全程有专业老师授课辅导。广州UI设计培训以就业为导向，依据企业需求制定课程大纲，内容涵盖、平面设计、Web网页设计、移动界面设计、交互设计以及C4D三维设计、H5推广页面设计等知识点。
在信息不断更新的场景下，我们要考虑内容的连续性，通过将内容进行合理的对齐摆放，让我们呈现的内容看上去更整齐明了，提高用户的阅读体验。
02.前景和背景
当我们的界面元素重叠时，为了减少混乱，可以使用深色的蒙版或者弹窗阴影来分离前景和背景，让视线可以更好的区分我们的重点内容，也可以使用户更好的提取到主题。
03.邻近性
邻近性是指页面中有关联的元素比其他元素的距离更近，页面中的内容或者元素按照邻近性分组，会比按照形状或者颜色分组更直观喔~
04.相似性
同一页面中表达相同功能的元素，通过相同的形状表示，相似性是视觉上相似元素的组合，我们通常会通过大小、形状和颜色来区分。
05.共同行为
共同行为是指具有相同概念的元素需要设计相同的行为，当元素沿同一方向移动时，它们会被识别为同一级别的元素，比如我们手机中左右滑动的横板内容。
零基础想学好UI设计就业，广州UI设计培训机构报名系统学习是最好的学习方式，从零基础到实训，全程有专业老师授课辅导。广州UI设计培训以就业为导向，依据企业需求制定课程大纲，内容涵盖、平面设计、Web网页设计、移动界面设计、交互设计以及C4D三维设计、H5推广页面设计等知识点。
预约申请试听课
填写下面表单即可预约申请试听！怕钱不够？可就业挣钱后再付学费！ 怕学不会？助教全程陪读，随时解惑！
担心就业？一地学习，可全国推荐就业！
-
上一篇：
-
下一篇：
IT培训问答
开班时间
