联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

安卓界面ui设计字体大小有什么规范,UI设计应用技巧

Time: 2021-08-19

安卓系统是人们常用的一种系统之一。自成一派的系统往往都有自己的规则和要求。在安卓系统中,对于ui设计也有一定的标准。今天就让faceui为大家介绍安卓界面ui设计字体大小有什么规范,UI设计应用技巧。

  安卓界面ui设计字体大小有什么规范

  设计师在做UI设计的时候通常最初是建立320*480这个尺寸的画布开始的,这个尺寸的画布在android分辨率的分类中称为mdpi,在这个尺寸下,ps里的1px就等于android中的1dp,同样,这个时候1点的字就等于android中1sp。

  常见的字体大小:24px、26px、28px、30px、32px、34px,36px等等。记住是偶数的。最小字号20px。

  常用字体:中文用苹方黑,英文用San Francisco,如果安不上也可以用Helvetica代替。

  1、从标题(Title)到小字提示(Caption),中文比英文都大1sp,比标题大的文本样式,中文与英文采用相同大小的字号。

  2、行高:为了提供适当的可读性与节奏感,Material Design根据不同的字号大小与字重规定了对应的行高。没有特殊要求下,建议使用常用1.25行倍值。

  3、字体颜色:在安卓设计中很少使用某种色号控制,他是通过纯黑或纯白不透明度控制它的一个显示。

  亮色背景上的黑色文本:最重要的文本使用87%的不透明度;次要文本也就是较低视觉层次文本使用54%不透明度;提示文本(例如输入框里的文字和标签里的文字)禁用文本或者更低视觉层次文本使用38%不透明度。

  暗色背景上的白色文本:在黑色背景和有色背景上主要文本都使用100%不透明度值;次要文本使用70%的不透明度;其他更低视觉层次的文本使用50%的不透明度。

安卓界面ui设计字体大小

安卓界面ui设计字体大小(图片来自网络)


  小图标尺寸是24dp X 24dp。图形限制在中央20dp X 20dp区域内。小图标同样有栅格系统。线条、空隙尽量保持2dp宽,圆角半径2dp。特殊情况相应调整。

  图标的颜色使用纯黑与纯白,通过透明度调整:黑色:[54% 正常状态] [26% 禁用状态];白色:[100% 正常状态] [30% 禁用状态]。

  4、按钮BUTTON

  底部动作条Bottom Sheets,底部动作条是一个从屏幕底部边缘向上滑出的一个面板,向用户呈现一组功能。

  UI设计应用技巧

  1、使用大小适当的图像

  在图像方面,许多Android应用开发者采用的是大小单一的做法。尽管这会使资源管理变得更为简单,但就应用的视觉吸引力而言,这是个错误的做法。要让应用呈现出最佳的视觉效果,那么就应当针对具体的设备屏幕设计不同的图像。最适当的图像才能构建出最棒的用户体验。

  2、使用适当格式的图像

  媒体格式比如PNG、JPEG、GIF、BMP和WebP(注:仅Android 4.0+版本支持)。PNG是无损图片的理想格式,而JPEG的呈现质量并不稳定。如果可行的话,可以考虑使用WebP来替代JPEG,因为这种格式在存储和下载时效率更高。也就是说,如果将其作为与较老格式同时使用的独立图片,那么应用整体规模会变大,这就削减了使用新格式的优势。

  3、运用微妙动画,颜色来呈现状态改变

  在屏幕转场时运用微妙动画以及UI控制颜色变化来呈现应用状态改变,这会让你的应用更显专业感。比如,活动间的淡入淡出使屏幕转变更为自然,改变被按动的按键颜色会突显正在发生的用户动作,清晰地呈现出用户正在做的事情。

安卓界面ui设计字体大小

安卓界面ui设计字体大小(图片来自网络)


  4、用圆角效果来软化UI

  Button、PageView等用户界面控制按钮在屏幕上都会呈现矩形的像素形状,但这需要进行处理。在控制界面上,使用圆角效果来软化用户界面的外观,这显得很像Web的风格,但确实很受用户喜欢。

  5、在3D效果中使用一致性的“光照”

  如果你在应用的控制按键中使用投影和其他此类样式,确保要使用一致性的“光照”。换句话说,要确保阴影在屏幕上的朝向一致。在图像编辑器中使用相同的数值来创造相同的斜度和纹理。

  6、使用高对比度配色方案

  当某个家庭成员(注:往往是老一辈的人)首次发现可以在邮件中使用带颜色的字体和背景,于是发送给你一封使用白色背景和柠檬黄色字体的电子邮件,这样的邮件阅读起来相当费劲。有些人在设计应用的屏幕时,可能会让玩家难以阅读或导航屏幕中的内容。使用适当的高对比度颜色,会让屏幕更易于查看,缓解眼睛的压力。要将配色方案作为系统资源的一部分,以此为基础来开展其他工作。

  7、使用大型和易读的字体

  相比其他字体,有些字体确实阅读起来更为容易。字体大小也是个重要因素,在保持与其他屏幕功能的平衡性的前提下,尽量将字体制作得够大。就像在使用传真机时,使用小于12磅的字体并不合适。

  以上就是faceui为大家介绍的关于安卓界面ui设计字体大小的相关内容。不同界面对设计的规范和原则不同,但是也要根据用户的使用体验进行调整。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开