首页 > 代码库 > 移动设计

移动设计

  挺厚的书很快就翻完了,毕竟不是这个专业方向的,看看这书主要是感受下设计,在为小功能的实现而纠结之余也展望一下,真正成功优秀的作品,背后需要怎样的人做出怎样的努力。

  • 适时提升屏幕空间利用率:当向下滚动列表时隐藏上方标题栏。
  • UI操作需要反馈。
  • 编辑内容界面,各种中断事件发生时保存已编辑内容(onPause()?)。
  • “在(旧版本)iPhone的解锁控件中,中间的滑块置于一条槽内,这样的视觉感受可以很好地引导用户哪个地方是可拖拽的,滑块可以往什么方向拖动......在iOS中整理桌面图标的模式,所有桌面图标都会抖动起来,楚楚可怜地等待用户去触碰它们。这样的引导方式让可操作的图标在界面中明显地被突出出来......”苹果这些细节上的设计实在经典。
  • “用隐喻引导用户——地铁站的有走道设计有些特别,为了提升通行效率,让人们在同道中快速行走,地铁出入口会做出一定的坡度。这时不需要广播提醒,不需文字提醒,人们在坡路上会不自觉地迈开步伐,从而加快行走速度。隐喻设计就是营造这样一个环境,让用户在该场景中自然地做出反应,最终不知不觉地达到我们的设计目的。”
  • 拟物降低用户认知成本:表示时间时使用颜色隐喻。
  • 帮助用户减少焦虑:静心设计的动效取代系统的spinner.
  • app转场也似电影转场,考虑相似蒙太奇。
  • 下拉刷新动效能体现品牌形象。
  • 视觉流、触摸流。
  • 转移视觉焦点:时间纬度——动静,色彩纬度——色相、冷暖、明暗、鲜灰,形状——大小、长短、方圆。

移动设计