《交互设计的艺术-ios7拟物化到扁…
2015-09-23 21:27
183 查看
第一章:为ios平台做用户体验设计
1.1成为用户体验设计师
1. ui用户界面 ud交互设计
ue用户体验 gui 图形用户界面
2.
ios6特性:以全新角度呈现的地图应用,用语音发送信息siri,带有icloud超强分享功能的照片浏览应用,高校管理和使用各种票据,卡片的passbook,facetime视频电话,全新的邮件功能和safari网络浏览器。
ios7特性:重新设计了内置应用,锁屏界面和通知中心,采用airdrop作为分享方式之一改进了多任务能力。
3. 成功的应用设计案例:passbook,circle,今日美国
1.2 用户体验设计的基本流程
1. 前期:市场调查,功能定位,用户分析
中期:产品创意,绘制原型草图(选择布局和导航方式,设置控件和界面元素,可用性测试)
后期:个性化设计,图标设计,交付开发者
1.3 ios7全新用户体验
1.追求简约 优化层级 相互关联
第二章 ios 平台的交互特点
2.1 了解ios平台的移动设备
iphone 4s 640*960 iphone5 640*1136
mini 768*1024 ipad4
1536*2048
home键在苹果设备上有一个特殊点,如果处在系统首页,按下home会打开搜索功能。
2.2 移动设备的人体工程学特点
1.拇指:拇指单手屏幕点击舒适度热度区域分布,把危险性操作放在不易点击区域。对于左撇子不需要进行布局翻转,因为会打破思维惯性
2. 单手和双手:要保证双手不离开电脑。
单手指手势:横向滑动,纵向滑动,双击,长点,长点加拖动
多手指手势:捏抻,两手指双击,抓和放
3 指尖触摸:按键高度不小于7毫米。表视图,虚拟键盘,导航栏,标签栏,列表等都是44点(88像素)。
4.视觉运行轨迹:眼动热度图
5.
优化视觉结构:对数字进行分割,识别并选择比回忆并输入容易,迎合人们的视觉惯性,使用图形而不是文字来描绘信息,使用黄金分割和井字形分割。
6.图片与文字的视觉关系:像素大,简单干净并清晰。
7.屏幕旋转:横屏和竖屏的界面要分别设计。
2.3 ios平台视觉体验
1.拟物化和扁平化:拟物化有隐喻,美观亲切,用途一目了然。扁平化以简约主义为核心,关注颜色和文字,以及层级优化。
2.ios7的视觉体验;状态栏可以控制背景颜色,和导航栏融为一体,导航栏上左右两侧的按钮直接换成文字,使用半透明导航图形和动画效果来展示界面和元素关系,表格视图去线条,字体改变。
1.1成为用户体验设计师
1. ui用户界面 ud交互设计
ue用户体验 gui 图形用户界面
2.
ios6特性:以全新角度呈现的地图应用,用语音发送信息siri,带有icloud超强分享功能的照片浏览应用,高校管理和使用各种票据,卡片的passbook,facetime视频电话,全新的邮件功能和safari网络浏览器。
ios7特性:重新设计了内置应用,锁屏界面和通知中心,采用airdrop作为分享方式之一改进了多任务能力。
3. 成功的应用设计案例:passbook,circle,今日美国
1.2 用户体验设计的基本流程
1. 前期:市场调查,功能定位,用户分析
中期:产品创意,绘制原型草图(选择布局和导航方式,设置控件和界面元素,可用性测试)
后期:个性化设计,图标设计,交付开发者
1.3 ios7全新用户体验
1.追求简约 优化层级 相互关联
第二章 ios 平台的交互特点
2.1 了解ios平台的移动设备
iphone 4s 640*960 iphone5 640*1136
mini 768*1024 ipad4
1536*2048
home键在苹果设备上有一个特殊点,如果处在系统首页,按下home会打开搜索功能。
2.2 移动设备的人体工程学特点
1.拇指:拇指单手屏幕点击舒适度热度区域分布,把危险性操作放在不易点击区域。对于左撇子不需要进行布局翻转,因为会打破思维惯性
2. 单手和双手:要保证双手不离开电脑。
单手指手势:横向滑动,纵向滑动,双击,长点,长点加拖动
多手指手势:捏抻,两手指双击,抓和放
3 指尖触摸:按键高度不小于7毫米。表视图,虚拟键盘,导航栏,标签栏,列表等都是44点(88像素)。
4.视觉运行轨迹:眼动热度图
5.
优化视觉结构:对数字进行分割,识别并选择比回忆并输入容易,迎合人们的视觉惯性,使用图形而不是文字来描绘信息,使用黄金分割和井字形分割。
6.图片与文字的视觉关系:像素大,简单干净并清晰。
7.屏幕旋转:横屏和竖屏的界面要分别设计。
2.3 ios平台视觉体验
1.拟物化和扁平化:拟物化有隐喻,美观亲切,用途一目了然。扁平化以简约主义为核心,关注颜色和文字,以及层级优化。
2.ios7的视觉体验;状态栏可以控制背景颜色,和导航栏融为一体,导航栏上左右两侧的按钮直接换成文字,使用半透明导航图形和动画效果来展示界面和元素关系,表格视图去线条,字体改变。
相关文章推荐
- UITableView基本使用方法2
- UITableView基本使用方法1
- [iphone开发]UIImageView常用操作
- UIVIEWCONTROLLER各个方法的加载顺…
- java09 队列Queue与Deque
- 利用sourceinsight宏(Quicker.em)提高编码效率和质量
- UIView动画animation
- 受用户喜爱的UI设计产品离不开数据分析
- UI设计中你的视觉感觉对你的设计的局限性
- UI设计师产品构思过程需要有一个系统思维方向
- 【UIKit-124-5】#import <UIKit/UIView.h>
- Building System之 get_abs_build_var() && get_build_var()
- APUE-第十四章 高级I/O
- 自定义TabBarController
- UITabBarController剖析
- UIKit入门
- 前端框架 EasyUI (1)熟悉一下EasyUI
- iOS:CoreData数据库的使用四(数据库和UITableViewController以及NSFetchedResultsController一起使用)
- 当UITextField被系统键盘挡住的时候如何解决
- 【UIKit-124-4】#import <UIKit/UIView.h>