鸿蒙PC版来袭 ! 看看未来操作系统长什么样?

来源:菜鸟教程

大家好,我是小猿。

最新的 GPT-4o 在国内可以直接使用 !

近日,华为发布了针对 2in1 设备 的HarmonyOS 应用设计指南,其中涉及到了鸿蒙 PC 版应用 UI 的展示。

2in1 设备是一种结合了平板的便携性与笔记本的生产力的新型设备,它们通常具有可拆卸键盘和触控屏,使用户能够在不同的使用场景下灵活切换。

如果要设计出优秀的 2in1 应用或服务,需要熟悉并充分利用 2in1 设备特性,这些特性包括硬件特征、使用方式、交互方式、使用场景等。

2ab11f623af83176344ad455ded2a781.png

1、界面设计亮点

  • 效率型与沉浸型 UI:鸿蒙 PC 版的 UI 设计兼顾了效率与沉浸感,提供了多样化的界面风格,以适应不同用户的需求。

  • 应用界面案例:包括天气 App、文件资源管理器等,这些应用的 UI 设计简洁而直观,操作逻辑与 PC 近似,易于上手。

73f469a6f16716dc09205bb50aa8c10b.png

6e1c1fb403a0e4bb8ce95eb8e7da6651.png

2、窗口框架

窗口是系统中各个应用的载体,由容器层和内容区构成。容器层用于展示应用品牌和控制整体窗口,内容层用于查看内容及与内容进行交互。

776cb4e8db61fa3d3c0dfcc757246b72.png

窗口控制:具备窗口名称/应用图标(可选)、最小化/最大化/关闭控制按钮(必选),使得用户能够快速适应鸿蒙 PC 版的操作方式。

窗口尺寸调整:支持窗口的默认尺寸显示,并可拉伸为任意尺寸,提供了灵活的窗口管理体验。

038aa84d71ed03d214d86eace9da6a5d.png

当应用未做适配时,窗口提供默认的标题区背景、应用图标、应用名称以及窗口控制按钮:

bf1e685aa2edb07071109ecbcf0dc07e.png

3、尺寸规范:适应不同设备

  • 默认尺寸:屏幕的 67%,确保应用在启动时能够占据合适的显示区域。

  • 最小尺寸:360*240vp,保证了即使在小尺寸设备上,应用也能保持良好的显示效果。

833bf7f791281e7c058bf04c7842e3b7.png

4、分栏结构

内容层是应用展示信息的空间,应用需重点关注分栏结构、基于键鼠操作的多模交互以及控件相关规范。

2in1 设备上的窗口分为三种形态,建议根据业务属性酌情使用。

88a65cfcb0ebe94f8d96da75e85371d2.png

5、响应式规则

充分利用 2in1 屏幕大尺寸的优势,利用响应式布局实时响应尺寸变化,确保以最佳的布局来显示内容。

此外,去年 9 月,深圳开鸿数字产业发展有限公司 CEO 王成录博士曾在微博与网友互动时确认,2024 年会有 PC 端鸿蒙系统,意味着今年我们或许能在市面上看到鸿蒙 PC 的发布。

382c68b1b4c8947b3ee679e2c3aed5b5.png


参考文章:https://developer.huawei.com/consumer/cn/doc/design-guides/2in1-0000001777531700

 
 
 
 
 
 
 
 
 
 
 
 
 
 

<END>

点这里👇关注我,记得标星呀~

普通人也能直接使用 GPT4.0

333f02f7675fb1b7a7b0d38c9cab6638.png

1274bebae45907dded05097aa118f9ac.gif

一次性买了200多个官方Plus会员放在一个系统的池子里,共享给大家使用 。每月只需要90元,比官方便宜了一半不止,就可以直接使用官方GPT 4.0 ,而且国内网络就可以直接登录 ,不需要额外的上网工具 。

跟购买官方独立账号是完全一样的:支持GPTs、语音实时聊天功能、联网功能、上传文件、数据分析、AI画图、图片识别、消息隔离功能等,而且不限次数使用 。


7aa61362409722eafb7185f3ecf34b40.png

扫码可以加我微信,备注:GPT4

我会立马通过微信好友请求 

感谢你的分享,点赞,在看三  85dfb4fb843304829710d0f11743f10d.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值