交互基础 在全场景的数字体验中,越来越多类型的智能终端设备分布在用户的日常生活中,可交互的用户界面广泛存在于默认设备、平板、PC、智能穿戴设备、智慧屏、车机、虚拟现实(VR)和增强现实(AR)等设备上。应用可能在多种设备上运行或在单一设备上被用户通过多种输入方式操控,也可能在多种距离上被用户操控。这需要其用户界面能够识别和支持不同的交互场景,以便用户以习惯的、舒适的方法与其进行交互。
阅读全文
openharmony 鸿蒙 grid-system
栅格系统 栅格系统是一个多设备下通用的辅助定位系统,适用于应用窗口的整体布局,也支持界面局部内容使用。栅格系统由 Margin,Gutter,Column 三个属性构成。Margin是相对屏幕、窗口等父容器左右边缘的距离,决定了内容可展示的整体宽度;Gutter是每个Column的间距,决定内容间的紧密程度;
阅读全文
openharmony 鸿蒙 design-specifications
规格说明 规格说明是一份专门编写的文档,用于更完整清晰地说明界面间的通用元素与变化规则,一般为pdf格式。规格说明不是UX设计交付件中的必选项,但它能帮助设计师节省很多重复性工作,帮助开发者快速理解UX设计规格,在面向多设备的应用设计交付中非常推荐。
阅读全文
openharmony 鸿蒙 design-resources
资源 为方便UX设计师以及开发者参考使用,本文特提供: 分层参数的场景、id、参数详细对照表,OpenHarmony系统资源分层设计表V1.0.xlsm 符合规范的设计交付件样例,OpenHarmony天气应用UX设计交付件V1.0.zip
阅读全文
openharmony 鸿蒙 design-map-cached-drawings
切图资源 包含在设计效果中的素材,如图标、图片、序列帧等,应根据实际需要输出为合适的格式提供开发者置入界面内。· 为了更好在多设备上根据设备dpi展示清晰的图像,一分优秀的应用应含有多套同名的切图资源,它们分别存放在mdpi、ldpi、xldpi、xxldpi的文件夹目录下,最终会存放到应用资源包的同名路径中。
阅读全文
openharmony 鸿蒙 design-effect-drawings
效果图 效果图是表达UX设计的关键内容,用于直观呈现目标体验的静态效果,并作为开发者与测试工程师的实现与验收依据。效果图一般为jpg或png格式。
阅读全文
openharmony 鸿蒙 design-deliverable-overview
概述 为使UX设计详尽准确地实现并传递给用户,设计师需向开发者提供必要的设计交付件,包括但不限于:应用规格说明、交互流程、视觉效果、视觉标注、视觉规格说明、切图资源、动效参数资源、音效资源等内容。
阅读全文
openharmony 鸿蒙 design-checklist
设计自检表 设计自检表详细列举出了在全场景应用设计中应当注意的设计规则,这将帮助应用减少用户舆情且提升用户体验的一致性。 自检表的要求范围分为“必选”与“推荐”两类。必选类一般为已总结出的较优解决方案或效果,表示相关设计需要按照此原则统一执行;推荐类指可能受应用品牌风格或业务特殊性影响,可适量做出修改。
阅读全文
openharmony 鸿蒙 design-annotated-drawings
标注图 标注图是向开发者传递界面上每个元素详细属性,以指导代码完整实现UX设计的图像化文档。界面元素的属性包括:色彩、尺寸、字体、圆角、间距、阴影、模糊、缩放、所用的组件、自适应布局、响应式布局等。标注图一般为jpg或png格式。
阅读全文
openharmony 鸿蒙 app-ux-design
应用UX设计原则 设计原则 当为多种不同的设备开发应用时,有如下设计原则: 差异性 充分了解所要支持的设备,包括屏幕尺寸、交互方式、使用场景、用户人群等,对设备的特性进行针对性的设计。
阅读全文