手机客户端产品设计原则
移动端APP的设计原则

移动端APP的设计原则手机已经成为人们日常生活不可或缺的一部分。
移动端APP的崛起也随之而来。
无论是社交媒体、购物、支付,还是工具、游戏,用户通过手机APP来进行操作已经成为一种趋势。
作为一个APP设计师,应该怎么去设计一款移动端APP呢?本文将从功能性、可用性、可访问性和用户体验几个方面,探讨APP设计的原则。
1. 功能性一个APP应该具有明确的目的和功能。
在设计APP的时候,设计师必须清楚地了解用户的需求,然后针对这些需求进行设计。
这就需要设计师清楚地了解用户的心理和行为模式。
设计师需要在APP中放置明显的功能按钮,使用户能够快速的找到并使用所需要的功能。
此外,在设计APP时,应该注意APP的功能不要过于复杂,保持简单明了能更好地提供用户体验。
2. 可用性一个好的APP必须要具有良好的可用性,使用户轻松地使用它。
在设计APP时,需要考虑到用户的操作习惯和使用场景。
设计师应该早期测试APP的可用性,以检测存在的问题并及时改善设计,这能够有效地减少用户的疲劳感和失望感。
另外,应该保持APP界面的简洁性,不要过度追求美观而使UI变得过于复杂,这会造成用户迷失在APP界面中,无法实现需求。
3. 可访问性在移动设备上,为了提高APP的易访问性,需要考虑到屏幕大小、设备性能和网络连接等因素。
设计师需要注意到APP的布局和界面大小,以适应不同型号和尺寸的设备。
设计师还应该考虑APP的性能和加载速度,以提高用户的体验感。
如果APP包含较多的内容和图片,应该尝试压缩并控制其大小。
同时,在应用程序中提供离线和缓存功能可以极大地提高用户使用的便利性。
4. 用户体验用户体验是一款APP最重要的一项指标。
其要素包括交互设计、视觉设计和用户参与感。
在交互设计方面,应提供直观的用户界面,使用户可以直观地理解如何操作,并且提供及时的反馈。
在视觉设计方面,应该保持界面的美观,但不应过分夸张而让用户感到疲劳。
而在用户参与感方面,应该多参入用户的反馈,以及时调整和改善APP的设计。
手机APP的用户界面设计原则与规范

手机APP的用户界面设计原则与规范手机APP已经成为我们日常生活中不可或缺的一部分。
一个好的用户界面设计可以提升用户体验,增加用户粘性,使用户更愿意使用和推荐这个APP。
本文将介绍手机APP的用户界面设计原则与规范,帮助开发者们设计出更好的用户界面。
一、简洁明了手机屏幕相对较小,用户界面设计必须简洁明了,避免过多的文字和复杂的图标。
保持页面干净整洁,突出核心功能,减少用户的操作步骤。
界面元素的布局要紧凑合理,避免拥挤和混乱。
二、一致性用户界面设计应该保持一致性,使用户在不同页面之间能够直观地找到相同的功能和操作方式。
统一的颜色、字体、按钮样式等可以帮助用户养成使用习惯,并提高用户的操作效率。
同时,符合平台的设计规范也是提高一致性的重要手段。
三、易用性用户界面设计应该注重易用性,使用户能够轻松地完成任务并且愉快地使用APP。
采用直观的图标和标签,提供明确的反馈,避免模糊的操作提示和歧义的词语。
合理设置大小适中的点击目标,避免用户操作的困难。
四、可访问性用户界面设计应该考虑到不同用户的需求和特殊情况,提供良好的可访问性。
比如,支持字体大小调整,提供语音识别或图像识别的辅助功能,以帮助视力或听力有障碍的用户正常使用APP。
同时,要保持对色盲、弱视等视觉问题的关注,避免过于依赖颜色作为界面信息的区分。
五、视觉吸引力用户界面设计不仅要实用,还要具备一定的视觉吸引力。
选择合适的颜色、图片和图标来营造良好的用户体验,避免单调和枯燥的界面。
注意使用相应的配色和设计风格,使整个APP的界面风格统一,给用户一种整体的美感。
六、反馈机制用户界面设计要及时提供反馈机制,让用户了解他们的操作是否成功,并且给予必要的提示和指导。
比如,在用户点击按钮后添加合适的动画或弹窗,显示加载进度或错误信息,避免用户的困惑和焦虑。
同时,及时的推送通知也是提高用户参与度的重要手段。
七、易学性用户界面设计应该易于学习,即使是新用户也能够快速上手。
手机应用程序界面设计与用户体验优化

手机应用程序界面设计与用户体验优化随着智能手机的普及,手机应用程序成为人们生活中不可或缺的一部分。
一个好的手机应用程序界面设计和用户体验可以提升用户的满意度,增加用户的使用频率和留存率。
本文将介绍手机应用程序界面设计的原则,以及如何通过优化用户体验来提升应用程序的质量。
一、手机应用程序界面设计的原则1. 简洁明了手机屏幕的尺寸有限,用户在使用手机应用程序时往往希望能够快速找到自己需要的功能。
因此,界面设计应该保持简洁明了,避免过多的复杂功能和视觉干扰。
按钮、标签和菜单应该具有一致的风格,让用户能够轻松理解和操作。
2. 色彩搭配和视觉效果色彩是界面设计的重要元素之一,可以引导用户的注意力和情绪。
应用程序的整体色彩应该与功能和品牌形象相符合,同时要保持清晰和舒适的视觉效果。
设计师可以利用色彩的对比和层次来突出重要功能和信息,提高用户的识别和使用效率。
3. 布局和导航手机屏幕的尺寸相对较小,设计师需要合理安排布局,以确保界面的整洁和易用性。
导航栏的设计应该简单直观,让用户能够快速找到自己需要的功能和页面。
同时,设计师应该考虑到手机不同屏幕尺寸的适配问题,保证界面在各种设备上都能够良好显示。
4. 图标和按钮图标和按钮是用户操作的入口和工具,设计师需要选择合适的图标和按钮样式,以便用户能够快速理解并完成操作。
图标的颜色、形状和大小应该与界面整体风格相匹配,按钮的样式和位置应该方便用户点击和触摸。
二、优化用户体验的方法1. 用户研究在进行界面设计和用户体验优化之前,设计师应该进行用户研究,了解用户的需求和习惯。
可以通过调查问卷、用户访谈和数据分析等方法获取用户反馈和行为数据,从而找到设计的问题和改进的方向。
2. 简化操作流程用户在使用手机应用程序时最不喜欢的就是繁琐的操作流程和等待时间过长。
设计师可以通过合理的界面设计和功能布局,将操作流程简化到最低限度。
例如,可以减少界面中的点击次数、精简表单填写内容,通过缓存技术减少加载时间等。
移动互联网时代的产品设计原则

移动互联网时代的产品设计原则随着移动互联网的快速发展,产品设计在满足用户需求和提升用户体验方面扮演着重要的角色。
在这个时代,产品设计需要遵循一些原则,以确保产品的成功和用户的满意度。
本文将探讨移动互联网时代的产品设计原则,并提供一些实用的建议。
一、用户至上在移动互联网时代,用户体验是产品成功的关键。
产品设计应该以用户为中心,了解用户的需求和偏好,并根据这些信息来设计产品。
用户至上的原则意味着产品应该简单易用、功能完善、界面友好,并且能够提供个性化的体验。
通过深入了解用户,产品设计师可以更好地满足用户的期望,提高用户的满意度。
二、简洁明了在移动设备上使用产品的用户通常是匆忙的,他们希望能够快速找到所需的信息或完成任务。
因此,产品设计应该尽量简洁明了,避免过多的复杂功能和冗余的信息。
界面应该简洁清晰,操作流程应该简单直观。
通过简洁明了的设计,用户可以更快地完成任务,提高效率。
三、响应式设计移动设备的屏幕尺寸和分辨率各不相同,产品设计应该考虑到不同设备的适配问题。
响应式设计是一种能够根据设备屏幕大小和分辨率自动调整布局和样式的设计方法。
通过响应式设计,产品可以在不同设备上提供一致的用户体验,无论是在手机、平板还是电脑上使用产品,用户都能够获得良好的体验。
四、个性化定制移动互联网时代,用户对个性化体验的需求越来越高。
产品设计应该提供个性化定制的功能,让用户能够根据自己的喜好和需求来调整产品的外观和功能。
个性化定制可以增加用户的参与感和忠诚度,提高用户的满意度和粘性。
五、数据驱动移动互联网时代,数据是宝贵的资源。
产品设计应该基于数据来做出决策,通过分析用户行为和反馈数据,了解用户的需求和偏好,并根据这些数据来优化产品设计。
数据驱动的设计可以提高产品的效果和用户的满意度,帮助产品设计师做出更明智的决策。
六、持续迭代移动互联网时代,产品的生命周期变得更短,用户需求也在不断变化。
产品设计应该采用持续迭代的方式,不断优化和改进产品。
移动APP设计的五大原则

移动APP设计的五大原则移动APP的设计不仅仅是界面的美观与颜色的搭配,更是用户体验与交互方式的良好。
在如今这个智能时代,APP已经成为人们生活中必不可少的一部分,然而,好的APP设计却非常稀缺。
在此,我们将介绍移动APP设计的五大原则,以便设计者能够创建出用户喜欢的APP。
一、简化操作拥有一个直观的操作界面可以让用户更容易上手,从而提高用户体验,降低用户流失率。
设计师应该在初期就明确APP的核心功能,并将这些功能置于主屏幕或者导航栏中,尽可能减少用户操作寻找功能的时间。
此外,设计师应该明确并减少重复的操作,使得用户可以更加快速完成需要做的任务。
二、确保可读性设计师应该注意字体的大小以及字符的排版。
在手机上应该使用更大的字体来保证用户的可读性,同时应该避免过多的文字,这样可以使得用户更轻松的阅读。
在排版方面,设计师应该考虑好不同语言之间的排版,保证在不同语言转换时排版不出现混乱的情况。
三、保持一致性一致性的设计可以使得用户能够更加快速的熟悉APP的界面,并且可以使得用户更容易夯实对APP的整体印象。
可以在设计时选择一套主题,然后在整个APP中保持这样的风格,这样不仅能够保持一致性,还能更好的提高用户的信任感和满意度。
四、良好的反馈机制良好的反馈是指用户在进行操作后,可以不断地看到APP对操作的反馈,从而让用户更好的了解自己操作的结果。
比如,用户在进行一次点击操作后,应该实时地看到APP的反馈信息,这样可以让用户更加有信心地操作APP。
五、提供易访问的帮助在用户使用的过程中,难免会遇到一些问题,此时如果APP没有提供帮助渠道,就容易让用户感到沮丧。
设计师应该为APP提供易访问的帮助渠道,并且在APP关键步骤时提供帮助说明,这样可以帮助用户更好的完成操作并且加深用户对APP的印象。
综上所述,移动APP设计要注重用户的体验与交互方式,设计师需要为用户提供方便和实用的功能和界面。
采用简单的操作方式、保证可读性、保持一致性、提供良好的反馈机制以及提供易访问的帮助,可以有效营造良好的用户体验。
移动应用程序设计的十大设计原则

移动应用程序设计的十大设计原则移动应用程序已经成为我们生活中不可或缺的一部分,我们可以通过手机与互联网直接交互。
而移动应用程序的设计原则是必不可少的。
移动应用程序设计的十大设计原则是什么?本文将介绍这十个原则,帮助您更好地进行移动应用程序设计。
一、一致性一致性是设计移动应用程序的核心原则之一。
应用程序的整体设计应该保持一致性,包括图标、视觉效果、排版、色彩和语言。
这样可以让用户更容易地理解应用程序。
如果每个页面都有不同的排版、颜色和布局,用户会感到非常困惑。
二、简洁性移动设备的屏幕通常很小,所以要保持应用程序界面的简洁性。
简洁明了的设计可以让用户更容易地了解功能。
不要在应用程序中放置过于复杂的功能,避免让用户难以理解。
另外,不要过度使用图像和动画效果,否则会引起用户迷茫。
三、引导性引导性是让用户从应用程序中获得价值的关键所在。
在开始使用应用程序之前,应该向用户提供明确的指导和提示,包括关键的操作和步骤。
当用户理解应用程序后,应该提供详细而简洁的帮助手册,以便用户在需要时获得帮助和支持。
四、直观性移动应用程序应该直观,让用户可以轻松地完成任务。
应用程序的功能繁多,如何在界面上展示出来,至关重要。
采用符号、图标和颜色等方式可以让用户更容易理解应用程序中的功能。
五、可用性可用性是指用户在使用应用程序时,所需要的复杂度。
应用程序必须足够容易使用,尤其对初次使用者来说。
用户界面的设计应该简单明了,对于每个功能,都应该提供适当的提示来帮助用户理解它是如何工作的。
六、可访问性移动应用程序应该将视障人士和患有色盲、弱视等较常见障碍的用户的特殊需求考虑在内。
例如,应该为语音命令设置功能,增大字体和对比度,使用图标来辅助视觉决策,让用户能够清楚地看到界面上的任何元素,并使用语音输出和震动反馈来辅助操作。
七、及时性应用程序需要提供实时的信息,例如,提供实时交通状况等各种信息。
在应用程序中显示的信息应该是最新的,而且可以随时更新。
移动端APP的设计原则与优化方法

移动端APP的设计原则与优化方法近年来,随着移动设备的普及和移动互联网的快速发展,手机APP成为人们生活、工作和娱乐的重要工具。
如今,APP已经成为移动互联网时代的主要渠道之一。
但在这个竞争激烈的市场上,如何设计一个好用、有吸引力的APP并不容易。
本文将从设计原则、用户体验和性能优化等方面探讨移动端APP的设计原则和优化方法。
一、设计原则1.简洁与美观在移动端APP的设计中,简洁和美观是优先考虑的两个方面。
APP的界面应该尽可能地简洁明了,颜色搭配协调,图标和按钮的大小、颜色和样式都应该与APP整体风格统一,给用户带来舒适的体验。
同时,也应该注意避免动画、特效等设计过多导致卡顿、内存占用等问题。
2.易用性APP的易用性是其生存和发展的重要保证。
设计应该以用户为中心,考虑用户的需求和习惯,以最简化的方式实现用户目标。
例如,可通过加入引导、提示和操作指示等方式,让用户更加方便使用APP。
3.可用性APP的界面应该能够顺畅地跨越屏幕尺寸和分辨率的差异,考虑到不同设备和系统的兼容性。
同时,在APP首页或导航栏上,应该设置明确的分类和定位,便于用户快速找到自己需要的内容和功能。
4.安全性和隐私保护在APP的设计中,安全性和隐私保护是两个非常重要的方面。
APP应该尽可能地避免用户个人信息和隐私泄露,以防止安全隐患造成不必要的损失和风险。
二、用户体验1.导航设计在APP的导航设计中,应该遵循“三步找到”原则,让用户通过最顶层的导航进入到目标内容。
同时,在自主定制和推荐功能显示方面,应该尽可能的符合用户的使用需求与习惯。
2.内容与搜索在移动端APP中,内容和搜索也是用户体验的重要组成部分。
在设计中,应该针对用户的需求,定位内容的类型和所处位置,方便用户快速查找和浏览。
同时,在搜索功能中,应该结合推荐、热门推荐、热门搜索等方式,提升用户的使用效率。
3.界面交互在移动端APP的界面交互中,UI设计与动效设计也是非常重要的部分。
手机APP设计原则和最佳实践

手机APP设计原则和最佳实践手机APP设计在如今的移动互联网时代扮演着极为重要的角色。
随着智能手机的普及,用户对于APP的需求越来越高,因此如何设计出满足用户期望的手机APP成为了一项需要重视的任务。
本文将介绍手机APP设计的原则和最佳实践,帮助读者更好地了解和应用于APP设计中。
一、用户体验至上用户体验是手机APP设计的核心目标。
通过提供简洁、直观、易用的界面和功能,能够使用户更加愉快地使用APP,并且达到他们的目标。
在设计中,应当注重以下几点来实现良好的用户体验:1.1 专注于核心功能- 在设计过程中,应该关注于APP的核心功能,避免添加过多的功能而导致界面混乱和使用复杂度增加。
通过精简功能,用户能够更加快速地找到所需的操作,并提高整体的使用效率。
1.2 简洁直观的界面 - 界面设计应该尽量简洁、直观,减少不必要的复杂性。
通过合理的布局、明确的图标和导航,用户能够更快地了解APP的功能和操作方式。
此外,高对比度、鲜明的色彩也能够提升界面的可读性和吸引力。
1.3 响应迅速的交互 - 快速的响应时间是用户体验的重要因素之一。
APP的界面和功能应当能够在用户操作的瞬间提供及时的反馈,确保用户操作流畅、无卡顿。
1.4 引导式设计 - 引导用户正确地使用APP也是一种提高用户体验的常用方法。
通过引导提示、操作指南等方式,让用户更好地了解和使用APP的功能,降低学习的难度和门槛。
二、一致性和可预测性一致性和可预测性是设计中非常关键的原则。
通过保持设计的一致性,能够使用户更容易学习和理解APP的使用方式,同时也能够提高用户忠诚度。
2.1 一致的界面元素 - 在手机APP设计中,界面元素(如按钮、导航栏、标签等)的样式和位置应当保持一致。
这样可以让用户快速识别出相同功能的元素,并且减少用户的认知负担。
2.2 一致的交互逻辑 - 相同的操作应该具有相同的交互逻辑。
比如,点击屏幕右上角的按钮通常是返回上一级页面,保持这种一致性能够让用户更容易预测和理解APP的功能。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
屏幕手机屏幕尺寸分为物理尺寸和显示分辨率。
•物理尺寸是按英寸对角线计算。
•显示分辨率指的是屏幕图像的精密度,是指屏幕所能显示的像素的多少。
•显示精度是每英寸上可以显示像素(DPI)。
NOKIA,N78的物理尺寸为2.4英寸,显示分辨率为240*320像素;HTC T7278的物理尺寸为2.8英寸,显示分辨率为480*640像素。
两款手机显示精度不同,同样100*100像素大小的图片在这两款手机上看到的效果也不同,同样大小的图片在HTC T7278看起来要比NOKIA N78小的多。
分辨率种类(不完全统计):1.128*128 128*160 130*130 176*144 176*220 208*208208*320 240*160 240*240 240*2602.240*320 240*400 240*432 240*480 320*240 320*320 320*400 320*480345*800 352*4163.360*480 360*640 400*800 480*320 480*3604.480*640 480*800 480*854 480*864 640*480 800*480一款软件适配所有分辨率的手机难度较大,势必需要先挑选主流分辨率进行设计,在此基础上适配其他分辨率的手机。
鉴于2010年QVGA(240*320)屏幕的市场占有率将达到70%,可将QVGA的手机当成主要的设计对象。
视觉重点自上而下大多数情况下浏览者看电脑屏幕时都不由自主的以“F”形状的模式阅读网页,而手机屏幕很小,显示能力有限,屏幕上内容尽收眼底,阅读文字时自上而下,因而信息的重要性也是从上到下依次排列。
“F”形状的模式阅读简洁手机屏幕的显示能力有限,使用物理按键时,无法向电脑或者触摸屏那些跳跃式操作,必须依次切换控件的焦点,例如手机界面中的翻页程序,用户使用最多的就是“下一页”,将“下一页”放置为第一个控件便于用户操作,方案1优于方案2。
界面简洁的途径:•减少控件的数目,使程序的主功能显然易见,引导用户操作。
•当内容过多时,要突出重要信息,便于用户快速浏览。
•显示出错信息时,不要只告知用户程序出现错误,要提供有用的信息引导用户完成操作。
•手机上网的速度慢,一般在6k/s,这就要求页面的内容尽量精简,避免过多的图片。
•页面的内容控制在两屏以内,也不能空白。
比如当用户支付电影票之后,不能只显示“支付成功”,可以引导用户使用其他功能。
简洁要求文字描述简练,但也要充分利用手机屏幕上仅有的显示空间。
例如iPhone的搜索栏,搜索框用于内容搜索,点击之后会显示虚拟键盘,除了左边默认的搜索图标之外,搜索栏还包含其他元素。
•占位符文本。
可以提醒用户搜索栏的功能(例如“Search”)或者搜索的内容(如Google或YouTube)。
•书签按钮。
记住用户的搜索内容,如在地图搜索中,书签按钮可以快速地查到已标记位置、最新搜索的内容和联系人。
默认在搜索栏上用户没有输入文本或者占位符文本时,书签按钮才可能显示。
•清除按钮。
可以快速地删除搜索栏中内容,默认在用户在搜索栏中输入文本时,才会显示清除按钮。
任务当完成一个任务需要多步操作时,可将任务进行拆分成多个子任务,每个界面完成一个子任务。
如逻辑清晰并保证用户操作的流畅性,可适当地增加页面跳转次数和点击的次数。
如使用e指通客户端购买电影票的任务有:查询电影→选择放映场次→选座→确定订单→支付。
e指通关注首要任务也是用户对于程序满意度的重要因素。
所以在设计时,要保证界面上的每一个元素的设计都取决于当前首要任务,用户完成任务是否需要这些元素。
举个具体的例子:这些信息或者功能对于用户购物是否有帮助呢?如果不是,这些信息或者功能是否在另外的使用情境中至关重要吗?避免输入使用标准iso手机按键时,用户平均每分钟输入英文21个单词,在手机上输入将减慢用户操作的速度,过多的文本输入是在浪费用户的时间和精力,如非要输入,需保证“物有所值”,用户会感觉到并没有因为输入而耽误了任务完成。
以下途径可以避免输入:•使用列表选项的形式。
•增加控件的可记忆性。
一致性手机界面上出现的颜色、字体、文字和图片等元素要保持一致,一致性可以使用户知道在哪些地方找到特定的功能或信息,同时还能使得他们知道这些功能的正确使用方法。
例如,返回上一级可以表述成:返回,上一级,后退,撤退……对于用户而言,这些文字没有明显的区别,但在手机界面显示时要只使用一种和同一个位置,如iPhone界面中的“返回”只显示在导航栏的左边。
熊猫看书使用情境手机QQ手机属于移动设备,可以在各种场合使用,如地铁、路边、超市、飞机上等,手机可以切换到飞机模式。
手机可以在各个时间段使用,手机QQ也可以切换使用模式:标准模式、室外模式和夜间模式。
操作方式手机操作有物理按键和触摸等多种操作方式,当同样的程序要在多种操作方式下使用,需顾及手指点击时可点区域的大小。
使用物理按键时,按钮可以只是两个字,选中控件即可操作,而iPhone的可点击区域最好不低于44×44像素。
反馈程序需给予合理的反馈,让知道用户程序当前的状态。
比如iPhone的运行指示,运行指示表示后台有程序正在运行,但任务完成时不会提醒用户。
当程序无法立即完成联网时,状态栏上会显示运行指示。
当程序执行的任务无法立即完成时,工具栏上会显示稍大点的运行指示。
运行指示提供了很好的反馈机制,明确地告知用户程序正在运行比告诉用户任务已经完成更为重要。
Android vs iPhone icon设计指南Android在研究Android的icon设计之前,有必要先了解Android的界面是如何适配多样化屏幕的。
适配性上一篇博文中提到,由于同一个UI元素(如100 x100像素的图片)在高精度的屏幕上要比低精度的屏幕上看起来要小,为了让这两个屏幕上的图片看起来效果差不多,可以采用以下两种方法:•程序将图片进行缩放,但是效果较差。
•为这两个精度屏幕的手机各提供一个图片。
但是屏幕的参数多样化,为每一个精度的屏幕都设计一套icon,工作量大并且不能满足程序的兼容性要求,势必要对屏幕的分级,如在160dpi和180dpi的手机屏幕上采用同一套icon,当这套icon在240dpi效果满足不了设计要求,就需要另做一套稍大些的icon。
在Android 1.5以及更早的版本中,只支持3.2″屏幕上的HVGA (320×480)分辨率,开发人员也不需要考虑界面的适配性问题。
从Android 1.6之后,平台支持多种尺寸和分辨率的设备,这也就意味着开发人员在设计时要考虑到屏幕的多样性。
为了简化设计并且兼容更多的手机屏幕,平台依照尺寸和分辨率对屏幕进行了区分:•三种尺寸:大,中,小。
•三种精度:高(hdpi),中(mdpi)和低(ldpi)。
程序可以为这三种尺寸的屏幕提供默认资源,如有需要,还可以为各种精度的屏幕提供资源。
在运行时,系统会根据屏幕布局加载正确尺寸或者精度的图片。
Android的icon尺寸在运行时,程序为最佳显示效果提供了三种方法:1.图片缩放基于当前屏幕的精度,平台自动加载任何未经缩放的限定尺寸和精度的图片。
如果图片不匹配,平台会加载默认资源并且在放大或者缩小之后可以满足当前界面的显示要求。
例如,当前为高精度屏幕,平台会加载高精度资源(如图片),如果没有,平台会将中精度资源缩放至高精度。
2.自动定义像素尺寸和位置如果程序不支持多种精度屏幕,平台会自动定义像素绝对位置和尺寸值等,这样就能保证元素能和精度160的屏幕上一样能显示出同样尺寸的效果。
例如,要让WVGA高精度屏幕和传统的HVGA 屏幕一样显示同样尺寸的图片,当程序不支持时,系统会对程序慌称屏幕分辨率为320×533,在(10,10)到(100,100)的区域内绘制图形完成之后,系统会将图形放大到(15,15)到(150,150)的屏幕显示区域。
3.兼容更大尺寸的屏幕当前屏幕超过程序所支持屏幕的上限时,定义supports-screens元素,这样超出显示的基准线时,平台在此显示黑色的背景图。
例如,WVGA 中精度屏幕上,如程序不支持这样的大屏幕,系统会谎称是一个320×480的,多余的显示区域会被填充成黑色。
但为了达到最佳的显示效果,最好的方法还是设计多套图片。
那就有必要对于所有的屏幕依据精度值进行分级(高中低),之后再设计三套icon:•先为主流的中精度屏幕(HVGA)设计一套icon,确定图片的像素尺寸。
•为高精度屏幕将图片放大到150%,为低精度屏幕将图片缩小至75%。
•将这三套资源放置到程序的三个文件夹下:res/drawable-mdpi/ 、res/drawable-hdpi/、 res/drawable-ldpi/。
程序在运行时,平台会根据屏幕的精度调取合适的icon。
设计指南Android标准iconLauncher Icon是程序主界面上的功能图标,Android对于各个icon的风格有一定的要求:•符合当下的流行趋势,避免过度使用隐喻。
•高度简化和夸张,小尺寸图标也能易于识别,不宜太复杂。
•尝试抓住程序的主要特征,比如音像作为音乐的icon。
•使用自然的轮廓和形状,看起来几何化和有机化,不失真实感。
•Icon采用前视角,几乎没有透视,光源在顶部。
•不光滑但富有质感。
正确和错误的icon另外,所有的icon都有文字标签,不要在设计时把文字也放到icon中。
Launcher Icon通常是一个较大的标准图标中包含一个小图标,使用一个中性色彩和一个主要色彩,并保持高度的对比,不宜过度饱和。
推荐色值尺寸和定位Launcher icons要有多样化的形状和样式,但又要形成统一的视觉风格,其尺寸和定位也用统一:•(Full Asset)红色边框为图标尺寸•(Icon)蓝色边框是图形尺寸,比图标尺寸稍小,图形之外的空间用于显示阴影和特殊效果。
•(Square Icon)橙色边框是另外一种图形尺寸。
两种类型的图形尺寸可以达到统一的视觉权重。
Icon dimensions for high-density (hdpi) screens:•Full Asset: 72 x 72 px•Icon: 60 x 60 px•Square Icon: 56 x 56 pxIcon Dimensions for medium-density (mdpi) screens:•Full Asset: 48 x 48 px•Icon: 40 x 40 px•Square Icon: 38 x 3Icon Dimensions for low-density (ldpi) screens:•Full Asset: 36 x 36 px•Icon: 30 x 30 px•Square Icon: 28 x 28 px模板下载Android的标准图标模板,在此基础上绘制icon,后期还要加上阴影效果。