下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

ui设计教程:ios平台的UI变成Android的注意事项

作者:大数据     来源: www.kokojia.com点击数:659发布时间: 2015-11-02 14:14:05

标签: 大数据

http://bbs.kokojia.com/本期的ui设计学习主题:归纳几个将IOS平台的UI变成Android的注意事项。相信大家对iso和Android这两个平台并不会感到陌生,据某机构的调查预测分析显示,Android系统将在2015年接近59%,而苹果Mac os以及iOS系统市场占有率将保持稳定,而Android 和 iOS 孰优孰劣我们暂且不谈论。
将ios平台的UI变成Android的注意事项
此次的ui设计教程学习中我们将为大家总结6个将ios平台的UI变成Android的注意事项,一个美观的手机界面设计可以给广大用户在使用上带来视觉上的享受和操作上的成就感,因此UI设计在手机端的运用显得尤为重要了,希望对大家学习ui设计有所帮助。
1、不要转换
你不应该在安卓上使用同一套规格的UI。iOS有一个能让你一键返回桌面的“物理home键”。然而,安卓上的按键是“返回、home和多任务”。
这意味着什么?一位安卓用户可以从一个应用轻松跳转到另一个应用。这是一个很大的不同之处。
将ios平台的UI变成Android的注意事项
因为这样,iOS通常会有一个结合了纵向和横向的UI结构,但安卓则更偏向于纵向。
将ios平台的UI变成Android的注意事项
这些“返回、home和多任务按键”都在屏幕底部,因此你不能把tab(标签)放在底部的位置。
将ios平台的UI变成Android的注意事项
2、熟悉新词
你经常能挺到诸如“DP”、“SP”和“9 Patch”这样的词。DP和SP是尺寸单位,而9Patch是组件格式的名称。
DP是Density-independent Pixels的简写,它是一个永远不会改变大小的绝对单位。
SP和DP很像,但是它是可以伸缩的。如果用户在设备的设置里调大文字,那么通过SP定义的字体大小就会受到影响。
将ios平台的UI变成Android的注意事项
Yahoo News Digest
9 Patch是一个能让组件可大可小的格式,对于大幅缩小文件体积大有帮助。举个例子,它可以被用来作为带有阴影的按键。
9 Patch图片(左边那张)可以惊人地扩张成如右图那般的尺寸将ios平台的UI变成Android的注意事项
3、 理解屏幕密度和尺寸
和iPhone不同,有百来个不同的生产商在基于安卓系统研发他们的手机。举个例子,OpenSignal.com的网站上有一份乍看美不胜收实则细思极恐的安卓碎片化信息图。
将ios平台的UI变成Android的注意事项
不过这并不是说你要去为所有这些机子设计,所以不必惊慌。
安卓有一个屏幕密度的系统能适应于每个屏幕尺寸。因此你只需要留意那5到7个不同的尺寸就可以了。
将ios平台的UI变成Android的注意事项
对于1080 x 1920 pixels(XXHDPI)来说,所有像素值除以3便是DP。
如果你以1080 x 1920 px开始你的设计,你并不仅仅是在为Nexus 5设计,那些组件和规格同样可以完美适配于其它的XXHDPI手机,比如Galaxy S4, HTC One 或 LG G2。
下面我们回到DP的话题…
DP是针对所有显示屏的一个绝对数值单位。要实现正确的像素值,你必须在每个分辨率上做乘除法。比如,如果对于1080 x 1920 px(XXHDPI)来说,所有像素值除以3便是DP。
是的,你必须在这里做一些数学乘除,这也是为什么有一些设计师从320 x 480px开始(这样每个数字都是DP了)。然而,我更喜欢从1080 x 1920px开始,因为这是最流行的尺寸。但一切随你。
在任何情况下,你都应该为优化app于不同的屏幕尺寸和分辨率而做出努力。我建议你在app上线之前,在至少五个不同分辨率的设备上进行测试。要知道,即便他们分辨率不同但比例还是非常接近甚至一致的,因此你不必太担心原始排版被打乱或需要重新设计的问题。
Yahoo News Digest. 为各个分辨率适配。
将ios平台的UI变成Android的注意事项
4、图标
安卓上图标的风格更加实心和圆润。
MateRIAl Icons
将ios平台的UI变成Android的注意事项
安卓的可伸缩图标系统能自动地在不同尺寸之间切换。然而这种切换可能会导致位图变模糊。为了确保你的位图不受影响,你应该在适配每个尺寸上花点时间。
将ios平台的UI变成Android的注意事项
5、Material Design
去年的时候谷歌发布了它的Material Design,这是一个全新的设计语言。不容置疑的是它确实是一个绝佳的设计方向。去他们的网站上看看,理解基本的UI原理。然而,不要太过纠结于颜色或者阴影这些特定的视觉设计。你完全可以玩出更多创意。
将ios平台的UI变成Android的注意事项
6. 更多注意事项
软键
典型的安卓设备在屏幕上有特定的Home, 返回和菜单按键。然而,三星是以实体按键的形式应用在他们的硬件设备上的。这让一切又变得些许不同。确保你的排版能在三星和其它设备上都说得通。
将ios平台的UI变成Android的注意事项
插件
安卓的插件从最早开始就是其独一无二的特点之一。你可以在主屏创建简单且实用的卡片(但它只提供局限的功能)。多看看别人是怎么做插件的,然后在开始设计之前和你们的工程师谈谈实现的问题。
将ios平台的UI变成Android的注意事项
消息
一个典型的消息往往由图标+文字或图片+文字组成。安卓4.x和5.x使用了不同的方式,这点也需要注意。
将ios平台的UI变成Android的注意事项
总结:以上就是将ios平台的UI变成Android的6个注意事项,如果想适配两个完全不同的平台,是需要一些技巧才能做好的,并不是简单的一加一的算法,上述的学习了解之后,不知道大家对此有没收获呢?更多设计制作相关的视频教程可以登录课课家官网查询课程学习

赞(14)
踩(4)
分享到:
华为认证网络工程师 HCIE直播课视频教程