鸿蒙——通用设计基础(未完待续)

本文探讨了鸿蒙系统中启动页的合理使用,强调了其仅适用于网络加载耗时的应用,并规定了网格式图、交互事件的统一与便捷性。此外,文章还详细介绍了如何处理弹菜单、多选、滑动操作、调节条和滑动选择器的用户界面设计原则。
摘要由CSDN通过智能技术生成


官网链接

启动页

也就是开屏广告。

本意是为那些加载网络内容应用比较耗时的时候,展示一些内容,让用户等待的时候有事儿做,而不是看加载动画,因此能减少用户等待感。

而不是打广告。

就算要打广告,有的广告打起来让人十分难受:

  1. 点击右上角跳过没反应。
  2. 切应用干其他事儿,切回来居然还要看一遍广告。
  3. 看完广告进应用,居然还要刷新一遍内容。你难道不会给我展示广告的时候刷新好吗?

因此,鸿蒙设计文档中,对于启动页做了一下规定:

  1. 启动页仅仅只针对加载耗时的内容应用。如果没有网络加载这种很耗时的等待的,不要用启动页。
  2. 不要让用户等太久。页面加载完之后请及时呈现内容。
  3. 切应用不要再显示启动页。切出去应用要保存此时状态,切回来恢复。

网格式图

比如小红书,快手。

为了加载很多图片,视频的一个个网格。

网格视图显示同等重要的项目,具有统一的布局。

举个例子,微信。

网易云分享的和QQ分享的格子,居然不一样大。

视频号,广告的格子也不一样大。

可能我不太懂这种设计吧,要么是微信太辣鸡了,要么是我太辣鸡了。

交互事件归一

由于一个界面可能很多设备都来控制,那么不同设备有不同的交互习惯。

弹菜单

触屏上,长按弹出菜单。

鼠标的话,右键弹出。但是如果能保留长按弹出,会让用户觉得很舒服。

多选

触屏上,长按。

鼠标,右键点选。最好保留左键长按,模拟触屏。更好的是左键拖出选择框,框内框上都被选择。

最好还要有键盘的,按住Ctrl,光标点选。最

滑动页面

鼠标滚动一刻痕,页面滚64vp,或用户自定义。

触摸板,双指滑动,需要双指离开触摸板时,页面继续减速滚动到停止。

键盘如果获焦选项,被方向键移到了屏幕外,要对应移动过去。

调节条

鼠标需要滚轮控制变化量,变化量可具体情况具体设置。

滑动选择器

触屏后,picker滑动。

鼠标,滚轮一刻痕,picker滚一项。

需要注意,如果调节条、滑动选择器,嵌套在可滑动页面/列表上,需要:

  • 每次光标位置移动后,根据光标的位置决定响应的控件。
  • 如果进行滑动操作前,指针位于滑动条/picker 上,则滑动条/picker 进行调节,列表不滚动。
  • 如果进行滑动操作前,光标位于列表上,则列表进行滑动,而滑动条/picker 不响应,即使在列表滑动过程中光标进入 滑动条/picker 的有效范围内。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值