当前位置:首页 > 芯闻号 > 动态速递
[导读]HarmonyOS基于“精致美观、一目了然、一步直达”三个设计原则,为用户提供更多有效信息,帮助用户完成一些复杂操作的同时,以最佳视觉效果呈现于桌面。

元服务是一种基于HarmonyOS API的全新服务提供方式,对于开发者来说仅需要开发一次,即可支持多终端设备运行,以鸿蒙万能卡片等多种呈现形态,向用户提供更轻量化的服务。更轻便的开发方式,让广大开发者都跃跃欲试,截至目前也已经有很多开发者开发出了一些爆款元服务,而想要原服务拥有更高的传播范围、更高的用户使用率和更多用户触点,卡片视觉设计就显得十分重要。

众所周知在用户的桌面上,除了应用图标外,另一个存在感极强的元素就是卡片。相较于应用,卡片的展示面积越大,展示的元素也相对更加丰富。想要把图片、文字和按钮更好融合进一张小小的卡片,就要遵循“精致美观、一目了然、一步直达”三个原则。

卡片精致美观,意味着各位开发者在设计时不仅要关注卡片的功能,也要打磨卡片的视觉和动效设计,带给用户预约享受的价值,甚至会单纯为了装饰桌面而将卡片添加到桌面上。

大片信息一目了然,提供更多的有效信息给用户,是让卡片更具有价值的手段之一。类似用户需要复杂操作才能获得的信息以及常常关注的信息,都适合呈现在卡片内,但同时也要谨慎展示广告、优惠券等非用户主动想要获取的内容,过度推送此类信息很容易引起用户反感,降低卡片的添加率。

卡片也可添加按钮,如果此类按钮能够一键帮助用户完成一些复杂操作,也能让卡片价值获得极大提升。以打电话为例,原本用户需要“进入电话应用>选择联系人>找到要拨打电话的联系人>点击拨号键”4步才能完成的操作,通过添加一张该联系人的电话卡片在桌面,即可一步完成操作。所以开发者在设计时需审视自己卡片内的所有按钮,是否真的减少了用户的操作,为用户带来了价值。

HarmonyOS基于“精致美观、一目了然、一步直达”三个设计原则,为用户提供更多有效信息,帮助用户完成一些复杂操作的同时,以最佳视觉效果呈现于桌面。目前用户桌面上的卡片主要分为四个尺寸——微、小、中、大,因在不同设备上卡片的宽高不同,具体大小和效果在开发过程中可以使用IDE工具来预览。当然由于每张卡片的显示面积不同,卡片设计中可以承载的元素数量也有所不同。

微卡片建议最多展示2种元素,小卡片、中卡片最多展示3种元素,大卡片最多展示4种元素。开发者可以根据实际的卡片功能定位选择要展示的元素进行组合。

打磨细节,让卡片更精致美观

精致美观其实是一个较为宽泛的属性,设计过程中并没有一些固定的规则,设计师可以遵守业界通用的设计规范,如画面的平衡、色彩的搭配、元素的统一等;当然其个人审美也会产生一定的影响。但整体来看一张精致美观的卡片,不仅要具备用户常用的功能,还要给用户带来美的享受。卡片整体结构一致性、按钮色彩搭配协调性、配图区与功能区的关联性,都是卡片设计需要考量的一部分。

环境吸色、模糊背板、纯净配图、大字体排版、渐变遮罩等方式都是卡片设计中常用的设计手法。想要设计出优秀的卡片,对细节的打磨将成为脱颖而出的关键所在。

控制元素,让卡片信息一目了然

一目了然是卡片的重要功能属性,能够让用户可以不进入应用就能够在桌面了解到关键信息,这也是卡片价值的重要体现。如果能够在卡片中展示更直观的信息,可直接将数据展示在卡片内,减少“跳转查看”类的按钮。

想让卡片信息一目了然,首先开发者可以根据卡片大小来控制信息数量。不同卡片的尺寸能够容纳的信息量是不同的,开发者在设计过程中可以先将信息按照重要等级进行排序,从大卡片到微卡片,依次将较为不重要的信息去除。比如在展示天气信息的卡片中,微卡片仅保留城市、温度、天气类型信息;而在更大一些的小卡片中,增加了空气质量、最高最低气温等信息。

其次,设计师还可通过不同呈现方式来进行数据展示。因卡片面积有限,所以要避免使用复杂的数据表格,类似大数字、图形、进度条、柱状图等更形式相比之下则更加直观。

设备不同,卡片设计保持协同

目前鸿蒙生态覆盖了海量设别,不同设备的显示面积和宫格布局各不相同,因此当卡片需要在多种设备上呈现时,则需要设计师通过不同设备上的呈现效果一一调试。

卡片是信息的浓缩和品牌的放大,为用户带来价值的同时也能够为开发者带来流量,因而一张好的卡片其美感和实用性缺一不可。想要了解更多HarmonyOS卡片设计规范,可前往华为开发者官方网站进行浏览。

本站声明: 本文章由作者或相关机构授权发布,目的在于传递更多信息,并不代表本站赞同其观点,本站亦不保证或承诺内容真实性等。需要转载请联系该专栏作者,如若文章内容侵犯您的权益,请及时联系本站删除。
换一批
延伸阅读

9月2日消息,不造车的华为或将催生出更大的独角兽公司,随着阿维塔和赛力斯的入局,华为引望愈发显得引人瞩目。

关键字: 阿维塔 塞力斯 华为

加利福尼亚州圣克拉拉县2024年8月30日 /美通社/ -- 数字化转型技术解决方案公司Trianz今天宣布,该公司与Amazon Web Services (AWS)签订了...

关键字: AWS AN BSP 数字化

伦敦2024年8月29日 /美通社/ -- 英国汽车技术公司SODA.Auto推出其旗舰产品SODA V,这是全球首款涵盖汽车工程师从创意到认证的所有需求的工具,可用于创建软件定义汽车。 SODA V工具的开发耗时1.5...

关键字: 汽车 人工智能 智能驱动 BSP

北京2024年8月28日 /美通社/ -- 越来越多用户希望企业业务能7×24不间断运行,同时企业却面临越来越多业务中断的风险,如企业系统复杂性的增加,频繁的功能更新和发布等。如何确保业务连续性,提升韧性,成...

关键字: 亚马逊 解密 控制平面 BSP

8月30日消息,据媒体报道,腾讯和网易近期正在缩减他们对日本游戏市场的投资。

关键字: 腾讯 编码器 CPU

8月28日消息,今天上午,2024中国国际大数据产业博览会开幕式在贵阳举行,华为董事、质量流程IT总裁陶景文发表了演讲。

关键字: 华为 12nm EDA 半导体

8月28日消息,在2024中国国际大数据产业博览会上,华为常务董事、华为云CEO张平安发表演讲称,数字世界的话语权最终是由生态的繁荣决定的。

关键字: 华为 12nm 手机 卫星通信

要点: 有效应对环境变化,经营业绩稳中有升 落实提质增效举措,毛利润率延续升势 战略布局成效显著,战新业务引领增长 以科技创新为引领,提升企业核心竞争力 坚持高质量发展策略,塑强核心竞争优势...

关键字: 通信 BSP 电信运营商 数字经济

北京2024年8月27日 /美通社/ -- 8月21日,由中央广播电视总台与中国电影电视技术学会联合牵头组建的NVI技术创新联盟在BIRTV2024超高清全产业链发展研讨会上宣布正式成立。 活动现场 NVI技术创新联...

关键字: VI 传输协议 音频 BSP

北京2024年8月27日 /美通社/ -- 在8月23日举办的2024年长三角生态绿色一体化发展示范区联合招商会上,软通动力信息技术(集团)股份有限公司(以下简称"软通动力")与长三角投资(上海)有限...

关键字: BSP 信息技术
关闭