提升Android应用视觉吸引效果的10个UI设计技巧
程序员文章站
2023-12-02 19:53:04
在android应用开发中，风格和设计或许不是最关键的要素，但它们在决定android应用成功与否上确实扮演重要的角色。以下是10个android应用的ui设计技巧，还有个...
在android应用开发中，风格和设计或许不是最关键的要素，但它们在决定android应用成功与否上确实扮演重要的角色。以下是10个android应用的ui设计技巧，还有个附加技巧，能够提供你的android应用的视觉吸引力。
技巧1：使用大小适当的图像
在图像方面，许多android应用开发者采用的是大小单一的做法。尽管这会使资源管理变得更为简单，但就应用的视觉吸引力而言，这是个错误的做法。要让应用呈现出最佳的视觉效果，那么就应当针对具体的设备屏幕设计不同的图像。最适当的图像才能构建出最棒的用户体验。
技巧2：使用适当格式的图像
我们都见过有些应用在尝试加载某些大型图像时会暂停，这不仅仅因为图像的大小存在偏差，而且还因为图像采用了非理想的格式。android平台支持许多种媒体格式，比如png、jpeg、gif、bmp和webp（游戏邦注：仅android 4.0+版本支持）。png是无损图片的理想格式，而jpeg的呈现质量并不稳定。
android还支持带有nine-patch的弹性图像。如果可行的话，可以考虑使用webp来替代jpeg，因为这种格式在存储和下载时效率更高。也就是说，如果将其作为与较老格式同时使用的独立图片，那么应用整体规模会变大，这就削减了使用新格式的优势。
技巧3：运用微妙动画，颜色来呈现状态改变
在屏幕转场时运用微妙动画以及ui控制颜色变化来呈现应用状态改变，这会让你的应用更显专业感。比如，活动间的淡入淡出使屏幕转变更为自然，改变被按动的按键颜色会突显正在发生的用户动作，清晰地呈现出用户正在做的事情。
android 3.x及随后的版本可开启硬件加速，这会让动画运行更为流畅。但是需要进行测试，因为并非应用的所有功能都能够兼容硬件加速。
技巧4：用圆角效果来软化ui
button、pageview等用户界面控制按钮在屏幕上都会呈现矩形的像素形状，但这需要进行处理。在控制界面上，使用圆角效果来软化用户界面的外观，这显得很像web的风格，但确实很受用户喜欢。
技巧5：在3d效果中使用一致性的“光照”
最新版本的android平台使用全息样式和3d图标等。如果你在应用的控制按键中使用投影和其他此类样式，确保要使用一致性的“光照”。换句话说，要确保阴影在屏幕上的朝向一致。在图像编辑器中使用相同的数值来创造相同的斜度和纹理。
技巧6：使用高对比度配色方案
当某个家庭成员（游戏邦注：往往是老一辈的人）首次发现可以在邮件中使用带颜色的字体和背景，于是发送给你一封使用白色背景和柠檬黄色字体的电子邮件，这样的邮件阅读起来相当费劲。有些人在设计应用的屏幕时，可能会让玩家难以阅读或导航屏幕中的内容。使用适当的高对比度颜色，会让屏幕更易于查看，缓解眼睛的压力。要将配色方案作为系统资源的一部分，以此为基础来开展其他工作。
技巧7：使用大型和易读的字体
和上述不良配色方案一样，我们也会收到家庭成员发送来带有某些古怪字体、难以阅读的文字。相比其他字体，有些字体确实阅读起来更为容易。
字体大小也是个重要因素，在保持与其他屏幕功能的平衡性的前提下，尽量将字*作得够大。就像在使用传真机时，使用小于12磅的字体并不合适。
android 4.0的设计师推出了一种只适用于该平台的新字体，这种字体在移动设备上的阅读很容易，它被称为roboto。
技巧8：不要过多偏离平台规范
许多成功的手机应用会使用人们较为熟悉的用户界面。它们有简单且主流的用户界面，其使用的控制方式也是用户所熟悉的。在用户界面控制和屏幕设计中，不要表现得过于另类。尽量简单化，与平台其他应用的表现保持一致。以平台作为决定应用表现和行为的线索。
如果你正在制作的ui与众不同，确保用ab测试等客观方法来比较新ui和传统ui，由此来决定新设计方案是否更优化，比如更有效、更易于使用或者看起来更为舒适。
技巧9：遵从ui指导原则
android程序说明书中有许多可以整合到应用中的ui指导原则。根据应用所使用的android版本的不同，这些指导原则往往也有所差异。当出现这种情况时，你需要制作多种资产来应对多种指导原则。指导原则涵盖了图标、小部件、菜单和活动等部分。
技巧10：测试用户界面
开发者往往不是优秀的qa或测试者。应用可稳定运行后，面向完全不熟悉应用设计和意图的用户开展测试是很有价值的做法。应用设计师往往自认为用户会觉得他们的应用ui很直观，情况或许并非如此。只有真正让用户来测试应用，你才能够在发布应用前发现许多意料之外的问题。
附加技巧：雇佣职业美术或图像设计师
现在，用户期望看到外观精美且设计专业的应用。正如你不会衣着随便地去参加面试，所以你应当投入足够的资源来润色应用外观后再将其发布。在多数情况下，程序员往往不是技术娴熟的美术人员，所以可以考虑雇佣职业美术人员来完成这项工作，只是要确保你对设计结果有清晰的认识。
当你埋头进行android应用开发时，往往很容易遗忘用户界面设计。在你的应用相对较稳定后，浏览这个列表，对应用进行润色。通常来说，这些任务最好留到开发后期，因为此时的屏幕内容相对较为固定。
囧神的世界你不懂，虫哥的生活你没有，只有程序猿的世界大家才知道。程序猿们，为了自己的精彩世界奋斗吧，努力吧！加油……
技巧1：使用大小适当的图像
在图像方面，许多android应用开发者采用的是大小单一的做法。尽管这会使资源管理变得更为简单，但就应用的视觉吸引力而言，这是个错误的做法。要让应用呈现出最佳的视觉效果，那么就应当针对具体的设备屏幕设计不同的图像。最适当的图像才能构建出最棒的用户体验。
技巧2：使用适当格式的图像
我们都见过有些应用在尝试加载某些大型图像时会暂停，这不仅仅因为图像的大小存在偏差，而且还因为图像采用了非理想的格式。android平台支持许多种媒体格式，比如png、jpeg、gif、bmp和webp（游戏邦注：仅android 4.0+版本支持）。png是无损图片的理想格式，而jpeg的呈现质量并不稳定。
android还支持带有nine-patch的弹性图像。如果可行的话，可以考虑使用webp来替代jpeg，因为这种格式在存储和下载时效率更高。也就是说，如果将其作为与较老格式同时使用的独立图片，那么应用整体规模会变大，这就削减了使用新格式的优势。
技巧3：运用微妙动画，颜色来呈现状态改变
在屏幕转场时运用微妙动画以及ui控制颜色变化来呈现应用状态改变，这会让你的应用更显专业感。比如，活动间的淡入淡出使屏幕转变更为自然，改变被按动的按键颜色会突显正在发生的用户动作，清晰地呈现出用户正在做的事情。
android 3.x及随后的版本可开启硬件加速，这会让动画运行更为流畅。但是需要进行测试，因为并非应用的所有功能都能够兼容硬件加速。
技巧4：用圆角效果来软化ui
button、pageview等用户界面控制按钮在屏幕上都会呈现矩形的像素形状，但这需要进行处理。在控制界面上，使用圆角效果来软化用户界面的外观，这显得很像web的风格，但确实很受用户喜欢。
技巧5：在3d效果中使用一致性的“光照”
最新版本的android平台使用全息样式和3d图标等。如果你在应用的控制按键中使用投影和其他此类样式，确保要使用一致性的“光照”。换句话说，要确保阴影在屏幕上的朝向一致。在图像编辑器中使用相同的数值来创造相同的斜度和纹理。
技巧6：使用高对比度配色方案
当某个家庭成员（游戏邦注：往往是老一辈的人）首次发现可以在邮件中使用带颜色的字体和背景，于是发送给你一封使用白色背景和柠檬黄色字体的电子邮件，这样的邮件阅读起来相当费劲。有些人在设计应用的屏幕时，可能会让玩家难以阅读或导航屏幕中的内容。使用适当的高对比度颜色，会让屏幕更易于查看，缓解眼睛的压力。要将配色方案作为系统资源的一部分，以此为基础来开展其他工作。
技巧7：使用大型和易读的字体
和上述不良配色方案一样，我们也会收到家庭成员发送来带有某些古怪字体、难以阅读的文字。相比其他字体，有些字体确实阅读起来更为容易。
字体大小也是个重要因素，在保持与其他屏幕功能的平衡性的前提下，尽量将字*作得够大。就像在使用传真机时，使用小于12磅的字体并不合适。
android 4.0的设计师推出了一种只适用于该平台的新字体，这种字体在移动设备上的阅读很容易，它被称为roboto。
技巧8：不要过多偏离平台规范
许多成功的手机应用会使用人们较为熟悉的用户界面。它们有简单且主流的用户界面，其使用的控制方式也是用户所熟悉的。在用户界面控制和屏幕设计中，不要表现得过于另类。尽量简单化，与平台其他应用的表现保持一致。以平台作为决定应用表现和行为的线索。
如果你正在制作的ui与众不同，确保用ab测试等客观方法来比较新ui和传统ui，由此来决定新设计方案是否更优化，比如更有效、更易于使用或者看起来更为舒适。
技巧9：遵从ui指导原则
android程序说明书中有许多可以整合到应用中的ui指导原则。根据应用所使用的android版本的不同，这些指导原则往往也有所差异。当出现这种情况时，你需要制作多种资产来应对多种指导原则。指导原则涵盖了图标、小部件、菜单和活动等部分。
技巧10：测试用户界面
开发者往往不是优秀的qa或测试者。应用可稳定运行后，面向完全不熟悉应用设计和意图的用户开展测试是很有价值的做法。应用设计师往往自认为用户会觉得他们的应用ui很直观，情况或许并非如此。只有真正让用户来测试应用，你才能够在发布应用前发现许多意料之外的问题。
附加技巧：雇佣职业美术或图像设计师
现在，用户期望看到外观精美且设计专业的应用。正如你不会衣着随便地去参加面试，所以你应当投入足够的资源来润色应用外观后再将其发布。在多数情况下，程序员往往不是技术娴熟的美术人员，所以可以考虑雇佣职业美术人员来完成这项工作，只是要确保你对设计结果有清晰的认识。
当你埋头进行android应用开发时，往往很容易遗忘用户界面设计。在你的应用相对较稳定后，浏览这个列表，对应用进行润色。通常来说，这些任务最好留到开发后期，因为此时的屏幕内容相对较为固定。
囧神的世界你不懂，虫哥的生活你没有，只有程序猿的世界大家才知道。程序猿们，为了自己的精彩世界奋斗吧，努力吧！加油……