手机端UI常见视觉分离设计技巧有哪些
新闻来源：优漫教育
日期：2021-07-24
初看起来，许多应用的布局并不复杂，我觉得我自己也能设计，但当你真正开始这样一个应用原型的时候，你就会发现事情没有这么简单。看UI设计培训学校的优秀设计时，或许不难，但是当你亲自去看时，很容易在具体元素的选择和设计上陷入困境。
在这个时候，你可以知道，工作量并不大。设计者常常被困于细部构造的牢笼中，这是难点。即使是元素彼此分离的方式，也可以在文章中随意讨论。UI设计培训学校中，传统的、常用的分隔方法是行，它通过水平或垂直的细线来区分需要视觉区分的内容。这有助于用户了解页面的层次结构，并为页面内容提供组织。
全出血线最初是一种平面印刷。在这里，整条出血线通常用来突出不同的内容和块，就像用一条细线在电子邮件中分隔开来一样。
Android的Gmail邮箱用户界面上使用的分隔线都是满线。这种分隔线提供了一种“停止”的感觉，使用户清楚地知道了什么地方。
一个完整的排气管是分开的。
嵌入式分隔符不同于前者。这通常用来区别相关的东西，比如联系人列表中不同字母的开头。用户通常可以通过它来浏览大量相关内容。在用户浏览的时候，它们会显示为路标，这样用户就可以快速翻页。与全排分隔符相比，在视觉上，这些分隔符通常更短，并且为其他区分元素留出一些空格(如联系人列表中的分隔符首字母)。
在桌面用户界面设计中，传统的分隔线早已有了很长的历史，但在手机用户界面上却存在着致命的缺陷：占用空间。实际上，一条直线可以占据多少空间？但是实际上，在一个屏幕上有很多内容需要分离，并且有很多的分界线。若参考传统用法，界面元素过多的移动网页可能会充满由分隔线构成的视觉噪音。需要指出的是，现在用户越来越倾向于简化界面，这使得今天的UI设计尽可能地从次要元素中分离次要元素，而只保留基本元素。这一转变背后的真正重点在于将设计重心转向内容和功能，这自然会使界面看上去更简洁。
通过这种方式，使用空格分隔界面元素要比使用分隔线更合适。较少的线条使界面更加简洁、时尚、富有弹性。
在界面的空白处一般不会放置任何视觉元素。在界面上，大量的空白处使得原本杂乱无章的界面看起来简单又吸引人，使得界面周围的元素显得更有吸引力。空白部分让界面更清新简洁。
利用空格，可以让界面以一种非侵略性的方式区分不同的区域和元素。
颜色反差是一种强有力的设计技巧，如果运用得好，会给你带来抢眼和英俊的设计。运用颜色差异来区分不同的内容，其关键在于对颜色对比度的控制。不但可以在视觉上容易辨认，也不会让人觉得突兀而产生玩味。对色彩对比度进行良好的控制，用户可以更快、更方便的获取信息。
影子和高度都可以在UI界面上创建“深度”，它等同于元素的z轴高度差。通常是材料设计。Google日程表的设计表明，阴影和空间可以用来区分不同的部分。
影子的另一个功能是区分重合内容的“高差”，显示内容间的关系，并让部分内容吸引用户的注意力。
在以网格的形式呈现图像内容时，不需要特殊的线或其它东西进行分割，因为网格本身具有视觉上的区别。下图中的空格和字幕之间的图片起到了区分的作用。
由于我们最终需要简化接口，所以在选择分离方法时需要三思。除了不必要的元素之外，我们还可以在界面设计上做很多事情，但为了保证移动端出色的用户体验，我们需要更加关注细节。
UI设计培训学校中，传统的、常用的分隔方法是行，它通过水平或垂直的细线来区分需要视觉区分的内容。这有助于用户了解页面的层次结构，并为页面内容提供组织。
全出血线最初是一种平面印刷。在这里，整条出血线通常用来突出不同的内容和块，就像用一条细线在电子邮件中分隔开来一样。
