如何java怎么实现跨平台iOS和安卓跨平台的开发

全国服务热线:
您的位置: >
为什么要开发IOS跟安卓APP开发?
来源:广州酷蜂科技 专业手机
时间: 15:41
[摘要]或许很多企业会问为什么要做HTML5手机网站开发?为什么要做IOS手机APP开发?为什么要做Android手机APP开发?那么拥有10几年的开发经验APP开发公司陈先生可告诉您关于这些问题。
  或许很多企业会问为什么要做HTML5手机网站开发?为什么要做IOS手机APP开发?为什么要做Android手机APP开发?那么拥有10几年的开发经验陈先生可告诉您关于这些问题。
&&&&& 为什么要做开发?
  第一、HTML5手机网站无需安装,能跨平台,可快速迭代,开发成本低;
  第二、HTML5手机网站提高无需提交审核或担心被下架;
  第三、HTML5手机网站提高可用性和改进用户的友好体验,给站点带来更多的多媒体元素(视频和音频)。
  第四、HTML5手机网站将被大量应用于移动应用程序和游戏。
  为什么要做iOS移动应用开发?
  第一、Apple移动终端用户众多,用户粘性较大。
  第二、App Store内的应用软件的数量、活跃度和下载次数在应
  第三、用软件市场上处于领先地位。
  第四、iPhone和iPad是高端产品,其用户具有较高消费能力。
  第五、iOS生态系统具备硬件和软件的一致性。
  第六、iOS具有简单易用的界面、令人惊叹的功能,以及超强的
  第七、稳定性它是iPHONE、iPAD的基础。
  为什么要做Android移动应用开发?
  第一、Android是增长最迅速的移动平台;
  第二、Android手机操作系统是基于Linux内核和多线程的开发平台,开发成本低;
  第三、Android是一个开源平台,提供种类繁多的函数库和有用的工具,可以用来开发最有创意和先进的移动应用程序,满足客户的各种需求;
  第四、Android操作系统支持基于Flash和HTML5 Web的本地应用程序。
  2013年APP的时代,如果您还不开发APP或者HTML5手机网站,那么您就OUT了!
本文链接转载请注明来自广州酷蜂科技!
HTML5是新一代的支持移动互联网网页开发技术。是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0的标准通用标记语言。 HTML5开发技术 拥有良好的页面表现性能和跨平台兼容性。 HTML5它的开发
找找兼职app开发让有空闲时间的用户可以多赚点零花钱。企业在开发找兼职app时还需通过线上任何和严肃审核来吸引用户。
母婴市场处在高速发展的今天,母婴电商APP开发努力在抢占移动电商市场份额。母婴电商APP的出现为用户提供了更为便捷的购物体验以及交流平台,备受宝爸爸妈的喜爱。
语音导航app开发可以让导航变得更加简单,想去哪里就去哪里。企业所开发的语音导航app应该具备离线导航、语音导航、轨迹记录和周边服务等功能。
体育APP开发让更多人通过APP认识到更多志同道合的小伙伴。体育APP开发有望成为中国健康消费的最大产业、能获得更大的发展空间可与穿戴设备相结合让其发展更好。
酷蜂科技婚礼行业手机应用开发实现通过手机应用开发对接整个婚礼服务人员以及服务项目,为用户提供管家式的服务,消除更多的中间环节,致力于为婚礼行业消费者节省婚礼费用
时下的换脸APP软件风靡全球,进入国内之前,已经在国外社交平台掀起一波波热潮。下面为您推荐最火爆的MSQRD、Snapchat、Face Swap Booth三款用于换脸的APP软件。
评论 喀什特区是在云南通用的吗
评论 中联移动OA感觉好高大上,在哪下载的
评论 商城加直播的需要多少资金呢
评论 健康耍起来把的软件
评论 安卓软件开发优势貌似不错
评论 途盯招聘软件前景怎样
评论 ......打算做一个
评论 这个app看着挺高端的
评论 这种软件应该早点出现!
评论 网络谣言害人不浅,能辟谣当然是件好事啦~移动开发者必须了解的10大跨平台工具
发表于 17:47|
作者唐小引
摘要:在本文中,我们盘点了过去的一年里,最受开发者喜爱的跨平台应用及游戏开发工具,尤以HTML/JS/CSS为众,却也包含使用其他语言进行开发的工具,比如Xamarin,使用C#,就能开发出运行于各大主流移动平台上的原生App。
成本低、周期短,易于上手,不用重新设计,种种好处让跨平台开发风头无量,也让诸多跨平台开发工具趁势崛起。在本文中,我们盘点了过去的一年里,最受开发者喜爱的跨平台移动应用开发工具,尤以HTML/JS/CSS开发为众,比如PhoneGap、Sencha Touch等,却也包含使用其他语言进行开发的工具,比如Xamarin,使用C#,就可以开发出能运行于各大主流移动平台之上的原生App。HTML/JavaScript/CSS篇1. 说到跨平台开发工具,很多人首先会想到PhoneGap。这样一款能够让开发者使用HTML、JS、CSS来开发跨平台移动App的开源免费框架,一直以来都深受开发者喜爱,从iOS、Android、BB10、Windows Phone到Amazon Fire OS、Tizen等,各大主流移动平台一应俱全,还能让开发者充分利用地理位置、加速器、联系人、声音等手机核心功能。此前,在Native与Web谁主未来的大论毫无消停之时,许多人认为,类PhoneGap的应用开发框架天然优势在于支持跨平台,后期可扩展性较强,开发周期很短,熟悉Web技术的开发者可轻松上手,缺点在于性能上的确不如Native,后期还需针对各个版本分别优化开发等。如今,Hybrid App已然当家做主,PhoneGap在性能与平台特性支持上也有着极大的提高和改善,大有赶超Native之势。相关链接:2. Sencha Touch是一款基于HTML5、CSS3和JavaScript的移动Web应用开发框架,内置MVC系统,能够让开发者的HTML5应用看起来就像原生应用一样,全面兼容iOS、Android、BlackBerry、Windows Phone、Tizen等主流移动平台。除了常见的触摸手势之外,Sencha Touch还专为iOS、Android设备提供了单击、双击、滑动、滚动和双指缩放手势。&HTML5应用开发的大热让众多跨平台开发框架逐渐风行,而Sencha Touch就是其中之一。能够让开发者以非常友好的方式从HTML5/CSS3/JS提取最多内容,并为其提供丰富而又易于使用的特性。Sencha Touch对于iOS平台的兼容性非常好,画面切换效果亦是相当流畅。相关链接:3. Titanium是Appcelerator公司旗下的一款开源的跨平台开发框架,和PhoneGap及Sencha Touch一样,都是让开发者使用HTML/CSS/JS来开发出原生的桌面及移动应用,还支持Python、Ruby和PHP。Titanium最大的特点就是,由于是基于硬件的开发,开发过程中所创建的应用可选择存储在设备或云端之上。Titanium主要特性:通过其单一的JavaScript SDK开发原生iOS、Android、Hybrid及移动Web应用。通过其基于Eclipse的Titanium Studio,可以极大地简化开发流程。拥有高效代码块,让开发者编写更少的代码,创建出可扩展的应用程序。集成了MBaaS和Appcelerator Open Mobile Marketplace。相关链接:4. Intel XDK的前身是AppMobi XDK,是一款帮助开发者使用HTML5开发移动及Web应用的跨平台开发工具。XDK包括了一个HTML5开发环境和一组支持创建混合iOS及Android应用的云服务,这些应用能够直接提交到不同的应用商店之中。除此之外,XDK还提供了调试工具,可以进行屏幕仿真调试、设备实际调试和遥控调试,不包括Ad-Hoc模式和安全特性。&和其他工具相比,XDK兼容PhoneGap的HTML5多平台开发项目,能够极大地减少开发时间,不依赖于Java或任何特定的浏览器特性,还能访问设备自带功能,例如GPS、加速计、摄像头、触摸屏交互、触摸手势、振动等。&相关链接:5. 摩托罗拉旗下的HTML5应用开发平台RhoMobile Suite也是相当受开发者欢迎。通过RhoMobile,开发者无需考虑设备类型、操作系统、屏幕尺寸等诸多问题,只需掌握HTML和Ruby就可开发出运行在iOS、Android、Windows Mobile、BlackBerry、Windows Phone等平台上的App。RhoMobile主要由三部分组成,分别为:RhoConnect:通过它,应用与数据之间可快速建立连接,并确保用户可以访问这些数据。RhoElements:开发者可以开发出在每台支持设备上都具有相同的外观、感觉和操作灵活的应用。RhoStudio:通过RhoStudio全功能模拟器,开发者可以在PC上快速测试和调试跨平台应用程序。相关链接:&
推荐阅读相关主题:
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号:CSDNnews
相关热门文章如何实现iOS和安卓跨平台的开发? - 知乎106被浏览22380分享邀请回答182 条评论分享收藏感谢收起1添加评论分享收藏感谢收起更多主题信息(必填)
主题描述(最多限制在50个字符)
申请人信息(必填)
申请信息已提交审核,请注意查收邮件,我们会尽快给您反馈。
如有疑问,请联系
傻丫头和高科技产物小心翼翼的初恋
个人大数据技术博客:
人生得意须尽欢,莫使金樽空对月。
一只文艺范的软件攻城狮,Keep Learn,Always.
微软Build 2015大会已于美国时间4月29日在旧金山召开,首日Keynote亮点包括:
Windows 10将能运行“移植”后的iOS和Android应用
IE继任者Microsoft Edge浏览器
可运行于Windows、Mac、Linux平台的Visual Studio Code
Continuum for Phones将让手机具备近乎PC的体验
以下为首日Keynote直播实录,稍后我们将带来更深入的跟进报道。
大会即将开始,Moscone Center内等待进场的参会者
微软CEO Satya Nadella上台做开场介绍。
开场演示:Satya邀请StaffPad创始人David William Hearn上台,用Surface Pen手写笔,在触屏上谱曲,并实时演奏、修改,展示现代科技如何改变音乐爱好者的生活。
Satya说今天的Keynote的主题为——三个主要平台的变革。
Scott Guthrie(微软云和企业负责人)上台:Azure目前在全世界19个地区布局,比Amazon还多。过去12个月,Azure有超过500个新功能上线,目前每月新增用户超过90000人。
Docker CEO Ben Golub谈Docker与微软最近在支持Windows客户端方面的,并和工程师现场演示。
Scott Hanselman (principal program manager)上台,介绍Android emulator with Visual Studio,可以通过Azure在线编译Android程序。
Visual Studio Code是一个轻量级的Web开发环境,今天免费提供下载,可在Mac和Linux上运行——现场演示在Mac和Ubuntu上运行。它不只是一个简单的编辑器,已经是IDE级别。
Hanselman:“我们的目标是把Visual Studio打造成开发者的首选工具”。
Scott Guthrie开始讨论Azure上的SQL数据库,目前每天有16万SQL数据库在Azure上创建,今天将发布两个新Azure功能:SQL Data Warehouse和SQL Data Lake。
SQL Data Warehouse可以“动态扩展(elastically scale)”数据——可以子几秒钟内,自动扩展数据仓库。Guthrie说Data Lake是革命性的数据存储和处理方式。
一家来自英国的公司JustGiving上台演示,它们已经有2千3百万用户,估值30亿美元。它们使用了Azure、SQL、Hadoop和Blob存储。
Nadalla回到讲台,下一个主题是Office。“We want to go beyond single applications, to a semantically rich graph of data that is available for you to be able to consume as well as extend。”Nadella似乎暗示要将Office作为一个“平台”。
Office Extensibility主管Rob Lefferts上台,展示Office桌面和在线版的扩展运行,扩展还可以运行在iPad上,Office的开发者将能在Windows、Web和iOS等平台上跨平台开发。
微软与Uber合作,现场展示了Office上的Uber插件,用户可以直接在Outlook上预约行程。微软今天还将发布基于Web的Skype presence API。
下一个主题是Windows 10
Nadella:“Windows 10 is not just another release of Windows, it's a new generation of Windows”。
Windows部门负责人Terry Myerson上台。
Windows Store for Business发布,特色如图。不方便绑定银行卡的用户可以直接通过运营商扣费购买商城内容。
Myerson说,微软的目标,是在两到两到三年时间,做到让Windows 10在全球运行在10亿台设备上,作为对比,目前Google Play和KitKat设备数量为略超过5亿,Windows 8用了15个月的时间,才卖出了2亿授权。。
接下来的演示是,运行于手机、桌面和Xbox的通用(Universal)程序,案例之一是——微信。
Myerson说Windows一直在敞开胸怀拥抱各种技术,今天将有四种方式在Windows Store上开发Universal程序:Web、.NET & Win 32、Android Java/C++,最让人惊讶的是,第四种——Objective C——现场一阵惊呼。
说起来简单,但这意味着如果应用中使用了Google API,就需要创建一个相应的微软替代版本,不单如此,这样的应用程序最终将有能力深度集成Cortana、Xbox Live、Holograms这些Windows平台特有的功能。现场展示中,Visual Studio可以直接打开Objective-C项目,并在Windows 10系统中调试运行(在IDE中,所有可能存在问题的地方将高亮显示)iOS应用,同时支持触摸和键鼠操作。
微软已经与《Candy Crush Saga》展开合作,将游戏移植到Windows平台。
关于Web方式,虽然也许并非开发或移植复杂应用的首选,但Web开发者不用再增加新的学习成本,此类应用个近似运行在Windows UniversalApp中的网站,但可以调用通知、应用内购买等服务。
目前有1600万.NET和Win32应用仍活跃在Windows 7和Windows 8平台上,方便开发者将这些应用移植为Windows 10平台应用的重要性也显而易见。微软使用了类似HyperV这样的虚拟技术,让现有的这些桌面应用能运行在Windows 10上。Adobe Photoshop Elements就将通过这种方式移植到Windows Store中。
Myerson风趣地模仿苹果发布会上常见的一幕“One More Thing,We need to get you some great hardware”——所有现场参加Build 2015的开发者都将免费获得一步HP Spectre X360电脑。“Compared to a MacBook Pro it's thinner and it's lighter, and of course it has touch display”。
Joe Belfiore上台。开始菜单已经半透明显示了,“We're trying to bring some of that feel back”,Belfiore说。新安装的应用将显示在开始菜单的左边。锁屏的右上方是类似Spotlight的功能,还会提醒用户使用Cortana和其他Windows功能。
Cortana有了新的界面,“We want Cortana to represent a single way for users on Windows to interact with all types of capabilities”。
Windows 10的新浏览器——我们之前在说的Project Spartan有了正式名字——Microsoft Edge。其含义是“Refers to being on the edge of consuming and creating”。
Edge将支持扩展,现场展示了将一个Chrome扩展略加修改后,运行于Edge。扩展安装后,位于浏览器工具栏的位置。
接下来展示的特性是Continuum——手机和桌面电脑操作无缝切换(Continuum是正式的名字)。Windows 10手机几乎可作为全功能的PC,不过这一功能需要新的硬件支持。
Alex Kipman开始演示HoloLens的最新进展
应用于医学教育,学生能直观地看到人体解刨结构。
今天现场演示的都是“Universal Windows App”。
Windows Holographic还能扫描使用者身边的环境——意味着创客这用项技术连接的机器人甚至不需要传感器。
Satya Nadella回到台上:
Thank you so very much for being here today and for being at this conference. I thought we would end today's morning keynote by playing the music that David composed for us using StaffPad.
今天的Keynote演讲,在一首刚于StaffPad谱就的乐曲演奏声中结束。不管你是在家,在公司,还是在设计师工作室工作,互联网企业都会找你去给他们设计 App。为了满足所有顾客的需要,这些企业通常需要同时开发运行在 Android 和 iOS 设备上的 App。
在理想的情况下,我们希望能花上好几个月的时间来分别为两类设备设计一款 App,但是实际上,我们没那么多的时间。就我所负责的项目而言,每次的时间都仅够我设计一个 App。通常情况下,我们也都只设计一个 App,然后在交给 iOS 和 Android 开发团队之前将它们做一些微调。要按照这种方式进行 App 设计,首先我们应当预先了解这两个平台之间的差异,这样你才能够使得你设计的 App 在这两个平台上的外观都能显得自然。
在设计开始之前
1. 了解另外一种系统
你很可能有自己更加喜欢的一个系统,像我一直使用 iPhone,所以我可能对 iOS 上的 样式有更多的了解。在进行跨平台设计的时候,你应当首先去做的一件事是了解另外一个系统,当然最好的方式去新买一只手机,对于我来说,就是 Android 设备。
2. 选择一个优先的平台
由于我们一次要对两个平台进行设计,在时间有限的情况下,你需要接受的一个事实就是——必须有一个平台需要优先设计。如何选择优先的平台并不在于你的个人喜好,而是在于你设计的这款 app 的市场定位如何。你所处的环境中有更多人使用 Android 设备吗?它是收费 App 吗?你的目标受众是谁?问问自己这些问题有利于你决定哪一个平台应当是被优先满足的。
3. 了解设计规范
阅读 iOS 和 Android 的设计规范。在过去,iOS 被认为有着更加严格的设计规范,有时候为了让 App 能够上线 AppStore,你需要走一个大约两周长的流程。而在 Play store 里则不存在这样的审批流程。然而,恰恰由于 App 上线如此开放,Android 平台上的 App 质量一直因为良莠不齐而饱受诟病,Google 为此推出了 Material Design 来试图解决这个问题。
对于 Web 设计者而言,他们早就熟悉了 MD 了
网上有很多免费而且好用的 UI kit,你可以将它们用在你的项目中,你可以在这片文章的最后找到一些 kit 资源的下载链接,使用这些组件将会给你的 App 带来一些原生的感觉。但是即使你使用了这些 UI kit,想要了解“什么时候应当做出区别以及什么时候两个平台应当保持一致”还是需要一些技巧的。在这里,我将向你分享一些我的经验。
设计你的 App
遵循这些步骤,你的 App 就能同时在 iOS 和 Android 保持完美!
1. 总体的样式
从 iOS7 以后,Apple 就一直在采用扁平化的设计模式,去除了所有不必要的纹理和阴影等效果——和早些年间的版本完全不同。Google 的新 MD 设计规范有了一些更加细节的规定,通过一种叫“纸片”的方法来创造更多的层级关系。
2. 实体按钮
Android 有一个返回按钮,点击它可以返回上一个屏幕。
iPhone 上则没有这样一个按钮,所以需要有一种方式能够让用户回到先前的屏幕。通常的解决方案是在屏幕的左上角放置一个返回键。
3. 通用元素
两种平台之间的确存在着一些通用的元素,比如说状态栏和标题栏,它们会出现在每一屏的顶部。你不应当改变导航栏的高度,如果你想让 App 看起来更加原生的话。所以,我推荐你在设计的第一页就定义好标题栏的样式,然后在其他的屏幕上使用一个占位的方框来替代,这样能省下不少时间,但是你应当向程序员说明标题栏在不同的屏幕上都是一样的样式。
不同平台上的导航栏有一定的差别。在 Android 上文本是左对齐的,然而 iOS 上是居中对齐的。在 iOS 上,很多企业都用它们的 logo 来替换首页标题栏中的文字,但是在 Android 设备上这不是一个好的主意。状态栏(显示你的网络、电量和时间信息)是系统组件,你不需要考虑设计它,只要确保它们不会对他人造成误解就好了。
或许iOS 和 Android 平台之间最大的区别就在于他们的导航样式了。Android 上最主要的导航方式是抽屉菜单,Android 用户们通常在这个菜单内进行跳转。而且在整个 App 中,这种体验是一贯的。Apple 的导航样式更倾向于 tab bar,它位于屏幕的底部,并且以一种很简单的方式实现上部内容的切换。当你设计 App 的结构的时候,你可以为不同的平台设计不同的导航样式。
5. 要不要用卡片式?
在 UI 设计中,卡片正逐渐成为一种主要的 UI 设计样式,它们可以应付多种情况,而且给用户提供了一种能够呈现有效内容的便捷方式。视觉上,卡片非常适应于 Android 的 Material Design(它事实上源自于纸张的灵感)。使用阴影和卡片之间的合理间距能够创建一种自然的外观。
在 iOS 上,使用卡片设计需要更加的小心谨慎,尽管一些大型的 App,诸如 Facebook 和 pinterest 的确使用了一种略微偏离 iOS 视觉规范的设计风格。Instagram 使用了一种完全扁平化的设计风格,尽管从结构的观点上看,用户的每一条推送都能被视为是一张卡片,instagram 的设计很值得你去花时间揣摩,它是如何遵循 iOS 视觉规范的。如果你要在 iOS 平台上应用阴影,你最好小心谨慎,尽量使得这些阴影不是那么的明显。
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 网格会更好用一些。
8. 按钮样式
这里是 MD 下定义的几个按钮类型:
浮动动作按钮(Floating action buttons):最传统的有边框的按钮,阴影厚重明显,将它们从页面上分离出来。它们仅应当被用于背景,或者谨慎地在卡片上使用,不应当在警告框或者弹出框上使用,因为使用这种按钮,就会创建一层视觉深度。这种按钮的填充颜色一般使用 App 的主色,而下一种按钮,通常使用辅助的颜色。
扁平化按钮(Flat buttons): 通常文本使用 App 的主色,没有边框,它们通常使用间距和大写字母来强调不同内容之间的分离关系。
和 MD 相比较,iOS App 在外观上是完全扁平化的,没有层级深度和阴影。主要按钮有填充颜色,次级按钮反转颜色,也就是说,有着主色的边框和文字。这种方案有时候会受到一定的限制,特别将它是用于标签栏等元素的时候。要用好这种设计模式,你必须对不同的颜色在你的 App 中分别代表什么有一个清晰的概念。
9. 动作表单
动作表单(Action sheets)允许用户在多项操作中进行选择。比如,当我点击(或者长按)我想要分享、上传、复制或者删除的图片时。
iOS 和 Android 用近乎相同的方式解决这种问题。首先,动作表单都是出现在屏幕的地步,然后在主要内容上罩上一层阴影。然而,它们在创造不同的深度和其他细节方面有着一些不同。
Android 在动作表单上加了一层厚重的阴影,表明它是脱离于原先的内容的。
iOS 的动作表单没有阴影,仅仅是在原先的背景上防止了一个有一定透明度的灰色图案。
只存在于 Android 上,它允许用户快速选择功能。然而,记住,这并不是 iOS 原生的控件之一。在下面的例子中,用户点击 profile,然后弹出了一个下拉菜单,提供了几个选项。
特殊数据输入
像特定的一些数据的输入,比如日期和时间,Android 现在有了原生的对话框,虽然它们看起来像是警告弹出框,一个例子是日历输入。iOS 使用完全不同的方式解决这个问题,它会在屏幕的底部弹出一个转轮让用户进行选择。在设计这些东西的时候要小心,并且和开发人员做好沟通。
10. 分类控制
分类控制允许用户以一种简单的方式在不同内容之间进行跳转。在不同的平台上,该控件的使用方式是完全相同的,但是在视觉上有着显著差异,因此要注意使用正确的形式。在 iOS 上,分类控制控件的外观很像我们刚才提到的按钮。而在 Android 上,通过间距来展现它们的分离关系,同时用下划线来标明目前所处的位置。
11. 弹出框
正确地处理这一类型的控件十分重要,因为他们也许会涉及到一些很重要的操作,例如注册,确认条款,甚至是确认支付。我们需要让他们看起来是原生的,以便产生一种安全感和信任感。
Android 的警告框使用的按钮样式,就是我们先前提到过的扁平按钮,你可以在 MD 说明文档中找到它们应有的尺寸。动作按钮位于卡片的右半部分。实际上,所谓的按钮其实就是一个文本。它们使用大写字母将它们和其他内容区别开,并且使用 App 的主色。
icon 设计是在 UI 设计中的一个比较特殊的领域。不管你是使用免费的 icon,和专门的 icon 设计师合作,还是自己设计 icon,不同的平台上对 icon 都有特别的样式要求。iOS 平台更偏好线形 icon,Android 上的 icon 的描边则更加地粗壮,或者干脆就用填充的 icon。这里是两个平台上的 icon 对比,你也可以点击这里的链接查看
下的 icon 设计规范。
13. 面包菜单、载入图片
不幸的数字 13(注:最后的晚餐的在场人数)。通常来说,警告框和表示载入的图标留给开发者做决定。你或许已经经历过弹出框和警告框的设计和 App 的其他部分样式完全脱节的情况。那是因为通常 iOS 和 Android 平台都有对这些情况的默认的处理方案,但是你也可以利用你的方案进行替代。在这里,让你的设计能被真实还原的最好的方式就是和开发人员多进行沟通。
14. 通用 UI 控制
复选框,单选框和输入框,以及开关都是应该有着原生感觉的控件。像警告框和对话框一样,这些控件保持默认样式的话能够给用户带来熟悉感和信任感。尽可能多地使用原生控件,用户自然知道如何使用他们,并且在涉及到敏感信息和支付事宜的时候能够更信任你的 App。
在下面的例子中,我们可以看到两个平台上的差异其实是很小的,小到你在设计的时候可以忽略这些差异,用其中一种形式设计,但是不要忽略细节上的差异所带来的原生的感觉。使用你的 UI 库,并且在开发的早期和开发人员做好说明。
在同一个设计稿中同时呈现出原生 iOS 和 Android 的感觉也并非一件不可能的任务。尝试在设计之初就注意到这些差别,并且注意对控件的使用,并且在设计过程中和开发人员保持紧密的联系。
我希望这篇文章能够为你解答“在哪些方面将两个平台区别开”这个问题,但是你显然需要一些合适的工具或者模板来进行你的设计。这里有一些你可以用来开始你的设计的资源,我为你挑选出了一些最好的:
如果你想要知道更多,我在文章中讲到的很多东西在平台设计规范中都有提到。事实上,它们涉及到的东西相当广泛,我只是抽取除了几章重要内容并将这些差别展示给你们。但是如果你有更多更细节的问题,我建议你阅读下面的东西:
这些 UI 库能够帮助你剩下很多的防治和调整原生控件的时间。你可以从库中抽取出你要的部分并将它们用于你的 iOS 或 Android 设计稿中。
即使你要自己绘制 icon,或者是请专门的 icon 设计师帮你绘制,你也有可能用到它们(做你的占位符吧!)。icon 设计本身就是一件有分量的工作,如果你不想让 icon 设计占用你太多的工作时间,我推荐你使用这些我在 icon8 上看见的不错的 icon。在
上你能找到更多的通用 icon。
Mockup 在你想别人展示你的设计稿的时候是一项非常好用的工具。这些模型有好几种类别。当你要展示 Android 设计稿的时候,你要小心选择这些模型。我倾向于使用 Nexus,因为它是 Google 自己设计的手机,对于其他的厂商来说没有倾向性。
转载请注明: &
学UI就上学UI网!越努力,越幸运!
“学UI网 ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!
【特色推荐】
海量APP截图,让你灵感爆发!国内最好的APP截图站。
“” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?
【学UI网 原创文章 投稿邮箱:,也可以找各个群的管理】
你可能喜欢的:

我要回帖

更多关于 安卓 ios 跨平台开发 的文章

 

随机推荐