众妙之门:移动Web设计精髓

第一章 移动Web设计趋势

1.简化选项、页面留白、少量的图片、子域将取代.mobi域名和单独域名、内容优先

2.移动Web设计的挑战:屏幕尺寸多样化、缺乏理解、快速的变化、测试繁琐、做减法

3.对移动Web设计的思考:简明的语义标记、CSS下内容与显示的分离、Alt 标签、表单域的分类、标题的作用、禁用漂浮链接、减少页边距和填充、做好页面导航、注意页面颜色对比

4.Sitepoint(设计团队)的移动Web设计作品:不要混淆标记、了解你的手机、找准目标客户、谨慎发布、选定响亮的域名、验证你的标记、测试

第二章 移动Web设计:要点和实践

1.尽快使自己熟悉硬件设施相关的操作软件:移动操作系统、移动设备浏览器

2.简明很重要

3.使用有效标记

4.为用户提供访问标准网站的选项

5.使用单独的手机主题

6.在某方向限制滚动

7.不要使用弹出窗口和打开新窗口

8.尽量减少图片的使用

9.优化网站导航

10不要依赖Flash和JavaScript

11.让你的标准网站拥有更多实用内容

12.确保重定向工作顺利进行

第三章 如何建立一个移动网站

1.如何实施移动样式表:服务器端方法及UA字符串、客户端方法及媒体查询、用户启动法

2.移动样式表的变化:屏幕实际使用面积的增加与改变

3.超越样式表:可触电话拨号、专有输入法、定义视窗大小

4.对于iPhone和iPad的思考:不支持Flash

第四章 iPhone和iPad的Web应用发展:已经开启

1.设计理念:灵感-图纸-软件实现

2.编写代码:JQTouch

3.功能测试:真机、模拟器

4.两全其美的PhoneGap

5.忙到晕头转向

第五章 如何创建你的第一个iPhone应用

1.拥有一个好点子

2.工具列表:iPhone开发者计划、iPhone/itouch、mac、非公开协议、iPhone SDK、笔记本子

3.你真正最擅长的是什么:

能分辨有用的应用;

市场调研;

iPhone应用程序的功能描述;

素描;

GUI的设计;

编程;

iPhone应用程序的市场营销;

4.做好基本工作:市场调研

5.深入了解iPhone/iPodTouch的UI(用户界面)

6.决定“谁将看到你的应用程序?”

7.勾画出你的想法

8.应用开发的时间安排

9.编程

10.将你的应用递交到AppStore

11.推销你的iPhone应用:加入社会化媒体宣传、发布前的推广、多套实施计划

12.持续关注你的应用程序

第六章 iPhone应用开发的趋势

1.iPhoneUI本地元素的镜像:例子Facebook、where、tweetdeck、Flicker、

2.硬件一瞥:Little Snapper/Where To

3.丰富、立体和漂亮的列表:Delivery States Touch/Be Happy Now/Next Read

4.界面分层:Barnes&Noble/USA Today/MyPantone

5.列表的图标:iStudiez/Top Floor/ New York Time

6.插图的使用:Magnetic Personalities/ SugarSync/Mom Maps

7.手势的使用:Mover/ABC Animals/All Recipes

第七章 iPhone应用设计点评

1.Foobi

2.BudgetPlanner

3.UnitsUnited

第八章 iPhone应用开发的误区一:过度成熟的视觉效果

1.所有的iPhone应用程序都不够好吗

2.5个最常见的iPhone应用程序设计错误:过度成熟的视觉效果、忽视了技术上的局限性、无序的页面导航、混淆了iPhone和电脑的功能、不能实时识别

3.误区一:过度成熟的视觉效果

第九章 iPhone应用开发的误区二:忽视语言环境

1.开发贴近用户、深受用户喜爱的应用程序

2.理解人们的需求及局限:基础物理人类工程学

3.理解用户使用环境下特殊的挑战:目标和环境、手机-互联网-社区(bump/Mover/)4.环境是伟大文化的组成部分

总结:优秀来源于努力钻研

第十章 iPad应用设计要点

1.设计以人为本

2.极简主义让你的应用程序在iPad上更出色:情景菜单、模板视图、

3.iPad的两种定位是一个了不起的创造

4.使用触摸和实感体验

5.设计动态内容

6.让我们开始吧

第十一章 制作移动Web应用程序

1.增加零碎知识的学习

2.移动互联网无处不在

3.老生常谈的话题

4.苹果在线商店(AppStore)的模式

5.没有什么不可能

6.现实世界里的挑战

7.网络浏览器的必然胜利

第十二章 使用CSS3媒体资讯库(媒体查询)创建移动网站

1.媒体资讯库(媒体查询)

2.利用媒体资讯库功能为电话创建样式表

3.使用媒体资讯库链接一个独立的样式表

4.测试媒体资讯库

5.对现有网站的改进

6.为老式浏览器提供媒体资讯库支持

7.大胆的尝试

第十三章 移动设备的形式

1.放大域

2.输入格式

3.隐藏用户密码

4.弹出菜单控件

5.复合菜单控件

6.本地输入控件

7.屏幕定向

8.语音输入

9.我们的下一步

第十四章 Web和iPhone开发中的Photoshop设置

1.做好颜色管理以匹配不同设备的颜色

2.OSX操作系统和Windows操作系统中的Photoshop有何区别

3.禁用PhotoshopRGB颜色管理

4.“指定配置文件”与“转换为配置文件”的区别

5.Illustrator的操作与Photoshop相同

6.亮度曲线gamma的区别

7.对iPhone用户界面的最终检查

第十五章 如何推销你的移动应用程序

1.做到独一无二

2.让你的应用程序成为话题

3.积极运用博客

4.控制好媒体炒作

5.案例:在饱和市场做出好成绩:独特的功能定位、炒作越早,反响越大、网站评论、获得大型知名网站的关注

第十六章 移动开发趋势

1.这究竟是什么

2.检查变量

3.结论说明一切问题:用户的访问形式、移动网络顶级域名的使用、移动手机应用程序、平均加载时间、首页有效资源的规模、文档类型声明、验证代码、代码分离、字体类型、标题对比度、网页主题内容的比例、身份验证、返回并访问全站、导航要素、首页链接比例、黄金图像比例、链接点击区域、页面版块布局率、滑动操作体验

4.学以致用

5.移动Web设计的未来

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值