烟台UI培训
达内烟台海港路中心

18300268127

热门课程

移动端常用ui设计技巧

  • 时间:2016-10-10 16:41
  • 发布:烟台UI培训
  • 来源:烟台ui培训

烟台ui培训小编相信很多UID都有这样的感觉:乍一看许多APP的布局并不复杂,感觉换成自己也能设计出来,但是当你真的开始着手设计这么一个APP的原型的时候,会发现事情并不是那么简单。看着别人已经设计完成的设计可能觉得不难,可是当自己动手的时候,在特定的元素的选取和设计上很容易陷入困局,这个时候才明白它的难点并不在于工作量的多少,设计者常常深陷于细节构建的囹圄,这才是它的困难之处。即使是元素与元素之间的分隔方式,都能随随便便用一整篇文章来进行探讨。

传统的分隔方式

在UI界面中,最传统也是最常见的分隔方式用的是线,将视觉上或者内容上需要区分的内容用横向或者纵向的细线区分开来,它帮助用户了解页面的层次结构,赋予页面内容以组织性。

烟台ui培训

1、全出血位分隔线

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

在下面的Android 的Gmail邮箱的UI当中,用的分隔线都算是全出血位分割线。这些分隔线给人以“停止”的感觉,让用户清晰地知道界限在哪里。

烟台ui培训

全出血位分割线将每一个部分都分隔开来。

2、内嵌分隔线

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

烟台ui培训

今天的分享就先到这,以后烟台ui培训小编会继续给大家分享。


上一篇:如何提高设计师的工作效率
下一篇:ui设计中分割线的代替方案

马上预约七天免费体验课

姓名:

电话:

优秀UI设计师,不仅懂得UI规范,还是一名好的....

达内教育集团与Adobe中国授权培训中心在京举行战略合作授牌仪式

汉子字体图形化设计原则以及创意表达方法!

图形创意方法及在海报设计中的运用

选择城市和中心
贵州省

广西省

海南省

达内教育

有位老师想和您聊一聊