移动应用APP图形设计要注意的地方

发布日期：2016-09-30 阅读：2137次

很多APP的结构其实不复杂，感到换成本身也能计划进去，然则当你真的开端着手计划这么一个APP的原型的时刻，会发明工作其实不是那末简略。看着他人曾经计划实现的计划能够感到不难，但是当本身着手的时刻，在特定的元素的拔取和计划上很容易堕入困局，这个时刻才明确它的难点其实不在于工作量的若干，计划者经常深陷于细节构建的囹圉，这才是它的艰苦的地方。即使是元素与元素之间的分开方法，都能马马虎虎用一整篇文章来停止探究。无锡网络公司

传统的分隔方式

在UI界面中，较传统也是较罕见的分开方法用的是线，将视觉上或许内容上必要辨别的内容用横向或许纵向的细线辨别开来，它赞助用户懂得页面的条理布局，付与页面内容以组织性。

1、全出血位分隔线

全出血位原本是一个平面印刷中的概念，这里所说的全出血位分隔线通常用来凸显和强调不同的内容与区块，就像电子邮件中不同邮件之间就会用一条横贯整个屏幕的细线来进行分隔。

2、内嵌分隔线

内嵌分隔线和前者不同，它通常用来区分相关的内容，诸如联系人列表中不同字母开头的部分，它常常用来作为视觉线索，便于用户来浏览大量相关的内容，当用户来浏览的时候，它们会作为路标而存在，便于用户快速的翻页浏览。视觉上，和全出血位分隔线不同，它们通常会更短一点，并且会留下一定的空间给其他的区分元素，比如联系人列表中分隔处的首字母。

分隔线的替代方案

传统的分开线在桌面端的UI计划上有着悠长的汗青和不错的后果，然则它们在挪动端UI上有着致命的缺点：占用空间。切实其实，一条线能有多占空间呢？然则实际上，每每一屏必要分开的内容会许多，分开线一点也许多。假如参考传统的用法，一个界面元素较多的挪动端页面上能够会充满了分开线组成的视觉乐音。值得注意的是，如今用户愈来愈倾向于简练的界面，这也使得如今的UI计划会尽量多的剥离主要元素，而仅保存根本元素。这类改变面前真正的重点，是计划重心向着内容和功效转移，如许的计划自然而然地会让界面看起来加倍简练。

这样一来，分隔界面元素的时候用留白比用分隔线更加合适。更少使用的线让界面看起来更干净，更现代，视觉上也更富有张力。无锡网站建设

1、留白

界面中的留白的区域通常不会放置任何视觉元素。大量的留白能够让原本凌乱的界面看起来简约而吸引人——它让界面元素周围都空出来，让这些元素更加醒目，脱颖而出。留白让界面显得更加富于呼吸感，也更加简洁。

用好留白，你能让界面以非侵略性的方式来区分不同的区域和元素。

2、色彩对比

色彩对比是较强大的设计手法之一，如果用的好，它能给你带来醒目而帅气的设计。创造性地使用色彩的差异来区分不同的内容，这当中的关键是是要控制两种色彩的对比度。不仅要能够在视觉上容易区分，而且不能让人觉得突兀产生出戏感。如果色彩对比控制得好，应该能让用户更加快速便捷地获取信息。

3、阴影和高度

阴影和高度都能在UI界面上创造出“深度”，相当于是让元素在Z轴高度上产生差异。较典型的就是Material Design 的设计，谷歌日历的设计很好地展现了如何借助阴影和空间，非强制性地区分不同的部分。

阴影的另外一个作用是用来区分重叠内容的“高度差”，呈现相互关系，让其中的某个部分吸引用户的注意力。

4、图片内容无需单独的分隔控件

图片内容使用网格来呈现的时候，其实是无需专门的线或者其他东西来分隔的，因为网格本身就已经起到了视觉区分的作用了。在下面的案例中，图片之间的留白和副标题都起到区分的作用。

考虑到咱们终很照样要简化界面，在分开方法的拔取上照样必要三思尔后行的。在打消不用要的元素以后，在界面的设计上咱们能做的工作另有许多，但是要确保挪动端用户体验的优良，细节的把控就要加倍居心了。