android,pad,设计规范
- 格式:docx
- 大小:36.07 KB
- 文档页数:15
android,ios设计规范
在Android和iOS中,设计规范是非常重要的。
这个规范指导着开发人员和设计师如何创建高质量的用户界面和体验。
以下是Android和iOS的设计规范的一些关键要点。
1. Material Design:这是Google为Android设计推出的新规范。
它强调材料和真实感,通过阴影、深度、反射和运动来模拟真实的物体。
这个规范提供了一组可扩展的设计模板和指南,以帮助设计师和开发人员创建一致的应用程序体验。
2. Design for Android:这是为Android设计的老规范,它提供了一组最佳实践和设计指南。
这些指南包括如何设计指令、如何使用标准图标和如何设计用户界面。
3. 安卓适配性方案:由于Android的硬件和软件规范的多样性,应用程序需要适应不同的屏幕尺寸、分辨率和设备特性。
Google提供了一些适配性方案和工具,以帮助开发人员创建适应性强的应用程序。
二、iOS设计规范
2. iOS设计资源中心:这是一个面向开发人员和设计师的网站,提供了许多iOS设计资源,包括模板、图标和样式表。
总结:
设计规范对于应用程序的成功至关重要。
它可以帮助开发人员和设计师创建一致、易于使用的用户界面和体验。
Android和iOS的设计规范都是基于最佳实践和设计原则的。
开发人员和设计师应该尝试遵循这些规范,以帮助他们创建高质量的应用程序。
安卓设计规范安卓设计规范是指在开发安卓应用程序时,要遵循的一套设计原则和规范。
它涉及到应用程序的界面设计、交互设计、图标设计、颜色选择、字体使用等方面。
遵循这些规范可以让应用程序更加美观、易用、一致。
下面我将详细介绍安卓设计规范的一些重要方面。
首先,关于界面设计。
安卓界面设计应该注重层次感和平衡感。
通过使用阴影、边框、颜色等元素,可以使界面元素有明确的层次感。
而通过合理布局和调整大小,可以使界面元素在视觉上保持平衡。
同时,还应该遵循一致的排版规则,例如标题应该使用较大的字体,按钮应该有明确的边框等。
其次,关于交互设计。
安卓应用程序的交互设计应该简单直接,用户操作应该尽量减少步骤。
应该合理使用系统提供的交互元素,例如下拉菜单、滑动选项卡等。
此外,还应该提供反馈,例如当用户点击按钮时,按钮应该有明显的按下效果或颜色反馈。
另外还应该避免使用复杂的手势操作,以降低用户使用的学习成本。
再次,关于图标设计。
安卓应用程序的图标设计应该简洁明了,图标应该清晰表达其功能。
同时还应该遵循一致的风格,例如同一类型的功能应该使用相似的图标样式。
此外,图标颜色应该符合应用程序整体的配色方案,并且应该适应不同尺寸的屏幕,保证在不同设备上显示清晰。
另外,关于颜色选择。
在安卓应用程序中,应该通过精心选择颜色来传递信息和情感。
颜色应该与应用程序的品牌形象相一致,并且可以根据不同功能的需要,选择合适的颜色。
例如,可以使用鲜艳的颜色来吸引用户的注意力,使用暖色调来营造温暖友好的氛围等。
最后,关于字体使用。
在安卓应用程序中,应该选择适合的字体,来传达信息并增强用户体验。
字体应该易读且一致,而且应该根据不同文本的功能来选择合适的字体样式。
例如,标题可以使用较大、粗体的字体来突出重点,正文可以使用较小、细体的字体来提供详细信息等。
总结起来,安卓设计规范是为了提高应用程序的美观性、易用性和一致性而制定的一套规范。
它包括界面设计、交互设计、图标设计、颜色选择和字体使用等方面。
安卓尺寸规范安卓尺寸规范是指安卓应用程序在不同尺寸的设备上的布局和界面设计规范。
1. 响应式布局:安卓应用程序应该能够适应不同尺寸的设备,包括手机、平板电脑和大屏幕设备。
使用相对布局和可伸缩单位(如dp)来实现布局的适应性。
2. 高分辨率图像:为了适应高分辨率的设备,应该提供高分辨率的图像资源,以避免在大屏幕设备上出现模糊或失真的情况。
3. 导航和操作按钮:在不同尺寸的设备上,导航和操作按钮应该位于容易操作的位置,以便用户可以方便地使用。
导航按钮应该可以自动适应屏幕的尺寸和方向,并且在可用空间较小的设备上显示为折叠菜单或图标。
4. 文本和字体大小:文字内容应该根据屏幕尺寸和分辨率进行调整,以确保在不同设备上都能够清晰可读。
字体大小应该使用sp(可伸缩像素)单位来设置,以便能够适应用户的偏好设置。
5. 图标和按钮大小:图标和按钮的大小应该适应屏幕的尺寸,以便用户可以轻松点击或触摸它们。
在较小的设备上,图标和按钮应该相对较大以提供更好的可点击性。
6. 列表和网格视图:在显示列表和网格视图的时候,应该考虑到设备的尺寸和方向,以确保每个项目都有足够的空间和可点击区域。
7. 响应式图片:在显示图片的时候,应该根据设备的屏幕尺寸和分辨率来加载适当大小的图片,以避免加载过大的图片影响性能或加载过小的图片导致模糊。
8. 手势操作:在支持手势操作的应用程序中,手势的触发区域和操作反馈应该与设备的尺寸和方向相匹配。
9. 多屏幕支持:安卓应用程序应该支持多屏幕显示,可以通过使用不同的布局文件或使用约束布局来适应不同尺寸的设备。
10. 测试和优化:在开发过程中,应该对应用程序在不同尺寸的设备上进行测试和优化,以确保在各种情况下都有良好的用户体验。
总结:安卓尺寸规范是为了确保安卓应用程序在不同尺寸的设备上能够正确地显示和操作。
通过响应式布局、高分辨率图像、合理的导航和操作按钮、适应性的文字和字体大小、合适的图标和按钮大小、合理的列表和网格视图、适当的图片加载、支持手势操作、多屏幕支持以及测试和优化,可以提供良好的用户体验并保证应用程序的质量。
pad设计规范PAD(Product Attribute Discovery)是一种用于描述和发现产品属性的XML格式标准,它允许供应商在互联网上发布产品信息,以帮助客户更容易地了解和比较不同厂商的产品。
在早期互联网上,供应商发布产品信息的方式往往是通过HTML页面,但随着产品数量的增加和信息的复杂性,HTML页面已经不足以满足供应商和客户的需求。
PAD的出现填补了这一空缺,为供应商提供了一种结构化、标准化的方式来发布产品信息。
为了确保PAD的有效使用和互操作性,有必要制定一套设计规范。
在设计PAD规范时,应考虑以下几个方面:1. PAD的结构:PAD应具有良好的结构,以便供应商可以清晰、准确地描述其产品的属性。
PAD的结构应包括产品名称、供应商信息、价格、库存信息等基本属性,同时应允许供应商添加自定义属性以满足特定需求。
2. PAD的属性:PAD应定义一套标准的属性列表,以描述产品的特性、规格、功能等。
这些属性应具有一定的层次结构,以便供应商可以根据需要选择合适的属性。
在定义属性时,应尽量使用简洁明了的术语,避免歧义和不必要的混淆。
3. PAD的分类:为了方便客户进行产品比较和筛选,PAD应允许供应商为其产品选择适当的分类。
分类应具有层次结构,以便客户可以按需选择不同的细分市场。
4. PAD的多语言支持:PAD应支持多语言,以便供应商可以为不同地区的客户提供相应的产品信息。
PAD应允许供应商为不同语言版本的属性和分类添加翻译。
5. PAD的扩展性:由于不同厂商和行业的产品可能具有特定的属性和需求,PAD应具有较高的扩展性。
供应商应可以根据自身需求扩展PAD的属性和分类,以满足特定的产品描述要求。
6. PAD的版本管理:PAD的版本管理是非常重要的,以确保供应商和客户总是使用最新版本的产品信息。
PAD应提供一种机制,以便供应商可以更新和发布新的产品信息,客户可以获取最新版本的PAD。
在设计PAD规范时,应尽量与供应商和客户进行广泛的沟通和合作,了解他们的需求和意见。
android设计规范Android设计规范是指在开发Android应用程序时,遵循一定的设计原则和规范,以提高用户体验和应用程序的可用性。
下面将介绍一些常见的Android设计规范。
1. Material Design:Material Design是Google推出的一种设计语言,用于创建具有一致外观和交互的应用程序。
它包括使用卡片、阴影、动画和明亮的颜色等元素来传达层次结构和重点。
2. 色彩使用:在Android应用程序中,选择适合主题和品牌的色彩方案非常重要。
应该遵循Material Design中的色彩准则,并确保颜色在不同屏幕上的一致性和可读性。
3. 字体使用:选择适合应用程序的字体,并在整个应用程序中保持一致。
字体应可读,并且大小、加粗和斜体等样式应有合理的使用。
4. 图标设计:在应用程序中使用图标可以增强用户的可用性和交互性。
图标应当简洁明了,并具有适当的大小和比例。
同时,应该使用向量图标,以便在不同屏幕分辨率上保持清晰度。
5. 导航和布局:在设计应用程序的导航和布局时,应遵循常见的导航模式和布局原则。
例如,使用底部导航栏、抽屉式导航和标签页等来帮助用户浏览和导航应用程序。
6. 响应式设计:设计响应式布局,以适应不同大小和分辨率的设备,例如手机和平板电脑。
这意味着应该使用相对单位(如dp)而不是固定像素,并通过约束布局和可伸缩组件来适应不同的屏幕尺寸。
7. 动画和转换:使用动画和转换可以增加用户体验和可用性。
例如,使用渐变、淡入淡出和缩放等动画来提供视觉效果和反馈。
8. 可访问性:为了让残障人士能够使用应用程序,应该遵循可访问性准则,包括使用适当的颜色对比度、提供语音辅助和键盘导航等。
9. 图形和图片:在应用程序中使用图形和图片可以增加用户的吸引力和参与度。
应该选择高质量的、与应用程序内容相关的图形和图片,并压缩它们以提高性能。
10. 安全性和隐私:在设计应用程序时,要考虑用户的隐私和数据安全。
pad设计规范PAD设计规范是为了保障软件应用程序的界面设计统一、规范、简洁、易用,提供用户友好的使用体验而制定的一系列设计原则和标准。
以下是关于PAD设计规范的一些要点:1. 界面布局:- 应遵循清晰简洁的设计风格,避免过于复杂或过多的元素。
- 页面布局要合理,信息结构清晰,主要功能点应明确突出。
- 对于大型应用程序,可以采用模块化的布局方式,将不同的功能区块划分清晰。
- 页面内容应根据重要性进行合理排序,主要功能点应位于最显眼的位置。
2. 颜色和图像:- 颜色应选择符合品牌识别和用户喜好的色彩搭配,尽量避免使用过于刺眼或对比度过大的颜色。
- 图像要精确且高质量地表达意思,符合用户直觉,使用图标要简洁明了,不宜过多或过于复杂。
- 文字和背景颜色要有明显的对比度,确保易读性和界面可用性。
3. 文字和字体:- 文字要使用易读的字体,清晰而明了,大小要适中,不要过小或过大。
- 文字内容要简洁明了,符合用户的习惯和认知,不宜过多的技术术语或专业术语。
- 对于长段落的文字内容,应根据需要进行段落划分,方便用户阅读。
4. 交互设计:- 主要功能点要易于发现,位置明显,醒目突出,可以通过颜色、大小、图标等方式实现。
- 按钮和操作界面要一目了然,确保用户可以轻松掌握操作。
- 响应速度要快,界面要有良好的反馈,及时告知用户操作结果。
- 界面要有良好的导航结构,让用户可以轻松找到自己需要的功能点或信息。
5. 响应式设计:- 考虑到不同设备的屏幕大小和分辨率,应采用响应式设计,使界面在各种终端上都能正常显示并且有良好的用户体验。
- 界面要适配不同的屏幕尺寸,确保按钮和操作界面的大小适宜。
- 对于移动设备,要考虑到手势操作和触摸屏使用的习惯,提供相应的交互方式。
6. 辅助功能:- 考虑到一些特殊用户群体的需求,应提供辅助功能,如放大镜、语音识别、无障碍模式等。
- 对于表单输入框等组件,要提供充足的提示信息和错误提示,方便用户输入。
安卓的界面尺寸规范概述在开发安卓应用程序时,界面的尺寸规范非常重要。
合理的界面尺寸可以保持应用的一致性,使用户能够更好地适应应用的布局。
本文将介绍安卓界面尺寸规范的基本原则和常见的尺寸规范。
基本原则在设计安卓应用的界面尺寸时,我们应遵循以下基本原则:1.尺寸的一致性:应保持界面尺寸在不同设备上的一致性,以确保用户在不同设备上都能有良好的使用体验。
2.可扩展性:应考虑到不同设备具有不同的屏幕尺寸和分辨率,因此应设计出可自适应的界面,以适应不同设备的显示效果。
3.合理的边距和间距:合理的边距和间距可以提高界面的可读性和可操作性,同时也可以使界面看起来更加美观。
4.响应式设计:界面应具备良好的响应性,能够适应用户的操作习惯和设备的屏幕方向变化。
常见的尺寸规范下面是一些常见的安卓界面尺寸规范的示例:文字大小在设计应用界面中的文字大小时,可以考虑以下规范:•标题:一般使用 24sp - 28sp 的字号;•正文:一般使用 14sp - 16sp 的字号;•按钮文字:一般使用 18sp - 20sp 的字号;•辅助文字:一般使用 12sp - 14sp 的字号。
边距和间距合理的边距和间距可以提高界面的可读性和美观度。
以下是一些建议的边距和间距规范:•外边距:一般使用 16dp - 24dp 的外边距;•内边距:一般使用 8dp - 16dp 的内边距;•水平间距:一般使用 8dp - 16dp 的水平间距;•垂直间距:一般使用 8dp - 16dp 的垂直间距。
图标大小在设计应用界面中的图标大小时,可以考虑以下规范:•标题图标:一般使用 24dp - 32dp 的图标大小;•导航图标:一般使用 18dp - 24dp 的图标大小;•操作图标:一般使用 12dp - 18dp 的图标大小。
列表项高度在设计应用界面中的列表项高度时,可以考虑以下规范:•单行列表项高度:一般使用 48dp - 56dp 的高度;•双行列表项高度:一般使用 72dp - 80dp 的高度;•多行列表项高度:一般使用 96dp - 104dp 的高度。
安卓app设计规范安卓App设计规范是指在开发安卓App时遵循的一系列设计准则和规范,旨在提高App的用户体验,统一界面风格,提升应用的可用性和易用性。
本文将详细介绍一些常见的安卓App设计规范。
1. 布局规范:使用线性布局和相对布局等常见的布局方式,确保界面简洁、直观,并且适应不同屏幕尺寸和设备方向的变化。
2. 导航规范:使用标准的导航栏和工具栏,并保持其位置和行为的一致性。
在移动设备上,通常将导航栏放置在屏幕的顶部,工具栏放置在底部。
3. 字体规范:使用易读的字体,字号适中,避免使用过小或过大的字体。
同时,确保字体颜色与背景色有足够的对比度,以提高可读性。
4. 图标规范:使用标准的图标,保持外观和行为的一致性。
图标应该具有简单明确的意义,并且在不同尺寸和分辨率下能够清晰可见。
使用统一的配色方案,确保界面整体的一致性。
遵循Material Design的颜色原则,使用原色、辅助色和弱化色来进行配色。
6. 输入规范:对于用户输入,应提供明确的输入字段和输入提示。
同时,根据不同的输入类型,使用合适的输入控件(如文本框、下拉列表等)。
7. 图片规范:使用高质量的图片,确保图像在不同尺寸和分辨率下都能够清晰显示。
对于长图片,可以使用合适的裁剪方式来保持其可见区域。
8. 动画规范:运用适度的动画效果,以提高用户体验。
动画应该流畅、自然,并且不应过度使用,以免分散用户注意力。
9. 按钮规范:使用标准的按钮样式和行为,在按下时有合理的反馈效果(如变色、变形等)。
按钮的位置和大小应合理,以便用户轻松点击。
对于重要的提示和错误信息,应使用明确的文字和图标来进行标识。
同时,可以结合合适的动画效果,使其更加显眼和易于注意。
综上所述,安卓App设计规范涉及到的方面很多,包括布局、导航、字体、图标、颜色、输入、图片、动画、按钮和消息等等。
这些规范能够帮助开发者设计出更加符合用户习惯和期望的App,提高用户的满意度和使用体验。
Android应用开发入门界面设计规范在Android应用开发中,界面设计是非常重要的一环。
一个好的界面设计可以提高用户的使用体验,使应用更易于操作和导航。
本文将介绍Android应用开发入门界面设计规范,帮助开发者们了解如何设计出符合规范的界面。
一、尺寸和布局在Android应用界面设计中,尺寸和布局是非常重要的考虑因素。
开发者需要根据不同设备屏幕的大小和分辨率来进行设计,以适应各种屏幕尺寸。
可以使用dp(density-independent pixels)来控制元素的大小,使其在不同设备上显示一致。
同时,合理的布局也是关键。
可以使用线性布局(LinearLayout)、相对布局(RelativeLayout)等来进行页面元素的排列和定位。
确保元素之间的间距适中,不过于拥挤或太稀疏,以保证用户操作的准确性。
二、颜色和主题在Android应用开发中,颜色的选择对于界面设计至关重要。
应确保所选颜色搭配和谐,对比明显,不同元素之间的颜色以及文字的颜色要具有足够的对比度,以提高可读性。
另外,Android系统提供了许多主题供开发者选择使用,可以根据应用的定位和风格来选择适合的主题。
保持主题的一致性,使整个应用界面看起来更加统一和专业。
三、图标和按钮图标和按钮是用户与应用进行交互的重要元素,因此需要特别关注。
可以使用矢量图标或者根据设计需求和风格自行设计图标。
确保图标的尺寸适中,清晰易辨认,符合用户习惯和视觉感受。
按钮的设计也需要遵循一定的规范。
确保按钮的大小适中,便于用户点击。
可以使用明亮的颜色,给按钮添加阴影或者渐变效果,以增强按钮的可视性和吸引力。
四、字体和排版字体的选择是界面设计中的一个关键因素。
可以选择适合应用定位和风格的字体,同时要保证字体的可读性。
避免使用过小或过大的字体,以及过于花俏的字体样式,以提高用户的阅读体验。
排版也需要注意一些规范。
确保文字之间的间距合适,行距和字距适中,使整个界面看起来舒适和整洁。
安卓的规范安卓的规范是指在开发和设计安卓应用程序时需要遵循的一些规范和准则。
这些规范能够确保应用程序在不同的设备上运行良好,提供一致的用户体验。
下面将介绍安卓的规范。
1.设计规范:- 遵循 Material Design,包括使用标准的颜色、图标和排版等元素。
- 使用合适的图标和图片,确保其在不同分辨率和屏幕尺寸下显示清晰。
- 合理使用动画效果,提升用户体验。
2.布局规范:- 使用相对布局(RelativeLayout)或线性布局(LinearLayout)等布局方式来组织界面元素。
- 使用嵌套布局(NestedLayouts)进行复杂布局,但尽量避免过度嵌套。
- 使用合适的尺寸单位,如dp(density-independent pixels)来适应不同屏幕密度。
3.命名规范:- 使用有意义且描述性的命名,以便于开发者和其他团队成员理解代码的功能。
- 遵循驼峰命名法(Camel Case)或下划线命名法(Snake Case)等命名风格。
- 对于常量和静态变量,使用全大写字母和下划线来命名。
4.代码规范:- 使用Javadoc来编写注释,以提供代码的文档和说明。
- 使用适当的代码缩进和格式化,使代码易于阅读和维护。
- 避免出现冗余代码和不必要的复杂性,提高代码的可读性和可维护性。
- 对于异常处理,使用try-catch块来捕获和处理异常,使应用程序更加健壮。
5.性能规范:- 对于耗时的操作,如数据库查询和网络请求,应该在后台线程中进行,以避免阻塞主线程。
- 使用合适的数据结构和算法,以提高应用程序的性能和响应速度。
- 避免使用过多的内存和处理器资源,以确保应用程序的稳定性和流畅性。
6.安全规范:- 对于用户敏感的信息,如密码和个人身份信息,应进行加密处理,以防止被恶意获取。
- 使用合适的权限来保护用户的隐私,只在必要的情况下申请权限。
- 对于网络请求和数据传输,使用安全的协议和加密算法,确保数据的机密性和完整性。
竭诚为您提供优质文档/双击可除android,pad,设计规范篇一:android尺寸标注设计大全和android切图规范android尺寸标注设计大全和android切图规范发布于:20xx年11月25日byadmin如何让app设计,app切图高效的与开发对接,似乎并没有什么更高明的办法。
很多团队的做法是先做一套ios的ui+标注+切图,再在ios的基础上缩放一套android的ui+标注+切图。
加上25学堂的app设计官方群内的小伙伴们,经常问到如何进android尺寸标注设计大全和android切图规范。
下面所讲的内容是以交互以ios的设计为主导,应用于ios和android两个平台。
今天跟大家分享的android尺寸标注设计大全和android切图规范,更适用于人力资源较为匮乏的设计团队。
第一个认识:对于设计环节。
对ios和android使用同一套ios的交互设计这种做法不置可否,毕竟好多人都已经这么干了。
而很多情况下,到底用一套交互还是两套,这个问题是被设计部门的话语权、项目的周期、人力资源等多个因素影响的,并不是简单的节操问题。
所以这里不讨论到底一套交互对不对,只讨论这种情况下怎么干活。
那么既然是同一套设计,如果仅仅是为了达到的交付物标准,输出两套几乎完全一样的ios和android的ui图,这种事情略显蛋疼。
据我所知有一些设计团队都在不明真相地这么干着。
第二个认识:来看设计环节的交付物ios和android开发需要的设计交付物至少要有:高保真ui图,标注,切图。
高保真ui图所起到的作用是,开发会参照其画页面,仅仅是获知页面样子的一个手段,并非什么高精度的事情。
仅仅基于这一条,设计师就没有必要出ios 和android两套样子一样只是大小不同的图的,对于开发来说,他们只需要看到页面样子即可。
标注和切图的作用是,开发会按照标注的尺寸,把切图按照高保真ui图的摆放方式做到界面上。
那么问题来了,ios的开发和android开发所需要的标注和切图是不一样的。
如何在一套ios的高保真ui图上做出两套标注和切图呢?众所周知ios设计的像素尺寸是640*960/1136,android 主流的hdpi模式下的像素尺寸是480*800。
如图,他们的换算关系是,ios像素尺寸的75%是android的像素尺寸。
于是很多设计团队就基于这个75%的关系去做android 的图了,但是这不是个好方法,这是一个设计和开发没有成为好基友的状态下所使用的方法。
我们知道android开发所使用的单位并非像素,而是一个叫做dp/sp的单位,人家压根就不用像素,你费劲半天调一个480*800又有啥用呢?你给他标注上,这个宽度300像素,又有啥用呢?设计不懂开发,开发也不懂设计,android 不懂ios,ios也不懂android,很多同志就在这种“矩阵式的彼此的不理解”中凑合干着。
(关于dp/sp的单位,具体知识点见下面知识扩展)我们以480*800像素尺寸下做的设计图为基准。
开发将部件尺寸换算成dp尺寸的方法是,像素尺寸*2/3。
这也是为什么要让android部件尺寸能让3整除的原因。
所以在hdpi模式,480*800像素尺寸设计图中,开发看到300px宽度的标注,会定义其为宽200dp,到这里android开发才得到一个他们真正会用于开发的数值。
这整个过程,设计师做ios尺寸图并标注,设计师调整ios尺寸图为android尺寸并标注px,android开发看着设计师交付的标注,再将其换算成dp,很长的一个过程。
其实经过以上整个过程之后,我们已经得出了一个更简单的换算关系:ios像素尺寸*75%=android像素尺寸,android像素尺寸*2/3=android的dp尺寸。
进而得出:ios 像素尺寸*75%*2/3=android的dp尺寸。
所以,ios里一个宽600px的东西,在android的hdpi模式下,正好300dp,正好是50%,很容易算是吧?在这个关系的指导下,我们可以在同一套ui图上做适用于两个平台的标注。
只要android的开发知道,标注600px 的东西,在hdpi模式下等于300dp这个换算关系,一切都简单了。
当然,平台的区别要留意,例如ios使用十进制色值,android使用16进制,ios可以绘制圆角和阴影,android 更倾向于用.9.png等。
这些差异要在同一套标注中体现出来,让两端的开发各取所需。
(如果你发现标注软件中无法在同一张图上标十进制和十六进制色值,你可以用文字标注替代其中一个,qq的截屏工具中也是带色值提示的,办法很多不再赘述。
)至此,已经可以做一套标注,让android和ios的开发共同使用了。
当然前提是你要告诉开发这个标注怎么看,怎么用!那到底如何看设计师或是前端的切图是否合格呢?在ios切图与android切图的转换中,是可以使用75%的换算关系的。
也就是说ios的切图缩小75%之后,就是android的hdpi模式下的切图,而android开发还需要其他dpi模式的切图,按照如下关系换算即可。
我们会发现xhdpi模式和hdpi模式的换算比例也是75%。
也就是说xhdpi模式下切图尺寸跟ios下是一样的。
所以ios 的切图可以直接适用于android的xhdpi模式。
至于除hdpi 和xhdpi之外的其他模式,如果需要适配,就需要单独处理图片了。
要注意的是切图在缩放之后像素会糊在一起,很可能需要重新调整,还有各种虚边情况,尤其是那些带透明阴影的,都要重新调,但是这个工作量显然要比重新调ui重新切,要小多了。
至此,我们设计一套适配ios的高保真ui,基于该ui做一套适用于ios和android两类开发人员的标注,再输出一套可适用于ios和android的xhdpi模式的切图,再调整一套android的hdpi模式切图,基本上大部分工作就已经完成了。
扩展阅读:《androidui界面设计指南规范》相关资料下载【设计干货】android应用程序图标模板(含psd源文件)关于android不同dpi模式或概念介绍从ui设计师的角度理解:px(像素)是我们ui设计师在ps里使用的(不解释),同时也是手机屏幕上所显示的(也不解释)dp是开发写layout的时候使用的尺寸单位,sp是开发写layout时关于字体的字号单位,且dp与sp总为1:1关系。
android支持四种不同的dpi模式:ldpimdpihdpixhdpi 一般地,手机分辨率与所运行的dpi模式是匹配的,例如hvga(320×480像素)的手机屏幕一般在3.5英寸左右,运行在mdpi模式下(也有例外,稍后解释)(这个是Rom控制的,app不能改变)。
当运行在mdpi下时,1dp=1px:也就是说设计师在ps里定义一个item高48px,开发就会定义该item高48dp;photoshop中14px大的字体,开发会定义为14sp。
篇二:android平板电脑设计没有什么时候比现在更需要设计师去为各种各样的移动设备营造体验了。
随着平板电脑被不断接受,我们已经步入“后pc时代”,公司会利用平板电脑的用户体验质量来争夺用户的注意力。
设计成功的android平板电脑应用程序,不但需要一个很棒的概念来鼓励用户下载、使用和保留,还需要一种使android用户很直观的发现并适应使用环境的用户体验。
接下来通过了解ipadios用户界面与android3.x “honeycomb用户界面设计规范和元素之间的不同,可以帮助设计师熟悉android平板电脑应用程序设计。
我们还将分析honeycomb的设计模式和布局策略,然后查看一些那里面非常好的android平板电脑应用程序。
注意,虽然智能手机上android2.x应用程序也可以在平板电脑上运行,android3.0honeycomb系统是专门为平板电脑设计和推出的。
Futureupdates承诺将honeycomb的特性植入智能手机设备中,并使它更容易在多种多样的屏幕尺寸上设计和构建。
对于我们大多数人,我们第一次接触平板电脑是通过ipad.正因为这个原因,开始比较二者的用户界面是合理的。
通过比较,我们可以组织整理我们已经了解的平板电脑的知识,并去关注二者的关键不同点,这样我们就可以满足android用户独特的用户界面要求。
在将已存在于ipad上的应用程序转换到android平板电脑上的时候,这不但可以使我们速度更快,而且变得非常重要。
只要做得像ipad就行,对吗虽然android平板电脑和ipad的体验方面有很多的相似之处(触控手势、应用程序启动图标、情态表达等),设计师在作出假设和绘制屏幕流之前应该熟知二者的差异。
屏幕尺寸和方向这两个平台之间最大的不同就是外形尺寸。
ipad的布局尺寸是768×1024物理像素,并且ipad将纵向显示方向作为它默认的查看方向。
而android平板电脑,由于拥有众多的设备生产厂家,稍微有一些复杂。
概括地讲,有7英寸和10英寸的android 平板电脑屏幕尺寸(自左上角至右下角的对角线长度),以及介于二者之间的尺寸。
然而,大多数平板电脑是10英寸左右。
换算成像素,这意味着什么一个不错的布局基线是1280×752像素(不包括系统栏),基于10英寸的屏幕尺寸大小并且将横向(而不是纵向)作为默认的方向。
如同在ipad上一样,android上的内容可以在横向和纵向两个方向上查阅,但横向模式往往更受人喜欢。
左图是在典型的10英寸android平板电脑上的纵向视图,右图是在ipad上的。
左图是在典型的10英寸android平板电脑上的横向视图,右图是在ipad上的。
然而,对于android来说,屏幕尺寸只是差异中的一半因素。
android平板电脑在“屏幕密度”(屏幕特定区域的像素数量)方面也有所不同。
不要关注太多细节,设计师只能为三种不同的屏幕密度准备所有的生产型备用位图,放大每个位图到原大小的1.5倍或2倍。
所以,被设置为100×100像素大小的位图应该也要有150×150和200×200大小的副本。
通过制作三种缩放尺寸的位图,你可以将你的位图转换。