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

提升Android视觉效果的ui设计技巧

Time: 2019-12-27


设计师在做安卓系统的ui设计的时候,是需要确定下使用的ui设计风格的,那么ui设计风格有哪些?提升Android视觉效果的ui设计技巧有哪些呢?今天就给大家具体介绍下这些问题。


什么是ui设计风格

  风格嘛,可以理解成模样,人与人之间有不同的模样,软件与软件,界面与界面都有各自的样子;再理解深入点:比如你设计一个界面,将其定义成了“中国风”的风格,那在设计界面的时候,就要围绕中国风这个主题来展开,所有的元素,都要把握这个中心。风格有很多种类了,简单理解就是每个界面都有自己的风格,设计时定义风格,然后实现出来,那么这套UI就成了一个独立的风格了。


ui设计风格大致都有哪些

  1.扁平化风格

  2.三维设计风格

  3.几何风格

  4.渐变风格

  5.标题风格


1.jpg

(图片来自网络)


ui设计风格必须是简洁大方风格吗?

  前两年比较流行酷黑炫光的效果,立体3D的效果;

  但是随着目前功能的增加,简单的设计才不会显得沉重繁杂;加上微软的metro风格的盛行,大家越来越追求简介平面的风格,所以现在很多人将配了清爽颜色(多指浅色冷色调)的简洁页面称为小清新。

  无论是安卓还是其他的系统,简洁的界面设计是趋势,因为功能会越来越多,用户也越来越最求简便且人性化的操作方式。


提升Android应用视觉效果的UI设计技巧

技巧1:使用大小适当的图像

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

  技巧2:使用适当格式的图像

  我们都见过有些应用在尝试加载某些大型图像时会暂停,这不仅仅因为图像的大小存在偏差,而且还因为图像采用了非理想的格式。Android平台支持许多种媒体格式,比如PNG、JPEG、GIF、BMP和WebP(仅Android 4.0+版本支持)。PNG是无损图片的理想格式,而JPEG的呈现质量并不稳定。

  Android还支持带有Nine-Patch的弹性图像。如果可行的话,可以考虑使用WebP来替代JPEG,因为这种格式在存储和下载时效率更高。也就是说,如果将其作为与较老格式同时使用的独立图片,那么应用整体规模会变大,这就削减了使用新格式的优势。


2.jpg

(图片来自网络)


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

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

  Android 3.x及随后的版本可开启硬件加速,这会让动画运行更为流畅。但是需要进行测试,因为并非应用的所有功能都能够兼容硬件加速。

  技巧4:用圆角效果来软化UI

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

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

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

  技巧6:使用高对比度配色方案

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

  技巧7:使用大型和易读的字体

  和上述不良配色方案一样,我们也会收到家庭成员发送来带有某些古怪字体、难以阅读的文字。相比其他字体,有些字体确实阅读起来更为容易。

  字体大小也是个重要因素,在保持与其他屏幕功能的平衡性的前提下,尽量将字体制作得够大。就像在使用传真机时,使用小于12磅的字体并不合适。

  Android 4.0的设计师推出了一种只适用于该平台的新字体,这种字体在移动设备上的阅读很容易,它被称为Roboto。


3.jpg

(图片来自网络)


  技巧8:不要过多偏离平台规范

  许多成功的手机应用会使用人们较为熟悉的用户界面。它们有简单且主流的用户界面,其使用的控制方式也是用户所熟悉的。在用户界面控制和屏幕设计中,不要表现得过于另类。尽量简单化,与平台其他应用的表现保持一致。以平台作为决定应用表现和行为的线索。

  如果你正在制作的创想者UI与众不同,确保用AB测试等客观方法来比较新UI和传统UI,由此来决定新设计方案是否更优化,比如更有效、更易于使用或者看起来更为舒适。

  技巧9:遵从UI指导原则

  Android程序说明书中有许多可以整合到应用中的UI指导原则。根据应用所使用的Android版本的不同,这些指导原则往往也有所差异。当出现这种情况时,你需要制作多种资产来应对多种指导原则。指导原则涵盖了图标、小部件、菜单和活动等部分。

  技巧10:测试用户界面

  开发者往往不是优秀的QA或测试者。应用可稳定运行后,面向完全不熟悉应用设计和意图的用户开展测试是很有价值的做法。应用设计师往往自认为用户会觉得他们的应用UI很直观,情况或许并非如此。只有真正让用户来测试应用,你才能够在发布应用前发现许多意料之外的问题。


  通过以上的内容,大家已经了解了ui设计风格有哪些了,可见,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
或保存二维码在微信中打开