三星S助手改版建议

1.FAB改进

FAB原版新版对比图
  FAB的用法在Google官方所给的设计规范里规定好了,而且还是专门的一个章节。FAB的全称叫做Floating Action Button。
这是Google对FAB拓展按钮的说明

The floating action button can fling out related actions upon press. The button should remain on screen after the menu is invoked. Tapping in the same spot should either activate the most commonly used action or close the open menu.

  当然Google也提供了另外一种展开方式

The floating action button can transform into a single sheet of material which contains all the actions.

  这里我选择了第一种,因为第一种的动效比较好做,等我有空的时候再试试第二种。

2.天气卡片改进

天气卡片对比
  原版的天气卡片存在一些问题:文字缺乏组织,看起来不规整;天气数字太过纤细;以上两个问题导致卡片上半部分重心偏左;下方天气列表图标夹在两个文字中间显得较为局促;更新按钮后面文字太多,信息冗余。
  所以我将信息重新组织,提升了展示效果。

3.空气质量卡片改进


  原版空白实在太大‘单独一个空气质量(优)浮在空中实在太过单薄;PM2.5作为一个重要参数只是在左下角小小的出现,与整体卡片闲的格格不入;余下地点信息、刷新文字与天气卡片改进同理。
  仪表盘的设计在很多天气应用上都有见到过,所以也就这么设计了。不过在过程中倒是碰到些难题,sketch不能像PS一样很精确的控制锚点的位置或是画出任意精确的角度,所以那个空气质量的40度一格的2/3标尺挺难的。

作者

徐炜楠

发布于

2017-07-21

更新于

2021-06-12

许可协议