本文1856字,建议阅读时间 6min。
第七章:第一印象
本章重点:如何设计能让用户在第一眼就爱上你的应用
人和应用之间的感情和人与人之间感情很像:最初的接触决定了两者之间的情感关系的大部分
图标
接触应用的初始,就是图标,精细的图标也代表了应用本身的精细程度。支撑了影响力,设计质量和个性化。
1,对于设计比较独特的应用,图标在视觉上可引用其设计,创造出应用自身的预览效果。
2,专注于表现应用功能
3,用图标描绘出应用的名称
4,在应用有品牌知名度时,靠着logo即可
优秀的图标会着重表现单一的整体形状,含义清晰明了
轮廓清晰一直是优秀logo设计的重要必要条件,同样适用于应用图标
应用图标的像素尺寸
iphone的小号图标:29*29
ipad的小号图标:48*48
iphone的中号图标:57*57
ipad的中号图标:72*72
大号图标:512*512
设计图标先从大号图标开始,利用它画布大的优点,然后利用大号版本做基础,做中号和小号,三种尺寸的设计要看起来完全一致。
(图片应该是不带透明像素的24位PNG文件,任何透明像素都会被替换成黑色,所以在此情况下,如果有用户将主屏替换成自定义墙纸的话,图标看起来会和低劣)
名字
Safari测试名称显示方式:前往某个网页,,选择“添加至主屏幕”。输入个名称试试,然后一个图标和测试的名称就会出现在主屏幕上。
启动图像
· 仿照界面:把启动图像,做得和应用首页一样,把内容剥除。这种方式会让用户以为已经看到了界面,用户会产生应用已经迅速启动的错觉
· 制作精美的启动画面,展示插画或logo
应用要做到即开即用,那么最基本的就是要做到异常简单。在移动应用上,用户希望的是快速平滑的体验,不需要太多思考,更无须过多阅读。聚焦需求,减少视觉混乱,突出主要任务。
本章重点:
· 应用图标要清晰明了,用来描述应用的功能、界面、名称或品牌
· 图标设计中要加强主轮廓
· 把启动图像做成假的应用背景,可以减少启动的感知时间
· 创建出运行暂停的错觉
· 新手引导
· 首页要特别清晰,如果可以,多使用主面板视图方法
第八章:用手势来操作
本章重点:设计如何通过设计提示和反馈来巩固手势的使用
手势和现实生活相差越远,就越不容易被大家所发现。
易发现手势来源于经验:
如果有些动作对现实物体可以做,或对鼠标控制的指针可以做,那么大家就会同样在触屏上试试能不能做。
注意尝试过却未奏效的手势&重复耗时的操作
本章总结:
· 手势来源于经验。大家是如何触摸现实物体的,是如何用鼠标控制指针的,就会如何在触屏上做相同的尝试
· 沿着走出来的路铺砖:观察用户如何使用你的应用,然后来添加观察到的相应手势。观察内容包括尝试后未成功的手势,和周而复始耗时的操作
· 为没有发现你应用手势的人,准备好备用方案。所有的手势操作都应该通过可见的控件来完成
· 通过扩充标准手势,来帮助用户发现自定义手势
· 除了用来触发撤销/重做对话框或某些新奇用法以外,要避免使用摇动手势
· 提供多点触摸手势的同时,也要提供单指手势作为替代
· 给手势稍加点难度,或使用点击组合,以此来防止意外的误点击发生
· 为每次点击和操作都提供视觉反馈,然后有节制的加上声效
第九章:了解横屏
设计横屏时注意的因素:
· 导航栏和工具栏会被压扁
· 从竖屏幕开始
· 注意动画效果
· 四面兼顾—确保旋转在顺逆时针都顺畅
· 如果要一张页面上做横屏,那么所有页面都要加入横屏
本章总结:
· 先要把应用的一个屏幕方向优化好,再添加对横屏的支持
· 在横屏中通过不同的方式展现内容,而不是一味放大
· 如果应用需要很多文字输入工作,横屏竖屏键盘都要提供
· 可以不用横屏里重新组织内容和信息,而用横屏来提供图形内容
· 不要把重要内容和功能藏在屏幕旋转后
· 避免用户在屏幕旋转、布局改变时迷失方向
第十章:警告、打断、更新
1,警告框:警告的内容要值得打断正在的操作才能弹出
警告框出现场景:
· 应用不能进行时
· 应用无法完成操作时
· 需要授权时
· 有提示消息时,如“确定删除”等
tips:
· 不要用警告框弹出欢迎消息
· 不要弹出来让用户到App Store里删除
· 小问题不要用警告框
警告三大元素:标题、消息文本、按钮
2,推送通知
tips:
· 提供详细的内容控制
· 确保要有“安静”的时间:用户可以自主选择时间是否开启
· 让声音可选,自定义铃声
3,运行标记
菊花转—活动状态指示器
模态按钮是指一个按钮,会根据应用的状态不同和用户的操作不同而改变外观
4,进度条和其他分散注意力的控件
进度条给出了剩余时间的视觉估量:只要简单知道还要等多久,心里就会平静很多
本章总结:
· 在应用不能继续运行的紧急情况,或应用需要用户授权运行的情况下,才能使用警告框
· 警告框消息中,帮助和信息要简单明了
· 警告框的默认按钮应该永远设定在最安全的选项上
· 要让用户确切的选择推送哪些通知,什么时候推送
· 不要使用胡乱计数的主屏幕标记
· 用菊花转和模态视图来安抚用户
· 使用进度条、娱乐项目、预加载内容的方式,让应用看起来运行的更快
第十一章:与其他应用打成一片
· 要使用全系统通用的地址簿、日历和相册
· 提供方法,让用户可以将现有的记录创建或添加到现有联系人和日历事件里
· 将次要任务链接到其他应用里去完成,同时也让你的应用能接受链接
· 最好在任务结束时链接到其他应用,而不要在任务进行到一半时链接过去