#4 OrionPlayground

iOS 10 和 Android 7.0 设计规范筆記

iOS 10 的新特性

  1. Spotlight 搜索和主屏幕的卡片式插件
  2. iMessage App 的使用
  3. Sirikit 的使用
  4. 頂部消息推送變爲卡片式

iOS 10 的新設計

比起 iOS 9 ,這些原則被強調了:

  1. 減少邊框、漸變和陰影
  2. 增加留白,從色彩、字號大小和粗細去 highlight 重要信息

iOS 10 的新交互

  1. 3D touch 可以在信息和通知上採取輕壓、重壓等全新的交互方式
  2. 考慮色盲用戶、聽覺障礙用戶及肢體殘障用戶的使用體驗,在色彩上合理運用
  3. 儘量延後登錄框的出現,並解釋登錄的功能及原因
  4. 減少輸入的環節和成本
  5. 通過震動反饋,避免過於唐突的警告
  6. 將高頻率的操作,如:搜索等區域置於手機屏幕中下區,提高操作效率

Android 7.0 的新特點——扁平化

  1. 將重要的信息前置
  2. 減少橫截、半截線的使用,採用留白分割
  3. 減少塊於塊之間的間距
  4. 將高頻操作的模塊放在主屏幕,低頻操作的模塊放在側邊抽屜欄

Android 7.0 的新特點——多元化

  1. 底部導航欄數量、尺寸、顏色進行規範
  2. 切換動效的搭配規範

Android 7.0 的新特點——便捷化

  1. 考慮 Google Assistant,分屏,VR 開發等特性
  2. Instant Apps 特性

Android 7.0 的新交互——App Shortcuts

長按圖標,收到手機的震動反饋後收手,會彈出快速跳轉操作的列表。另外,長按操作列表中的任意操作,會生成快捷方式以圖標的的形式展示在桌面上

Android 7.0 的新設計——圓形 icon

Google 在設計文檔中建議開發者,將來在 Google Pixel 的手機上,將會採取圓形 icon 的設計規範,但目前還沒正式着手進行規範。

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.