首页 理论教育 将iOS的UI设计转换为Android平台技巧

将iOS的UI设计转换为Android平台技巧

时间:2023-06-21 理论教育 版权反馈
【摘要】:不同的平台有不同的UI设计规范,iOS和Andriod自然也是不一样的。下面我们分享几个将UI设计在iOS和Andriod这两个平台中转换的技巧。dp是针对所有显示屏的一个绝对数值单位。iOS中有一个能一键返回桌面的“物理Home键”,然而安卓上的按键是“返回、Home和多任务”。这是一个很大的不同点,因此iOS通常会有一个结合了纵向和横向的UI结构,但Andriod更偏向于纵向。

将iOS的UI设计转换为Android平台技巧

不同的平台有不同的UI设计规范,iOS和Andriod自然也是不一样的。下面我们分享几个将UI设计在iOS和Andriod这两个平台中转换的技巧。

1.技巧一:熟悉术语

首先我们需要熟悉业界的常见术语,如“dp”“sp”和“9patch”等。dp和sp是尺寸单位,而9patch是组件格式的名称。dp是density-independentpixels的简写,它是一个永远不会改变大小的绝对单位。sp和dp很像,但它是可以伸缩的。如果用户在设备的设置里调大文字,那么通过sp定义的字体大小就会受到影响。9patch是一个能让组件可大可小的格式,对于大幅减小文件的体积大有帮助。

2.技巧二:理解屏幕密度和尺寸

虽然Andriod系统有很多生产商在研发,但是UI设计不必为所有的手机设备进行设计,Andriod有一个屏幕密度的系统能适应每个屏幕尺寸,因此只需要留意那5到7个不同的尺寸就可以了。

对于1080x1920pixels(xxhdpi)来说,所有像素值除以3便是dp。dp是针对所有显示屏的一个绝对数值单位。如果要实现正确的像素值,必须在每个分辨率上做乘、除法。例如对于1080x1920px(xxhdpi)来说,所有像素值除以3便是dp。

在任何情况下,设计师都应该为优化APP于不同的屏幕尺寸和分辨率做出努力。在APP上线之前,在至少5个不同分辨率的设备上进行测试。即使分辨率不同,比例还是非常接近甚至一致的,因此大家不必太担心原始排版会被打乱或需要重新设计的问题。

3.技巧三:不要转换 设计师不应该在安卓上使用同一套规格的UI。iOS中有一个能一键返回桌面的“物理Home键”,然而安卓上的按键是“返回、Home和多任务”。这意味着一位Andriod用户可以从一个应用轻松跳转到另一个应用。这是一个很大的不同点,因此iOS通常会有一个结合了纵向和横向的UI结构,但Andriod更偏向于纵向。另外,这些返回、Home和多任务按键都在屏幕底部,因此要考虑是否将标签放在底部的位置。

4.技巧四:MaterialDesign(www.xing528.com)

谷歌发布了它的MaterialDesign,这是一个全新的设计语言。这确实是一个绝佳的设计方向,大家可以去网站上看看,理解基本的UI原理。当然,在设计时不要太纠结于颜色或者阴影这些特定的视觉设计,UI设计师可以有更多自己的创意

5.技巧五:图标

Andriod上图标的风格更加实心和圆润,Andriod的可伸缩图标能自动在不同尺寸之间切换,然而这种切换可能会导致位图变模糊。为了确保位图不受影响,设计师应该在适配每个尺寸上花点时间。

6.技巧六:其他方面

在软键方面上,典型的Andriod设备在屏幕上有特定的Home、返回和菜单按键。但三星是以实体按键的形式应用在硬件设备上,所以要确保排版能在三星和其他设备上都行得通。

Andriod上的插件从最早开始就是其独一无二的特点之一。用户可以在主屏创建简单且实用的卡片,虽然只提供局限的功能,可以多看看别人是怎么做的,然后在开始设计之前和工程师谈谈实现的问题。

一个典型的消息往往由图标+文字或图片+文字组成,但Andriod的4.x和5.x使用了不同的方式,这也是大家需要注意的一点。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈