HarmonyOS 鸿蒙Next App桌面图标清晰度规范或文档

发布于 1周前 作者 nodeper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next App桌面图标清晰度规范或文档

你好,我按照这个尺寸做了桌面图标,安装之后怎么看起来没有别人的图标清晰,我们的比较模糊,请问有什么建议吗? ## App Icon 尺寸:  - sdpi(41x41):表示小规模的屏幕密度(Small-scale Dots Per Inch),适用于dpi取值为(0, 120]的设备。 - mdpi(54x54):表示中规模的屏幕密度(Medium-scale Dots Per Inch),适用于dpi取值为(120, 160]的设备。 - ldpi(81x81):表示大规模的屏幕密度(Large-scale Dots Per Inch),适用于dpi取值为(160, 240]的设备。 - xldpi(108x108):表示特大规模的屏幕密度(Extra Large-scale Dots Per Inch),适用于dpi取值为(240, 320]的设备。 - xxldpi(162x162):表示超大规模的屏幕密度(Extra Extra Large-scale Dots Per Inch),适用于dpi取值为(320, 480]的设备。 - xxxldpi(216x216):表示超特大规模的屏幕密度(Extra Extra Extra Large-scale Dots Per Inch),适用于dpi取值为(480, 640]的设备。    还有就是这个提示对应的文档没找到,不知道如何操作: "icon": "$media:xxx",  To deliver a better app startup experience, use layered icons


更多关于HarmonyOS 鸿蒙Next App桌面图标清晰度规范或文档的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复
桌面图标和启动页面图标分辨率规范参考:应用图标-视觉风格-通用设计基础 - 华为HarmonyOS开发者

获取dpi值,您可以导入[@ohos](/user/ohos).display包,通过getDefaultDisplaySync()方法获取。

import display from '[@ohos](/user/ohos).display'; 

let displayClass = null; 

try {

  displayClass = display.getDefaultDisplaySync();

  console.info('Test densityDPI:' + JSON.stringify(displayClass.densityDPI));

} catch (exception) {

  console.error('Failed to obtain the default display object. Code: ' + JSON.stringify(exception));}

更多关于HarmonyOS 鸿蒙Next App桌面图标清晰度规范或文档的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next App桌面图标清晰度规范主要聚焦于确保应用图标在各种设备屏幕上的显示质量。以下是核心要求:

  1. 分辨率:图标应提供多种分辨率版本,至少包括48x48、72x72、96x96、144x144像素等,以适应不同屏幕尺寸和DPI(每英寸点数)的设备。

  2. 格式:建议使用PNG格式,因为它支持无损压缩且具有良好的透明度处理能力,确保图标边缘清晰无锯齿。

  3. 设计规范:图标设计应简洁明了,避免复杂背景和过多细节,确保在各种背景色下都能清晰识别。同时,图标应遵循鸿蒙系统的视觉设计规范,包括色彩搭配、圆角处理等。

  4. 图标内容:图标应直观反映应用的主要功能或品牌特征,避免使用文字(除非必要且清晰可读)。

  5. 适配性:确保图标在不同尺寸和比例的屏幕上都能保持良好的视觉效果,避免拉伸或压缩导致失真。

以上规范是确保HarmonyOS 鸿蒙Next App桌面图标清晰度的基本要求。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部