注册 | 登陆
您的位置:阿里西西 > 前端技术 > 手机APP前端设计 > 详细内容

APP前端设计要了解的安卓界面设计与iPhone界面设计区别

  稿源:本站整理   2018-09-15   点击:   撤稿纠错
无论是哪一个平台的APP应用程序设计,始终需要坚持的观点是:遵循iOS的设计规范,熟知每一个平台特性,最好与平台自带的应用程序保持一致的使用体验。或是更棒的交互体验效果。加上我们的自己的独特的创新意识。

下面是APP前端设计要了解的安卓界面设计与iPhone界面设计区别的相关内容,文章教程主要讲述与APP 前端设计 安卓 界面设计 iPhone 相关的一些技术与知识,更多的内容欢迎大家访问http://www.alixixi.com,获取更多最新教程,下面是教程讲解:

据美国科技媒体最新报道,谷歌将推出一个新的设计语言,统一安卓应用的用户界面设计,届时将会出现新的按钮等界面要素。安卓生态的用户界面,将实现类似微软Metro和iOS的统一。这个消息一出,瞬间传遍移动互联网行业。可以说是震惊APP设计界的一个重磅新闻。

起码对于搞安卓界面设计和安卓开发的小伙伴们来说,是一个无比的好消息。起码以后不用为了适配安卓的分辨率而烦恼,只需要做好一套标准的界面设计就行。前提是按照ios 微软metro一样的设计规范。

下面我们主要从安卓和iphone的状态栏、标题栏、导航栏来分析对比

我们先来看看对比图吧

安卓界面设计   iphone主界面

区别一:Android和iPhone的状态栏

Android和iPhone的状态栏均在屏幕顶端的位置,原因无外乎是人的视觉流程是从上到下的。 Android的状态栏,具有notification的功用,当应用程序有新的通知,在状态栏左侧显示通知图标,向下滑动即可打开查看通知详情。 iPhone的状态栏,包含了活动状态的显示,比如某进程正在运行,会有个转动的动画在这里,但是你不能对这个动画有任何操作。另外,当你在浏览时,轻击iPhone状态栏,也能起到快速至顶的作用。 个人认为,Android通知系统做得很不错,貌似后来的Windows Phone7也效仿了此设计。

区别二:Android和iPhone标题栏

Android是纯粹的界面标题栏,这里一般无操作响应。 而iPhone的标题栏,承担更多的作用是导航,你能在这里快速后退(Android使用实体按键来后退),或是针对此界面进行一些操作。另外,当你使用iPhone向下浏览界面内容时,双击标题,还起到快速至顶的作用。

区别三:Android和iPhone导航栏

Android的标签栏位于界面标题之下,一般最多5项,在原生的平台界面,视觉效果也较丑。 而iPhone的标签栏是明确在屏幕下方的,也是最多5顶。相比于Android,iPhone对状态栏的处理显得很智能。所有显示图标和文字的标签都是相同的宽度并且显示黑色背景。当标签被选中后,它的背景淡化并且标签中的图片变亮。 如果应用程序的标签栏包含5个以上的标签,iPhone OS会显示其中的4个并在第5个自动显示为“更多标签”等等。

区别四:主界面的按键设计

1)上拉AppDrawer打开程序列表;

2)点击Menu找一些比较常用的功能;

3)长按桌面来弹出菜单进行更换背景以及添加Widget/Icon到桌面的操作;

4)拉下Notification来查看系统的新消息;

5)左滑和右滑来切换到其他桌面;

6)长按图标进行拖拽;

7)在AppDrawer打开的情况下,长按里面的程序图标来将图标放置在桌面上;

8)点击图标来打开这个应用程序。

仔细考虑下,其实这个桌面应用已经是一个变形金刚级别的怪兽了(上滑,下滑,左滑,右滑,各个界面的短按,长按,拖拽)。对比下iPhone的桌面设计,就能看出其中的差距。

所以,笔者认为无论是哪一个平台的APP应用程序设计,始终需要坚持的观点是:遵循iOS的设计规范,熟知每一个平台特性,最好与平台自带的应用程序保持一致的使用体验。或是更棒的交互体验效果。加上我们的自己的独特的创新意识。

总之:在以用户为中心的基础上,遵循os设计规范等等好的建议。

APP前端设计要了解的安卓界面设计与iPhone界面设计区别文章就讲到这里,欢迎浏览本站的其它内容,点击这里返回首页

更多关于 APP 前端设计 安卓 界面设计 iPhone 的文章
相关阅读

相关排行总榜

网页教程

网站运营

特效排行

教你如何使用js+CSS写出类似FLASH动画的网
一款CSS3制作的带尖角的按钮实例代码
目前主流浏览器对于HTML5与CSS3的支持情况
全面剖析前端Ajax技术原理及知识
分享一个HTML5 + JavaScript实现Flash动画
用PHOTOSHOP把美女头画像制作成漂亮的仿手
淘宝网及新浪网等几大官方IP查询API接口地
用Photoshop制作淘宝大促双十一电商促销宣
用HTML5+css3制作HTML5验证的网页表单
通过html5代码实现在网页中插入和播放mp4
如何让您的微信公众号内容快速增加阅读量
网站用户界面设计(网页设计)命名规范
分享一些企业微信营销推广的技巧与经验
可以借鉴和学习的小米模式4大经验要素
SEO优化中网站title标题优化总结及经验分
为什么说建站要从网站用户忠诚度着手,知
一个优秀的SEM进行百度搜索推广账号架构经
谈谈从了解用户开始互联网推广的营销策略
谈谈新手运营网站如何做好网站的广告位投
清理您网站上的黑链的几个招数
JS制作循环上下左右平移转圈的图层特效
原生js写的贪食蛇网页版小游戏特效代码,
用CSS3实现的addidas阿迪达斯标志LOGO特效
HTML5打造的酷炫3D 360度图片立体浏览特效
通用canvas代码实现的JS画圆圈动画特效代
通过HTML5+SVG制作奔跑的小马驹动画特效
jquery实现拖拽进度条并显示百分比的特效
用HTML5+canvas代码绘制的星空月亮图案特
简单实用的纯CSS实现的横向多级导航特效代
原生JS写的一个书架式的图片缩放滚动展示