美文网首页
触动人心--设计优秀的iphone应用(完结)

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

作者: czy爱吃咸蛋黄 | 来源:发表于2018-03-09 18:05 被阅读0次

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

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

    本章总结:

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

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

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

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

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

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

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

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

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

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

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

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

    相关文章

      网友评论

          本文标题:触动人心--设计优秀的iphone应用(完结)

          本文链接:https://www.haomeiwen.com/subject/zcrmfftx.html