人机界面指导手册

  • 界面一致性
  • 通过手势,直接控制屏幕上的物体,不需要各种控件来过度,手势的操作有
    • 移动
    • 放大放小
    • 旋转
    • 只要可以让界面元素的显示发生改变的行为--应该让用户直接操作改物体
  • 暗喻,包括拖拉物体,滑动开锁,轻抚一叠相片,旋转拾取器
  • 最常用的信息放在顶部
  • 减少用户输入(包括触摸,键盘)
  • 弱化文件的概念,非要用,应该图形化
  • 弱化设置,尽量避免让程序中加入 系统设置
  • app store的描述 -用户大概率会认真读,不能有错别字,不要用大写,如果有release log,要写明
  • 尽量使用高精度的画质,绘画的尺寸最好大于使用尺寸
  • 能够触摸的元素,至少要 44*44大小
  • 立即启动,避免出现splash
  • 如果程序有tab 栏,广告条放在tab栏上方

控件使用技巧

  • nav bar 上可以分段器,但是严禁使用面包屑,可以替换导航栏的背景色
  • 工具栏总是在屏幕的底部,上面放 对当前内容进行操作的 功能,不能是切换场景,切换用tab bar.而且只能放最常用的功能
  • tab栏只能放5个,必须是切换场景的功能
  • scope bar 只能和搜索栏配合才能用
  • ios提供了很多标准按钮(工具栏,或者导航栏中),其实就是提供了一堆icon,不能改变它的默认语义

Retina 屏幕作画的技巧

retina就是展示高精度图标和图片的,所以要求用户不能只是放大现有的画作

  • 纹理丰富
  • 更多的细节
  • 更加真实

ios对图片的要求

  • default.png 应该和程序启动后第一帧保持接近,尽量朴素 ,320*480
  • app图标4尺寸:57,114,512|29,最后一个是可选的
  • 工具栏/导航栏图标:20(高分辨:40),或者只提供高分辨的
  • Tab bar:30px(retina:60)
  • 推荐使用PNG格式,24位色深+8位alpha通道
  • app图标不要使用alpha透明层,不用高光,直角
    飘在黑色背景上的图标看起来没有吸引力

  • 导航栏/工具栏/tab栏上,尽可能的使用系统提供的图标来完成标准任务(这些图标的语义不能修改),要求 简单富有流行感(不要太多细节,不要雷同系统),用户容易懂

  • 不要有投影效果,要使用抗锯齿,所有图标看起来一样重 只需要提供一种状态下的图标(不需要选中态,按压态,ios会自动叠加)

本文地址: http://lutaf.com/99.htm 鲁塔弗原创文章,欢迎转载,请附带原文链接