具透下个Android大版本更新,Google想为你「众筹」一套图标包

但「让桌面图标也能跟随壁纸变换主题风格」是一件很酷的事,此前Google在Android12中为自家应用保留的带主题的应用图标(themedicons,以下简称「主题图标」)特性,在Android13中终于成为了一项主打功能。

Google对Android桌面图标的设计,经历了从不规则到规则、从强调个性化辨识度到强调整体视觉一致性的过程,这个过程中的「分水岭」,便是Android8.0中自适应图标(adaptiveicons)特性的引入。

理想情况下,异形图标能够让应用图标更具辨识度,和其它应用一起放在Android的应用抽屉和主屏上时自然也更好找。但当屏幕上所有的图标都是形状、大小各异的图标时,用户的注意力反而更容易被特定图标的形状和设计细节所分散。

相比之下,自适应图标通过保留图标主体、然后用全局遮罩来裁切图标形状的方法,一定程度上保留了应用图标的个性化特质,又让应用抽屉和主屏的整体观感更加和谐。不同厂商也能根据自己的实际需求,选择不同形状的遮罩来获得满足自身品牌设计需要的、形状也更加统一的图标样式。

而如果说Android8.1引入的自适应图标决定了Android应用的图标形状,那Android13的主题图标所决定的就是Android应用的图标风格。

在Android13中,满足以下条件即可体验到主题图标特性:

以搭载Android13Beta的GooglePixel为例,只需在Pixel启动器桌面上的空白位置长按,然后在「壁纸和样式」设置中即可找到并启用「带主题的图标」

而同样一张壁纸在默认取色风格下,深色主题开启后主题图标则会将上面图标主体和图标背景的色值选择反过来,以A1-100的色值为图标主体颜色,同时选用更暗的N1-800作为图标背景。

如此一来,一套能够根据壁纸变化自动套用相近色彩方案、同时在系统深色主题开启、关闭状态下都能用的主题图标便诞生了。

因为规格要求相近,同时为了保证在主题图标功能关闭和开启状态下都能向用户提供一致的辨识度,目前很多开发者都选择像Google那样直接使用现有的自适应图标素材生成SVG单色应用图标。适配时,只需同时提供自适应图标和单色应用图标,然后通过清单中的元素指向单色应用图标即可。

当然了,应用图标的设计千奇百怪,我们所遇见的应用也不可能都像Google应用那样简洁甚至抽象。遇到元素复杂、风格独特的应用图标,直接从原有自适应图标资源生成单色应用图标的做法也可能会带来很多问题:

因此Google一方面建议开发者使用平面、2D风格的图标设计,另一方面也提供了在主题图标中重现3D和层级效果的途径:Alpha渐变。这里的思路又与Google深色主题的设计异曲同工,通过透明度的差异,单色图标也可以像深色主题下的界面元素那样拥有明暗,明暗关系的存在则可以进一步反应层级。

遇到这种情况,开发者只需通过适当添加不同Alpha透明度的方式,就能让图标中的各个元素层级在主题图标中重新得到显现。

Android13正式版推送在即,主题图标作为其主要功能之一,届时应该也会登陆除GooglePixel外的其它Android设备,比如三星OneUI5.0。不过客观来讲,能够体验到这个功能的Android用户,最后可能并不会太多。

主题图标很大程度上依赖于自适应图标,二者作为设计规范都为设备厂商提供了足够的定制空间,但Google却从未将它们作为强制规范进行落实——自适应图标在5个大版本更新后的今天都尚未成为Android生态内的「默认标准」,主题图标作为在此基础上的风格延展,依然也需要开发者主动响应号召才能向前推进。

这也就是我们在标题里说的,Google从自适应图标开始就想组建一套广泛适用的规则图标包,主题图标的推出又为这套图标包带来了千人千面的色彩风格。但这个图标包究竟能够覆盖多少应用,还是取决于有多少感兴趣的开发者愿意参与「众筹」。

但总体而言,已经适配这一特性的、为数不多的应用中,像Google那样巧妙搭配色彩填充动画实现完美「桌面图标>开屏动画>应用界面」转换效果的不多。

THE END
1.华为图标显示在哪设置华为图标设置在哪华为图标设置在:【华为图标显示在哪设置 华为图标设置在哪】 打开设置,点击桌面和壁纸 , 桌面设置 , 可打开或关闭锁定布局 , 自动对齐,循环滑动按钮 。 华为技术有限公司总部位于中国广东省深圳市龙岗区坂田华为基地,华为于1987年在中国深圳正式注册成立 。2007年合同销售额160亿美元,其中海外销售额115亿美元,并且是...http://m.husay.cn/a/202411/5334669.html
2.css和js改变鼠标的图标形状和样式的方法网页元素上显示系统自带的鼠标样式可能不是我们想要的鼠标样式,经常需要改变鼠标的样式。 css指定鼠标样式 div { cursor: pointer; } 自定义鼠标样式 div { cursor:url(url图片地址) } js改变鼠标样式 document.getElementById(id).style.cursor='pointer'; ...http://tv.speechb.com/detail/30725e67d5a742a2a3316b86f7a55b09
3.如何选择合适的图标?来看这份图标类型和风格汇总六、大尺寸图标样式 大尺寸图标在界面中使用较少,更多用于产品标识或品牌宣传。 1.线性图标 1.1标准线性图标 在设计任何图标前,都可以先创建一个线性轮廓,确保形状看起来足够美观后再添加颜色。 关键点: 这类图标最容易制作。 避免出现轮廓羽化。 线条粗细要一致。 https://www.niaogebiji.com/article-33800-1.html
4....hover)选中(单击,pressed)状态下更换图标样式sgggr三种图标样式(从左往右分别是normal,hover,pressed): 先上效果图: (1)第一种方法:在样式表中设置border-image(在网上看到有人使用background-image的,不推荐,因为那样的话图标大小是不会自动缩放的,有兴趣的可以试一下)。 QPushButton *button1 =newQPushButton(this); ...https://www.cnblogs.com/sggggr/p/12673026.html
1.PPT中设置图标的三步指南(ppt怎么设置的图标)将鼠标放在这些控制点上,当鼠标变成双向箭头时,按住鼠标左键并拖动,即可调整图标的大小。 要移动图标,只需点击并拖动图标到幻灯片上的所需位置。 第三步:设置图标样式 选中图标后,可以在菜单栏中找到“格式”选项(如果您的PPT版本不支持,可能需要通过右键点击图标并选择“设置形状格式”)。 https://ppt.zaixianjisuan.com/fangan/pptzhong-she-zhi-tu-biao-de-san-bu-zhi-nan.html
2.WPSOffice中的图形设计工具使用介绍首先,WPS Office中的图形设计工具主要包括“插入形状”、“文本框”、“图像”、“SmartArt”以及“图表”等功能。这些工具不仅能够丰富文档的视觉效果,还能够增强内容的表达力,使其更加生动有趣。 ### 插入形状 在WPS Office中,用户可以通过“插入”菜单中的“形状”功能,选择常见的几何形状(如矩形、圆形、箭头等...https://www.yihemeixiao.com/news/3665.html
3.可爱小图标设计与应用指南.gif格式:虽然主要被用于动画制作,但其透明背景和较小的文件大小使其适用于某些特定的图标设计场合。 .svg格式:是一种基于XML的矢量图形格式,兼容性强,支持CSS样式,适用于Web设计和响应式图标。 在选择图标格式时,考虑最终用途、图像质量和存储需求是至关重要的。不同格式有着各自的优势和局限,选择合适格式能够确保...https://blog.csdn.net/weixin_36431814/article/details/144124458
4.office2010样式怎样选选word2010中,“样式”按钮在哪个工具栏上1、首先,打开Office2010中的Word文档,点击位于左上角的“插入”按钮。接着,在弹出的菜单中选择“形状”选项,打开形状列表。这里提供了多种形状供用户选择,点击任意一个形状并确认,即可在文档中插入图形。在插入图形后,可以通过点击图形右下角的箭头,打开样式选项,对图形进行详细的设计和调整。 https://www.915go.com/bangong/15410.html
5.从文件图标到个性化图片(打造独一无二的桌面体验,让文件图标焕发...在电脑使用中,我们每天都要面对各种各样的文件和文件夹,而它们的图标却往往统无聊。想象一下,如果我们能够将这些文件图标改成我们喜欢的、个性化的图片,岂不是会让我们的桌面变得更加独特和有趣?本文将为你介绍如何实现这一目标。 为什么要定制文件图标? https://www.2petclub.cn/post/9338.html
6.设置图标的视觉特征win11问题win7win10问题设置图标在用户界面中扮演着重要角色,帮助用户快速找到系统设置选项。 1、设置图标的视觉特征 设置图标通过线性、面性等风格,展现出独特的视觉魅力和识别度。 2、设置图标的形状与样式 设置图标样式多样,包括线性、面性、双色线面等,适应不同平台和功能需求。 https://www.shangyouw.cn/win11%E9%97%AE%E9%A2%98/arc363771.html
7.模板窝4、选中最上面的第一个矩形,右键鼠标设置图形格式,在右侧的设置图形格式窗口中切换到填充设置,在填充中选择图片或纹理填充,然后点击图片将一个logo填充到第一个矩形上;其他的矩形也是同样的操作,依次将ogo图片填充到对应的11个矩形中。 以上就是ppt排版logo图标的教程,希望大家喜欢。https://www.moban110.com/article/0t4svpf97121
8.androidstudio怎么设置按键形状在本文中,我们介绍了三种设置按键形状的方式:使用自定义背景、使用按钮样式和使用矢量图标。通过这些方式,可以根据需求来设置按钮的形状。无论选择哪种方式,都需要注意保持按钮的可点击性和可访问性。希望本文对你在Android Studio中设置按键形状有所帮助。 https://blog.51cto.com/u_16213317/8961634
9.圆形状样式图标矢量圆形状样式图标矢量艺术插画图片下载摄图网为设计师提供大量图片素材和摄影照片:圆形状样式图标矢量圆形状样式图标矢量艺术图片,偶像,圆,圆圈,标志,模板,现代的,矢量,艺术,风格等,你现在浏览的正版图片编号304361944,搜索图片就来摄图网!https://699pic.com/tupian-304361944.html
10.如何在.NET电子表格应用程序中创建流程图腾讯云开发者社区此步骤介绍如何应用样式主题以及如何将自定义样式应用于形状。用户可以使用“形状格式”选项卡的“形状样式”部分自定义形状的背景颜色和轮廓颜色。 对于本例,流程图形状和连接器的样式如下: 7.分组流程图形状 对流程图形状进行分组可确保所有相关元素保持在一起并保持其预期布局,从而降低意外修改的风险。Spread 的设计...https://cloud.tencent.com/developer/article/2343574
11.WPS如何改变图片形状呢?wps改变图片形状的操作步骤摘要:WPS无论是在生活中还是工作中都需要用的一种最常用的办公软件,接下来小编就来给大家详细助解WPS如何改变图片形状呢?wps改变图片形状的操作步骤,我们一起来瞧一瞧,看一看吧! 操作步骤如下: 1、在计算机桌面的Wps演示图标上双击鼠标左键,将其打开运行。如图所示; 2、在打开的Wps文稿窗口,插入图片,并将图片复制...https://www.hqew.com/tech/news/1791551.html
12.形状选择工具—KritaManual5.2.0文档几何属性是形状选择工具的的第一个标签页。你可以在里面查看和微调形状的左上角 X/Y 坐标 (左边一组数值框) 和形状的宽度和高度 (右边一组数值框)。点击最右边的锁定图标,形状的宽高比将被锁定。 等比例缩放样式 勾选:在缩放时,形状的描边将与形状本身保持比例,一同缩放。 不勾选:在缩放时,形状的描边将保持...https://docs.krita.org/zh_CN/reference_manual/tools/shape_selection.html
13.办公自动化实验实验指导书5)“页面设置”:B5纸、页眉、页脚=0、整表在页面的“水平”方向“居中” 6)加表格线、数据对齐方式设置步骤 (A)加表格线:仅选中有数据的区域,单击“格线”图标---选“田”字按钮 (B)进入“单元格格式”设置窗口,在“文本对齐方式”的两个方向均选“居中” 7)...https://emtc.dlou.edu.cn/2013/1222/c2449a22096/page.psp
14.基础组件Button按钮按钮形状 图标按钮 按钮尺寸 块级元素 页面导航 自定义颜色 API Props Events Slots 类型定义 主题定制 样式变量 Button 按钮 介绍 按钮用于触发一个操作,如提交表单。引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。import { createApp } from 'vue'; import { Button } from 'vant'; const ap...https://www.bookstack.cn/read/vant-3.6.4-zh/536e04f8892def29.md
15.如何在PowerPoint中插入形状和图标?3. 使用颜色和样式来突出显示形状和图标,以增强视觉效果并吸引观众的注意力。 4. 如果您不确定要使用哪种形状或图标,可以查看PowerPoint的内置模板或在网上搜索一些流行的选项。 5. 如果您经常需要插入形状和图标,可以考虑使用快捷键以提高效率。例如,在Windows上,可以使用Ctrl + Shift + S来快速插入形状。 https://www.sousou.com/bk/53872.html
16.UnrealEngine4游戏开发指南第1章是本书的基础。该章介绍如何和在哪里下载Unreal Engine,了解源代码版本和启动器版本之间的区别。Unreal Engine安装(如果是源代码版本,则是编译)之后,展示Unreal Engine的用户界面。该章还讲述浏览器、BSP以及如何更改游戏的启动画面和图标。 第2章讲述在启动并运行Unreal Engine后如何将自定义的FBX资源导入Unreal...https://www.epubit.com/bookDetails?id=UB6c8733ad1529e
17.如何使用图标集在Visio 专业版 中,图标集是一种可在将数据导入绘图中的形状后应用的数据图形。 以下示例显示了这三个形状中每一个形状的“On”跟踪字段的图标集: 显示条件或“25%,50%,75% 已完成...” 图标集适用于显示条件。例如,绿色图标表示处于良好状态的形状,黄色图标表示部分良好状态,红灯表示关注点。 https://support.microsoft.com/zh-cn/office/85a2863a-90cf-4a19-acb8-a3216cac4b7a
18.ppt制作小图标PPT中自带了一个丰富的图标库,我们可以通过直接插入这些图标来快速制作各种小图标,而不需要自己重新绘制形状或者寻找素材。 具体操作方法如下: 1. 点击“插入”-“图标”,打开图标库窗口。 2. 在图标库中选择需要插入的小图标类型和样式,点击“插入”按钮。 http://www.chinauci.cn/news/brandnews/42150.html
19.在Photoshop中使用渐变随机:随机创建符合上述设置的渐变。选择该按钮,直至找到所需的设置为止 要创建具有指定设置的预设渐变,请在“名称”文本框中输入名称,然后单击“新建”。 如何使用渐变预设 全面了解如何应用 Photoshop 中新的和改进的“预设”面板。从色板到图案,从渐变到样式和形状,Julieanne Kost 探索了所有预设。 Julieanne Kost...https://helpx.adobe.com/cn/photoshop/using/gradients.chromeless.html