《iOS应用开发指南——使用HTML5、CSS3和JavaScript》——1.4节法宝就是转变

简介:

本节书摘来自异步社区《iOS应用开发指南——使用HTML5、CSS3和JavaScript》一书中的第1章,第1.4节法宝就是转变,作者 【美】Kristofer Layon,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.4 法宝就是转变
iOS应用开发指南——使用HTML5、CSS3和JavaScript
所以这里有iOS设备另一个关键的不同点:我们的原生应用程序的内容传递形式,这是我们需要设计的重点。

如果你不确信的话,对比一下其他硬件的屏幕表面区域的尺寸。

iPhone、iPod touch和iPad有一个方面非常相似:它们几乎只剩下屏幕。从正面观察,3种设备大约95%的区域是屏幕,而笔记本电脑的屏幕占的比例比50%还少一点点(图1.3)。这是重要的区别。即使笔记本电脑的屏幕上显示了一个迷人的网页,很显然它仍然是笔记本电脑,不是吗?键盘、触摸板,手腕区域,以及屏幕周围的区域不会消失。它们仍然影响着我们的体验,使我们远离内容。


344502d1f78bb078b233becfd905dfe13079ae6a

图1.3 即使笔记本电脑大部分是键盘,触摸板和边框。屏幕也少于整个表面的50%

但是一旦你在iOS设备上运行应用程序,因为它的多点触摸,和以屏幕为主导的设计,整个设备就发生了巨大的转变。这一点在有的应用程序里表现得更明显。让我们考虑一下iPhone运行电话应用程序的时候是怎么变成电话的。硬件几乎消失:突然,我们有了一个发光的电话拨号盘和内置的联系人名单。地图也是一样:设备里不是有一幅真正的地图,而是应用程序让设备变成了一幅地图。

理解这个转变效果对我们为这些设备设计的方法是至关重要的。我们需要额外注意怎么样设计用户界面(UI)。当我们需要设计自定义的UI元件时,这些元件用以直接支持我们设计的应用程序的交互需要,这个时候我们需要尊重原生的Apple iOS控件的习惯用法。而且,某些时候,UI元件不仅仅是功能性,商标可能也是个因素。

理解在这种情况下设计思想的重要性是必不可少的。原因是,我认为无论在原生的Apple 用户界面控件还是特定内容或者商标这样细节上的标识缺失并不同于在班级提交一篇论文时,从一篇出类拔萃的论文降格为一篇良好的论文。

遗憾的是,这个错误的观点在其他场合远远比这个更被人挑剔:标识的缺失,在任何情况下,都将让一个优秀的应用程序显得不那么优秀。它很容易成为一个极度不可信任的,甚至成为一个令人讨厌的应用程序。

“哦,哇,这开始听起来令人费解。”你可能会这样想。一个设计良好的应用程序应该可以无缝地融入到用户的日常生活中,无论用户身处何处;只要合适,便应该搭载原生的苹果iOS用户接口;并且只要合适就加入特定内容或者商标的UI细节。可什么是合适的法宝啊?我们要如何专注于内容和用户界面,才足够把这件事情办成呢?

答案是,当然,根本就没有一个简单的公式。但好在,网站设计师已经在响应客户端和顾客需求方面有经验,并且运用协作的方法来进行娴熟的设计。要把这一宝贵的经验应用到iOS应用程序设计中,你需要熟悉原生的用户界面标准、细节和建议:定义你的项目需求(无论是你自己的项目或者是客户和雇主的);并确定用最好的方法为iOS设备设计。

本书将会继续这个模式,告诉你如何把你的设计经验和Web技巧应用在iOS应用程序的设计上,并且给你介绍一些技术,让你做好这些项目,而不需要自己编写Objective-C代码。

相关文章
|
10月前
|
JavaScript 前端开发
如何减少Node.js应用中的全局变量?
如何减少Node.js应用中的全局变量?
487 133
|
10月前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
490 69
|
7月前
|
存储 监控 JavaScript
基于布隆过滤器的 Node.js 算法在局域网电脑桌面监控设备快速校验中的应用研究
本文探讨了布隆过滤器在局域网电脑桌面监控中的应用,分析其高效空间利用率、快速查询性能及动态扩容优势,并设计了基于MAC地址的校验模型,提供Node.js实现代码,适用于设备准入控制与重复数据过滤场景。
280 0
|
9月前
|
移动开发 前端开发 JavaScript
征信报告修改器,征信报告生成器,制作软件无痕修改软件【js+html+css】
本项目为信用评分模拟器教学工具,采用HTML5实现,仅供学习参考。核心功能通过JavaScript构建,包含虚拟数据生成、权重分配及信用因素分析(如还款记录、信用使用率等)。
|
9月前
|
存储 自然语言处理 前端开发
抖音快手小红书虚拟评论截图生成器,模拟对话制作工具,html+js+css
这是一款纯前端实现的多平台虚拟评论生成器,支持抖音、快手、小红书风格,适用于产品演示与UI设计。采用Vanilla JS与Flexbox布局,利用IndexedDB存储数据,CSS Variables切换主题。
|
9月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
6月前
|
运维 监控 JavaScript
基于 Node.js 图结构的局域网设备拓扑分析算法在局域网内监控软件中的应用研究
本文探讨图结构在局域网监控系统中的应用,通过Node.js实现设备拓扑建模、路径分析与故障定位,提升网络可视化、可追溯性与运维效率,结合模拟实验验证其高效性与准确性。
372 3
|
11月前
|
前端开发 搜索推荐 JavaScript
如何通过DIY.JS快速构建出一个DIY手机壳、T恤的应用?
DIY.JS 是一款基于原生 Canvas 的业务级图形库,专注于商品定制的图形交互功能,帮助开发者轻松实现个性化设计。适用于 T 恤、手机壳等多种商品场景。它自带丰富功能,无需从零构建,快速集成到项目中。通过创建舞台、添加模型、定义 DIY 区域和添加素材四个步骤即可完成基础用法。支持在线演示体验,文档详细,易上手。
524 57
|
7月前
|
资源调度 负载均衡 JavaScript
使用PM2工具部署Vue.js应用于服务器
以上步骤完成之后,你就成功利⽤ PM⼆工具将 Vuejs 应⽰程序部署至服 务 器,并且配合反向代理实现了高效稳定访问及负载均衡功能。
291 0

热门文章

最新文章