能一起用于 Android 和 iOS的APP UI规划怎么做
遵从这些过程,你的 App 就能一起在 iOS 和 Android 坚持完美!
1. 整体的款式
从 iOS7 今后,Apple 就一直在选用扁平化的规划形式,去除了一切不必要的纹路和暗影等作用——和早些年间的版别彻底不同。Google 的新 MD 规划标准有了一些愈加细节的规则,通过一种叫“纸片”的方法来发明更多的层级联系。
2. 实体按钮
Android 有一个回来按钮,点击它能够回来上一个屏幕。
iPhone 上则没有这样一个按钮,所以需求有一种方法能够让用户回到从前的屏幕。一般的解决方案是在屏幕的左上角放置一个回来键。
3. 通用元素
两种渠道之间确实存在着一些通用的元素,比方说状态栏和标题栏,它们会呈现在每一屏的顶部。你不应当改动导航栏的高度,假如你想让 App 看起来愈加原生的话。所以,我引荐你在规划的第一页就界说好标题栏的款式,然后在其他的屏幕上运用一个占位的方框来替代,这样能省下不少时刻,可是你应当向程序员阐明标题栏在不同的屏幕上都是相同的款式。
不同渠道上的导航栏有必定的不同。在 Android 上文本是左对齐的,可是 iOS 上是居中对齐的。在 iOS 上,许多企业都用它们的 logo 来替换主页标题栏中的文字,可是在 Android 设备上这不是一个好的主见。状态栏(显现你的网络、电量和时刻信息)是体系组件,你不需求考虑规划它,只需保证它们不会对别人形成误解就好了。
4. 导航
或许iOS 和 Android 渠道之间巨大的差异就在于他们的导航款式了。Android 上最主要的导航方法是抽屉菜单,Android 用户们一般在这个菜单内进行跳转。并且在整个 App 中,这种体会是一向的。Apple 的导航款式更倾向于 tab bar,它坐落屏幕的底部,并且以一种很简略的方法完成上部内容的切换。当你规划 App 的结构的时分,你可认为不同的渠道规划不同的导航款式。
5. 要不要用卡片式
在 UI 规划中,卡片正逐渐成为一种主要的 UI 规划款式,它们能够敷衍多种状况,并且给用户供给了一种能够呈现有用内容的快捷方法。视觉上,卡片十分习惯于 Android 的 Material Design(它事实上源自于纸张的创意)。运用暗影和卡片之间的合理距离能够创立一种天然的外观。
在 iOS 上,运用卡片规划需求愈加的小心翼翼,虽然一些大型的 App,比方 Facebook 和 pinterest 确实运用了一种稍微违背 iOS 视觉标准的规划风格。Instagram 运用了一种彻底扁平化的规划风格,虽然从结构的观念上看,用户的每一条推送都能被视为是一张卡片,instagram 的规划很值得你去花时刻揣摩,它是怎么遵从 iOS 视觉标准的。假如你要在 iOS 渠道上运用暗影,你最好小心翼翼,尽量使得这些暗影不是那么的显着。
6. 排版
iOS 体系上的默许字体是 Helvetica Neue,在 Android 上则是 Roboto。虽然这两种字体在外观上有明显的差异,可是这两个字体的尺度却是近乎相同的。假如你想要在规划的时分节省时刻,那么用一款字体就能够,可是要和开发人员交流在不同的渠道上运用对应的字体。而在规划重要的布局结构和运用大号字体时,我主张你仍是一起用这两种字体测验作用。
假如你想要精雕细镂,那么你就要对不同渠道上的规划标准愈加留意。比方如下几条:
Android 的 MD 规划需求用到更多的空格来进行布局
在 MD 中字体巨细的改变会愈加多样
在 iOS 上,字体没那么多巨细差异,可是在字体分量上(Font weight)有更多的改变,相同答应你创立主次结构
两个渠道都运用比较细的字体来实际正文内容,可是,鄙人面的比方中,Android 运用了轻(Lighr)和惯例(Regular)字体,而 iOS 运用了粗体(Bold)和惯例字体
这是一个十分简略的比方,向你展现了排版方面的一些纤细的不同能够导致形象上的巨大差异——你能很快分辩你是在用 Android 手机仍是在用 iPhone!
7. 网格和接触元件
iOS(@1x 下 44px)和 Android(1:1 比率下 48p)都有对可接触元件的规划标准。MD 标准相同主张对一切元素运用 8dp 网格对齐。
在最近的项目上,我发现恪守 Android 的这些规划标准会愈加安全,由于大一些的 48px 的按钮在两个渠道上都体现杰出,并且 MD 的标准愈加全面,还常常更新。不管怎么说,你都应该在规划中运用网格,可是咱们发现界说愈加清晰的 Android 网格会更好用一些。
iOS和安卓的UI规划有什么差异
规划上来说这两个体系有些东西越来越通用了,现在许多Android的运用偏苹果风格,也就是说根本都是选用一套iOS规划模板来适配Android体系。
1、术语解读和体系渠道比照
android是Google公司开发的操作体系。
iOS是苹果公司的移动操作体系。
2、导航方法不相同
iOS的Tab放在页面底部,不能通过滑动来切换,只能点击。也有放在上面的,也不能滑动,但有些Tab自身能够滑动,比方天猫的。还有新闻类的运用。
Android一般放在页面顶端,能够通过滑动页面来切换Tab,当然Tab能够点击切换,Tab多的话,Tab自身也能够滑动。比方豌豆荚,百度贴吧,QQ。总归,Android啥都能够有。
3、UI规划标准不相同
比方现在一般规划的尺度比照方下:
iOS: 750*1334 或许 1242*2208
android:720*1280 或许 1080*1920
4、单条item的操作
iOS单条item的操作有两种,点击和滑动,点击一般进入一个新的页面,滑动会呈现对这条item的一些常用操作,如微信里滑动一条对话,会呈现符号未读和删去。
Android中,单条item的操作也有两种,点击和长按,点击一般进入一个新的页面。长按进入一个修改形式,能够在里边进行批量和其他一个操作,比方删去,顶置等等。比方小米的短信页面;长按也能够弹出情境操作栏dialog,进行操作,比方Android版的微信。
破例的是,Android里边也能够有单条item的滑动,如新版QQ,这种比较罕见。AndroidL的短信,能够滑动进行归档。大Android啥都能够有。
5、实体键
iOS只要一个实体键(音量,电源不算哈),home键,这个键有这么几个功用:
1、按一次,回到桌面。
2 、双击,呈现多任务界面
3、iOS8里边,轻触两下Home键,调出单手形式
4 、指纹解锁
Android有四个实体键(现在许多被屏幕上的虚拟键替代,但成效是相同的)4.4一下的分别是back键,home键,menu键,和查找键。4.4及以上,是back键,home键,多任务键。Android原生是这样,通过优化的Android就不必定了,比方魅族的smart bar,依据当时页面情形改变,不过蛮好用。
Android的back键,在大部分状况下,和页面上的回来成效相同。不过,Android的back键能够在运用件切换,还能够回来主屏幕。这个iOS里边的键不能在运用间直接切换。
6、浮窗规划元素不相同
Android里能够看到各种浮窗,流量,整理内存等等。iOS暂时还不支撑这样的浮窗。越狱的形似能够。
iOS和Android的UI差异七:图标尺度和命名标准不相同
1、iOS和Android手机的APP图标尺度标准和图标命名标准
2、比照PC、iOS、Android等终端APP的交互规划的差异化

Haspali Spa

iOS和Android的UI规划有什么差异?

Android的IU规划是依据IOS的模板来进行的,偏苹果风。

Android的规划是敞开的,各个手机厂商出产着不同类型的手机,形形色色。而iOS则是关闭的,许多权限是不敞开给开发者,开发规划者有必要遵从苹果拟定的标准。

iOS对屏幕反响的优先级是最高的,而Android的相对缓慢许多。

iOS根据GPU加快,而Android需求习惯不同的手机硬件,需求满意各种差异装备,所以许多图形特效大多都要靠程序自身进行加快和烘托。

安卓机制功率低,Android的编程言语是JAVA,而iOS的则为Objective-C。

关于排版,iOS喜爱在居中排布Android更喜爱左对齐

安卓里能够看到各种浮窗,流量,整理内存等等。iOS暂时不支撑这样的浮窗。