网站首页 > 网站设计> 文章内容

石家庄达内UI设计培训:2016最新界面设计规范

※发布时间:2016-7-30 21:06:40   ※发布作者:habao   ※出自何处: 

  无规矩不成方圆,UI界面设计也是一样,具有设计规范,系统建议的规范可以让我们设计具有统一性,界面视觉更美观。因为最近挺多同学问到了关于UI界面的设计规范的问题,所以石家庄达内UI设计培训将界面规范的内容大致整理一下,拿出来跟大家分享。如果有不懂的,可以到石家庄达内官网)详细问我们哦,希望对大家有一定的帮助作用~

  现在市场上有很多种的系统、比如我们的安卓,苹果、黑莓、windowsphone等,身为一个ui设计师,我们都应该对这些系统有所了解,了解完之后再去做APP界面就会更加的得心应手。上表是一张安卓版本的设计参考规范表,首先了解市场上用得最多安卓的分辨率种类:LDPI、MDPI、HDPI、XHDPI、XXHDPI。

  首先我们从上往下来分析上表:

  第一行就是我们的手机分辨率,这个是一定要记住的,比较重要的,我们去做设计图的时候就是利用它的这个分辨率作为尺寸的。

  第二行是密度值,这个是手机出厂的时候手机厂商给的,就是一个英寸里面有的颜色点,比如LDPI这个分辨率的,它每一个英寸里面就有120个颜色点,所以密度值越高,屏幕越清晰,接下来的比例就只是一个相对应的比例了,没什么好说,接下来看一下下面的倍率关系。

  以MDPI为基准,也就是说MDPI是一个一倍的分辨率,那么其它的都给出了它们相应的倍率,去适配的时候就是通过记住这个倍率去进行大小尺寸的转换。那么我们有这么多的分辨率,对应的就有这么多的尺寸,我们去设计的时候应该拿哪一个的尺寸来作为设计稿呢?一般去选择设计稿的时候有两种方法:

  方法1:以一个基本的尺寸(MDPI=320480或者XHDPI=7201280)开始,之后将其缩放到不同的屏幕尺寸。

  方法2:从最大的屏幕尺寸开始,之后为小屏幕去掉一些UI元素。

  因为MDPI是一倍的,而XHDPI是两倍,都是整数倍,容易去适配其它的分辨率,如果以XHDPI为设计稿,设计的所有数值都要求是双数的,去转换的时候才能保证不出现小数点,第二种方法的话就比较难去控制,所以一般还是建议用第一种,当然最好的方式自然是每一个分辨率都单独去做一套界面图。

  了解完这些分辨率和用什么尺寸做标准之后,接下来让我们直接看一下界面设计要注意的一些规范。首先先从界面的布局尺寸开始

  布局规范表

  上表就是我们在界面上最基本的一些控件尺寸的大小规范,比如状态栏、导航栏、和菜单栏,这些都是比较死的数据,多去看几次就记了,当然数据还是挺多的,你也可以用MDPI的尺寸标准看成DP然后再去适配其它的尺寸,这样做的话需要记住的数据就少了很多了,这就是DP的法,比如,MDPI的状态栏高度是25px,你就把它等同成25dp,然后再去进行相应的转换。

  哪些基础控件的大小就不说了,记住就行,宽度的话是满屏,接下来看一下最细画笔大小,指的是一些分割线,或者一些线性图标,这些我们要保证做出来之后,用户去使用的时候可以看的清楚。

  图标尺寸

  在一个分辨率里,一张界面图上有太多的图标,不可能每一个图标的大小都是一样的,所有图标会根据所处的位置的不同,用处的不同,图标的大小也会不一样,图标的大小也不是我们想给多大就给多大,安卓系统有一套自己的规范。接下来我们看一下上面的这些图标指的是哪些。

  第一个是启动图标,就是我们手机桌面上的图标。操作栏图标就是一个应用上操作栏上面的图标,上下文图标就是放在正文里面的一些图标,系统通知栏图标也就是状态栏上面的图标,商店启动图标是当我们去网页上下载的时候出现的那个图标,了解一下就行了。

  看完了分辨率、控件大小和图标的规范,接下来再看一下字体的规范。

  字体规范

  字体的大小安卓里面也有相应的规范,比如最小字体是多大,文本是多大,按照规范来设计的话就可以保证我们的界面图整体看起来更加的美观,而且在使用的字体方面,也是有一个严格的规定,英文在安卓里面使用的是Roboto,中文字体使用的是droidsansfallback,当然现在随着安卓手机分辨率的增加,中文,字体的选择也多了几种,比如中文也可以使用思源黑体等。

  石家庄达内UI设计培训讲到这里,安卓部分的内容就算是讲完了,当然上面的所有规范也只是规范,不要因为这些规范去限制自己的想法,规范是用来打破的,设计最重要的还是设计得美观,设计的时候具体要给多大的数值,取决于设计师,规范是用来参考的。

  目前UI设计行业正如日中天,最初的UI设计做平面设计和网页设计上,现在,随着技术领域的逐步拓展,移动互联网的高速发展,越来越多的公司开始需求界面设计、交互设计等设计人员,需求UI设计师的公司越来越多,这就为UI设计师提供了大好前景。

  如果你也想成为UI设计师,对设计行业热爱,希望有一份高薪稳定的工作,来石家庄达内学习UI设计,成为不一样的自己,详细了解,可在百度搜索中输入“石家庄达内”,更细致的了解!

  石家庄达内UI设计培训)希望所有的学习者都能成为优秀的UI设计师。

  北方网教育频道新闻纠错、投诉及爆料热线:

推荐:

相关阅读
  • 没有资料