触动人心--设计优秀的iphone应用(完结)

2018-03-09  本文已影响0人  czy爱吃咸蛋黄

本文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,进度条和其他分散注意力的控件

进度条给出了剩余时间的视觉估量:只要简单知道还要等多久,心里就会平静很多

本章总结:

· 在应用不能继续运行的紧急情况,或应用需要用户授权运行的情况下,才能使用警告框

· 警告框消息中,帮助和信息要简单明了

· 警告框的默认按钮应该永远设定在最安全的选项上

· 要让用户确切的选择推送哪些通知,什么时候推送

· 不要使用胡乱计数的主屏幕标记

· 用菊花转和模态视图来安抚用户

· 使用进度条、娱乐项目、预加载内容的方式,让应用看起来运行的更快

第十一章:与其他应用打成一片

· 要使用全系统通用的地址簿、日历和相册

· 提供方法,让用户可以将现有的记录创建或添加到现有联系人和日历事件里

· 将次要任务链接到其他应用里去完成,同时也让你的应用能接受链接

· 最好在任务结束时链接到其他应用,而不要在任务进行到一半时链接过去

上一篇下一篇

猜你喜欢

热点阅读