总结一下桌面APP排布设计原则

  今天因为早上睡到10点,于是乎无聊想折腾一下手机桌面,让手机桌面看起来更好看一些。于是我把B站上有关鸿蒙桌面排布设计的视频基本都看了一遍。采取了以下设计元素:

  1. 善用卡片,使用元素对称、平衡的排版设计,然后将APP穿插其中

  2. 第一页通常是信息通知页

  3. 然后利用鸿蒙的两种类型的图库卡片(一种是直接长按图库图标的卡片,另一种是双指收缩进入锁定页,选择下面的窗口小工具的图库)

  4. 利用双指收缩进入锁定页,选择下面的窗口小工具进行选择页面元素排布

  5. 尽量让同一种颜色的APP放在同一页,当然也可以采用B站中更改APP图标颜色的教程,调整同一种颜色。
    6.我采用的是将同一种相似功能的APP放在一起

  6. 可以适当页面留白,让页面显得更加简洁

效果

Day11 折腾鸿蒙桌面APP排布设计-鸿蒙HarmonyOS技术社区Day11 折腾鸿蒙桌面APP排布设计-鸿蒙HarmonyOS技术社区Day11 折腾鸿蒙桌面APP排布设计-鸿蒙HarmonyOS技术社区Day11 折腾鸿蒙桌面APP排布设计-鸿蒙HarmonyOS技术社区Day11 折腾鸿蒙桌面APP排布设计-鸿蒙HarmonyOS技术社区Day11 折腾鸿蒙桌面APP排布设计-鸿蒙HarmonyOS技术社区Day11 折腾鸿蒙桌面APP排布设计-鸿蒙HarmonyOS技术社区

总结与反思

  • 鸿蒙的桌面设计可以玩出花来,如果要再严格一些,要将相同颜色的图标放在一起。

  • 但是我是按功能来放的没那么统一,当然也可以自己通过代码改APP颜色。

  • 所以是不是可以一键更改同一页的APP颜色?

  • 另外这个设计起来还是比较折腾,其实是不是可以写一个一键按模板完成桌面应用排布的APP呢?

  • 有需要个性化设计鸿蒙桌面的吗?50块设计一台设备,让我验证有没有有没有这个痛点、是不是一个足够痛的问题,不知道有没有市场。