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

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

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

本章总结:

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

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

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

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

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

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

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

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,658评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,482评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,213评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,395评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,487评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,523评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,525评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,300评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,753评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,048评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,223评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,905评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,541评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,168评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,417评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,094评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,088评论 2 352

推荐阅读更多精彩内容