移动应用跨终端设计模式

数字化时代，摩尔定律不断鞭笞着终端厂商们。在 2011至2012 年，众多数字产品脱颖而出。尤其是Android系统的开放，吸引了更多投资者和创业者跳进这片红海。

一、数字终端分类

从终端屏幕大小的角度看，数字产品大致分为四类：

1.  智能机（Smartphone）

2012年是移动互联网爆发的一年，而仅国内厂商Android手机第三季度出货量达到了6000万台（数据来源）。那么，各厂商为了提高销量，均在手机性能、屏幕大小等方面推陈出新。4寸的，4.3寸的，4.7寸的，乃至5.5寸的，都有覆盖。

2.  平板（Tablet）

平板方面，iPad占据了非常大的市场分额。谷歌的Nexus 7、Nexus 10以及亚马逊的Kindle Fire也在开疆扩土。而三星也觊觎10寸平板市场很久， 并推出了旗舰产品Galaxy Note 10。

http://club.jd.com/CommunityGroupDetail/13547484_1.html

http://club.jd.com/CommunityGroupDetail/13547288_1.html

http://club.jd.com/CommunityGroupDetail/13547437_1.html

http://club.jd.com/CommunityGroupDetail/13547309_1.html

http://club.jd.com/CommunityGroupDetail/13547398_1.html

http://club.jd.com/CommunityGroupDetail/13547684_1.html

http://club.jd.com/CommunityGroupDetail/13547484_1.html

http://club.jd.com/CommunityGroupDetail/13547437_1.html

http://club.jd.com/CommunityGroupDetail/13547402_1.html

http://club.jd.com/CommunityGroupDetail/13547398_1.html

http://club.jd.com/CommunityGroupDetail/13547394_1.html

http://club.jd.com/CommunityGroupDetail/13547309_1.html

http://club.jd.com/CommunityGroupDetail/13547288_1.html

http://club.jd.com/CommunityGroupDetail/13547288_1.html

http://club.jd.com/CommunityGroupDetail/13547662_1.html

http://club.jd.com/CommunityGroupDetail/13548013_1.html

http://club.jd.com/CommunityGroupDetail/13547805_1.html

http://club.jd.com/CommunityGroupDetail/13547869_1.html

http://club.jd.com/CommunityGroupDetail/13575709_1.html

http://club.jd.com/CommunityGroupDetail/13575710_1.html

http://club.jd.com/CommunityGroupDetail/13575797_1.html

http://club.jd.com/CommunityGroupDetail/13575711_1.html

http://club.jd.com/CommunityGroupDetail/13575187_1.html

http://club.jd.com/CommunityGroupDetail/13575599_1.html

http://club.jd.com/CommunityGroupDetail/13575681_1.html

http://club.jd.com/CommunityGroupDetail/13575423_1.html

http://club.jd.com/CommunityGroupDetail/13575712_1.html

http://club.jd.com/CommunityGroupDetail/13575547_1.html

http://club.jd.com/CommunityGroupDetail/13575630_1.html

http://club.jd.com/CommunityGroupDetail/13575631_1.html

http://club.jd.com/CommunityGroupDetail/13575912_1.html

http://club.jd.com/CommunityGroupDetail/13575572_1.html

http://club.jd.com/CommunityGroupDetail/13575600_1.html

http://club.jd.com/CommunityGroupDetail/13575856_1.html

http://club.jd.com/CommunityGroupDetail/13575682_1.html

http://club.jd.com/CommunityGroupDetail/13575190_1.html

http://club.jd.com/CommunityGroupDetail/13575654_1.html

http://club.jd.com/CommunityGroupDetail/13575856_1.html

http://club.jd.com/CommunityGroupDetail/13575941_1.html

http://club.jd.com/CommunityGroupDetail/13575632_1.html

http://club.jd.com/CommunityGroupDetail/13575632_1.html

http://club.jd.com/CommunityGroupDetail/13575632_1.html

http://club.jd.com/CommunityGroupDetail/13575943_1.html

http://club.jd.com/CommunityGroupDetail/13575943_1.html

http://club.jd.com/CommunityGroupDetail/13575860_1.html

http://club.jd.com/CommunityGroupDetail/13575943_1.html

http://club.jd.com/CommunityGroupDetail/13575602_1.html

http://club.jd.com/CommunityGroupDetail/13575744_1.html

http://club.jd.com/CommunityGroupDetail/13575602_1.html

http://club.jd.com/CommunityGroupDetail/13575863_1.html

http://club.jd.com/CommunityGroupDetail/13575744_1.html

http://club.jd.com/CommunityGroupDetail/13575863_1.html

http://club.jd.com/CommunityGroupDetail/13575687_1.html

http://club.jd.com/CommunityGroupDetail/13575865_1.html

http://club.jd.com/CommunityGroupDetail/13575661_1.html

http://club.jd.com/CommunityGroupDetail/13575865_1.html

http://club.jd.com/CommunityGroupDetail/13575803_1.html

http://club.jd.com/CommunityGroupDetail/13575867_1.html

http://club.jd.com/CommunityGroupDetail/13575916_1.html

http://club.jd.com/CommunityGroupDetail/13575638_1.html

http://club.jd.com/CommunityGroupDetail/13575830_1.html

http://club.jd.com/CommunityGroupDetail/13575868_1.html

http://club.jd.com/CommunityGroupDetail/13575639_1.html

http://club.jd.com/CommunityGroupDetail/13575639_1.html

http://club.jd.com/CommunityGroupDetail/13575663_1.html

http://club.jd.com/CommunityGroupDetail/13575918_1.html

http://club.jd.com/CommunityGroupDetail/13575868_1.html

http://club.jd.com/CommunityGroupDetail/13575693_1.html

http://club.jd.com/CommunityGroupDetail/13575774_1.html

http://club.jd.com/CommunityGroupDetail/13575774_1.html

http://club.jd.com/CommunityGroupDetail/13575953_1.html

http://club.jd.com/CommunityGroupDetail/13575953_1.html

http://club.jd.com/CommunityGroupDetail/13575664_1.html

http://club.jd.com/CommunityGroupDetail/13575664_1.html

http://club.jd.com/CommunityGroupDetail/13575723_1.html

http://club.jd.com/CommunityGroupDetail/13575667_1.html

http://club.jd.com/CommunityGroupDetail/13575580_1.html

http://club.jd.com/CommunityGroupDetail/13575806_1.html

http://club.jd.com/CommunityGroupDetail/13575806_1.html

http://club.jd.com/CommunityGroupDetail/13575806_1.html

http://club.jd.com/CommunityGroupDetail/13575609_1.html

http://club.jd.com/CommunityGroupDetail/13576031_1.html

http://club.jd.com/CommunityGroupDetail/13575806_1.html

http://club.jd.com/CommunityGroupDetail/13575667_1.html

http://club.jd.com/CommunityGroupDetail/13575778_1.html

http://club.jd.com/CommunityGroupDetail/13576065_1.html

http://club.jd.com/CommunityGroupDetail/13575842_1.html

http://club.jd.com/CommunityGroupDetail/13575812_1.html

http://club.jd.com/CommunityGroupDetail/13575842_1.html

http://club.jd.com/CommunityGroupDetail/13576065_1.html

http://club.jd.com/CommunityGroupDetail/13575899_1.html

http://club.jd.com/CommunityGroupDetail/13575844_1.html

http://club.jd.com/CommunityGroupDetail/13575844_1.html

http://club.jd.com/CommunityGroupDetail/13575980_1.html

http://club.jd.com/CommunityGroupDetail/13576613_1.html

http://club.jd.com/CommunityGroupDetail/13576637_1.html

http://club.jd.com/CommunityGroupDetail/13576637_1.html

http://club.jd.com/CommunityGroupDetail/13576495_1.html

http://club.jd.com/CommunityGroupDetail/13576613_1.html

http://club.jd.com/CommunityGroupDetail/13577766_1.html

http://club.jd.com/CommunityGroupDetail/13579850_1.html

http://club.jd.com/CommunityGroupDetail/13580097_1.html

http://club.jd.com/CommunityGroupDetail/13579946_1.html

http://club.jd.com/CommunityGroupDetail/13580098_1.html

http://club.jd.com/CommunityGroupDetail/13580039_1.html

http://club.jd.com/CommunityGroupDetail/13579975_1.html

http://club.jd.com/CommunityGroupDetail/13579978_1.html

http://club.jd.com/CommunityGroupDetail/13580191_1.html

http://club.jd.com/CommunityGroupDetail/13580043_1.html

http://club.jd.com/CommunityGroupDetail/13579951_1.html

时间： 2024-10-11 21:52:35

移动应用跨终端设计模式的相关文章

转: 跨终端Web之Hybrid App

转:  http://www.infoq.com/cn/articles/hybrid-app 编者按:InfoQ开设新栏目“品味书香”,精选技术书籍的精彩章节,以及分享看完书留下的思考和收获,欢迎大家关注.本文节选自徐凯著<跨终端Web>第八章“Hybrid App”,主要讲述Hybrid App的发展现状以及技术实现,最后还介绍了两种主流Hybrid开发框架PhoneGap/Cordova和Titanium. Native App(以下简称Native)和Mobile Web(以下简称We

跨终端响应式页面设计入门

跨终端/响应式页面不外乎是让各种分辨率的屏幕都能顺利阅读你的页面,常规来讲一个跨终端页面,在宽屏的电脑上看和在小屏幕手机上看的布局是不同的,布局不同的原因是为了让读者更好地阅读你的页面,见下图: 这里有点要提到的是,我们常规会将PC版的页面和移动端设备的页面独立开来设计,这样会让PC端的页面布局更灵活和好维护.如果你希望你的页面能适配包括PC端在内的任何设备,那么下面几个小工具可以方便你顾及旧版本IE所存在的困扰: ⑴ IE8-不能识别HTML5的<hearder>.<article&g

跨终端开发必备概念汇总

移动大潮已然到来,跟上节奏是必须.在进行更进一步深入学习和研究各种相关问题之前,有些概念是必须研究透彻的,这将会是以后开发和适配的基石. 一.单位英寸像素数(Pixel Per Inch,PPI) PPI是一个度量单位,是像素密度单位,它表示了现实世界一英寸内的像素数,因此它决定了屏幕的显示质量. 像我们常说的1024*768其实是指的屏幕分辨率,对应在现实中的分辨率就用PPI作为度量单位,可以举个例子来说明: |------------------------------------| |如果

单纯觉得是篇好文——跨终端Web之Hybrid App

[reference]http://www.infoq.com/cn/articles/hybrid-app#theCommentsSection 编者按:InfoQ开设新栏目“品味书香”,精选技术书籍的精彩章节,以及分享看完书留下的思考和收获,欢迎大家关注.本文节选自徐凯著<跨终端Web>第八章“Hybrid App”,主要讲述Hybrid App的发展现状以及技术实现,最后还介绍了两种主流Hybrid开发框架PhoneGap/Cordova和Titanium. Native App(以下简

《跨终端Web》读书笔记

跨终端的Web成为了趋势,而这本书就是讲了在这种趋势下进行开发的常见问题及其解决方案,可能是限于篇幅,每个方面都没有展开细说,但这是这样让本书干货满满,几乎没有一句废话. 下面是一些笔记. Web的本质特性是低成本跨平台但是对设备先进特性支持性不够. Web和客户端应用的融合已经成为必然!前端工程师的基本功也包括了客户端和服务器端环境的知识. 移动优先. 跨终端除了响应式,也包括多站点,多模板,多平台.需要综合考虑需求和复杂度等很多因素,使用合适的方式. 响应式的瓶颈:响应式不能解决移动端DOM

初识跨终端Web

近期试读了<跨终端Web>这本书的部分章节,既为了拿到书,也为了记录下读后的收获的东西,这会是个非常好的习惯吧. 标题为"初识跨终端Web".对我来说最贴切了,在此之前,我所做的网页开发都是基于PC网页的,希望可以有个好的开头,好好深入. 在这本书的开头,作者就点到,他接下来要说的是"跨终端"而非"跨设备",我们经常听到"跨设备"(或者说"跨平台"),这个字眼给我们的第一印象是这个页面既能够在P

跨终端Web

1.终端vs设备 H5页面运行在同一设备的不同终端下. (1)Web浏览器. (2)微信.QQ浏览器. (3)移动App的Webview. (4)TV机顶盒. 2.跨终端的实现方式 (1)响应式 存在内在的高耦合性,频繁更新维护成本高 (2)多站点 m.example.com.hd.example.com. wap.example.com. iphone.example.com. ipad.example.com (3)多模板 一个页面只有一个URL,无须服务器端繁杂的URL映射和终端检测等手段

跨终端 Web

跨终端 Web(移动优先|响应式|HTML5|Hybrid|桌面+移动应用|一线前端负责人联袂推荐) 徐凯  著   ISBN 978-7-121-23345-6 2014年6月出版 定价:55.00元 240页 16开 编辑推荐 √聚焦开创性话题,完整呈现与详尽剖析这一突破终端碎片化难局的解决方案 √鬼道及团队倾力打造,三大电商前端技术掌门及一线互联网高工赞誉力推 √跨越手机.平板.桌面和电视等不同终端在呈现本质与商业模式上的差异,强调业务本质和核心人机交互流程 √面向未来人机交互,学会如何选

跨终端Web之Hybrid App开发对比

Native App(以下简称Native)和Mobile Web(以下简称Web)二者混合开发的产物被称为Hybrid App(以下简称Hybrid).Hybrid并不是什么新概念,最早可以追溯到Symbian时代,直到iOS和Android出现之后才充分展现出价值. 一.Hybrid简史 Hybrid既利用了Native App丰富的设备API(Device API),又能拥有Mobile Web的跨平台.高效开发.快速发布的能力,对于相当庞大的应用场景而言都是适用的. Hybrid优势在于