《iOS应用开发指南——使用HTML5、CSS3和JavaScript》——1.2 内容和情景就是一切

简介:

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

1.2 内容和情景就是一切

iOS应用开发指南——使用HTML5、CSS3和JavaScript
我为什么要耗费精力在这个相当明显的问题上?因为我提出了很重要的观点,帮助你形象化如何思考设计应用程序的过程。

为了继续这一过程,思考下面这两个日期:

2007年1月9日

2010年5月25日

你能认出这两个日期吗?它们两个都非常重要,因为这影响着我们怎么思考iOS的应用程序。

2007年1月9日这一天,苹果电脑公司(Apple Computer,Inc)改名为苹果公司(App,Inc)。2010年5月25日,苹果公司成为世界上最有价值的科技公司——正是从它的公司名字里去掉电脑一词的3年后。

纽约时报说得最好:

“最重要的技术产品不再放在你的办公桌上,而是握在你的手里。”(2010年5月27日)

2007年初,苹果公司在改名的时候就已经预见到这个情况了,也许是因为那个夏天即将发布的iPhone。

但是不单只是iPhone让苹果在2010年春天成为了最大的高科技公司。这一过程始于2001发布iPod时,并在2003年发布iTunes时得到延续。请注意,虽然当时他们没有停止生产全尺寸的电脑,他们也开始做一些更小一点的电脑。而这些小的电脑比台式机和笔记本电脑更好地整合了计算机技术,并融入到我们的日常生活中。

通过推出新的微型计算机平台iPod,相比从Apple II到Mac的推出,Apple有了更大的飞跃。在第一个进化阶段,苹果普及了图形用户接口(GUI)、电脑桌面、鼠标输入设备,从而创造了一个全新的世界,现在,这个世界已经遍及到了所有的个人电脑。

今天,大部分的人无论是与电脑交互还是用它进行工作,都不再需要使用计算机语言(即无须通过编制程序来指示计算机完成工作)。

关于iPod最不可思议的事情是,它对Mac做了大量的裁剪。更有甚者,苹果不仅去掉了鼠标,也拿掉了桌面。他们把屏幕做得非常小,并使无法直接在iPod设备(图1.2)上创建任何内容。这样一来,苹果把一台电脑裁剪掉大量的功能,使之尽量简单尽量小,并使其完全无生产性。这种与20世纪90年代计算机制造策略背道而弛的做法显得是那么不合情理。


4cbb1d4936dfe3fc0368f937aaeed4d726bd1549

然而,对电源、尺寸和功能大幅缩减后的结果如何?

销售额飞涨,苹果公司取得了巨大的成功。

这种转变是深刻的,因为我们不会把iPod当做一种微型计算机。相反的,我们认为它是一个便携的、实用的、而且易于使用的设备,用来听音乐、新闻、信息和有声读物,浏览照片或甚至看电影和电视节目。

这不是商业的内容了,这是生活的内容。

有趣的是,苹果引入iOS设备时并没有削弱很多新的技术基础。相反,在2007年引入iPhone时,他们只是简单加回了一些关键特性,这些关键特性是当时从全尺寸的电脑打造微型iPod平台时去掉的。他们恢复了我们在桌面型和笔记本电脑上习惯了的因特网连接,并且重新引入基于屏幕的软键盘来输入信息。这在以前的iPod是被限制了的,只能通过点击和滚动输入。

而且,哦,对了,iPhone还有电话功能。

更重要的是,iOS设备把生活内容的概念又推进了一步。现在新闻可以被打断,音乐可以听现场,信息可以是我们孩子的足球时间表,或餐馆的地址,显示在地图上,并附上用户从所在地点到达该处的最佳路径。

所有这一切都意味着,所有的这些设备的设计需要开始着眼于生活内容,并围绕人类的生命和我们日常需要解决的问题。

为了这些情形设计,我们需要认清现实。

相关文章
|
1月前
|
Web App开发 移动开发 HTML5
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码。画面中心是悬浮于空的梅花鹿,其四周由白色线段组成了一个6边形将中心的梅花鹿包裹其中。四周漂浮的白雪随着多边形的转动而同步旋转。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
82 2
|
2月前
|
前端开发 JavaScript UED
CSS滚动效果和视差滚动的原理、应用及其对用户体验的影响。从平滑滚动到元素跟随,再到滚动触发动画
本文探讨了CSS滚动效果和视差滚动的原理、应用及其对用户体验的影响。从平滑滚动到元素跟随,再到滚动触发动画,这些效果增强了页面的吸引力和互动性。视差滚动通过不同层次元素的差异化移动,增加了页面的深度感和沉浸感。文章还讨论了实现方法、性能优化及案例分析,旨在为设计师和开发者提供实用指导。
78 7
|
2月前
|
前端开发 UED 开发者
CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求,提升加载速度
本文探讨了CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求,提升加载速度;图标字体则以字体形式呈现图标,便于调整样式。文章分析了两者的优缺点及应用场景,并提供了应用技巧和注意事项,旨在帮助开发者提升页面性能,改善用户体验。
37 5
|
2月前
|
编解码 前端开发 UED
探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用
本文深入探讨了CSS媒体查询在移动端开发中的应用,介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用。通过实际案例分析和注意事项的讨论,旨在帮助开发者更好地理解和运用媒体查询,提升移动端用户体验。
54 4
|
2月前
|
移动开发 HTML5
html5+three.js公路开车小游戏源码
html5公路开车小游戏是一款html5基于three.js制作的汽车开车小游戏源代码,在公路上开车网页小游戏源代码。
72 0
html5+three.js公路开车小游戏源码
|
2月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
151 6
|
2月前
|
前端开发 JavaScript UED
深入理解与应用 CSS 伪类选择器
【10月更文挑战第23天】通过以上对 CSS 伪类选择器的深入探讨,我们可以更好地理解和应用它们,为网页设计和开发带来更丰富、更灵活的样式效果。同时,要注意在实际应用中根据具体情况合理选择和使用伪类选择器,以达到最佳的设计效果和用户体验。
63 2
WK
|
4月前
|
存储 移动开发 前端开发
HTML5和CSS5有什么区别
HTML5和CSS5在网页设计中扮演不同角色。HTML5是超文本标记语言的第五版,通过新特性如实时更新、跨平台运行及更好的安全性等,定义网页内容和结构。尽管常说CSS5,实际最新的CSS版本包含多个模块如CSS Grid和Flexbox,主要用于控制网页布局和样式,提供强大的选择器、动画支持和响应式设计,与HTML5相辅相成,共同构建现代网页的基础架构。
WK
74 3
|
3月前
|
前端开发 开发者 UED
CSS技术的演变与应用
【10月更文挑战第11天】CSS技术的演变与应用
|
4月前
|
移动开发 前端开发 JavaScript
HTML5 + JavaScript绘制饼图+1
HTML5 + JavaScript绘制饼图+1