首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

如何为移动应用设计出色的图标

Google Play应用商店中的著名图标 我们可以从上面显示的图标中学到很多优秀案例。如我们所见,所有这些图标的背景颜色都使用了其主要的品牌颜色。...虽然形状和颜色是设计的基础,但您的图标还需要其他一些东西才能变得独特和识别。回到本文的第一张图片,我们会注意到每个图标都使用简单的徽标形式或文本来标识其应用程序。...由于伸缩性问题,将文本用作图标的核心可能不是一个好主意:以较小的尺寸显示图标时,文本可能不可读。但是,使用单个字母或其他形式通常可以避免此问题。...对于复杂的表单和图形,也会发生相同的伸缩性问题,这就是大多数图标设计简单的原因。 如果这些表单与特定的徽标或公司图片没有关联,至少它们应该与应用的功能相关。...总结 设计优秀的图标并不是一件简单的事情。 图标设计的三个核心方面:配色方案,图标形状和形状。

1.4K20

Android:(本地、通信的、前台、远程)Service使用全面介绍

的常见属性说明 属性 说明 备注 android:name Service的类名 android:label Service的名字 若不设置,默认为Service类名 android:icon Service的图标...2.1.4 Demo地址 Carson.ho的Github地址:Demo_for_Service 2.2 通信的服务Service 上面介绍的Service是最基础的,但只能单机使用,即无法与Activity...2.2.3 Demo carson.ho的Github地址:Demo_for_Service 2.3 前台Service 前台Service和后台Service(普通)最大的区别就在于: 前台Service...);//设置通知的图标 builer.setContentIntent(pendingIntent);//设置点击通知后的操作 Notification notification...总结 本文对Service的使用进行了全面解析(本地、通信、前台和远程Service 接下来会介绍继续介绍Android开发中的相关知识,有兴趣可以继续关注Carson_Ho的安卓开发笔记----

86510

04-移动端开发教程-在线字体图标

在线字体本身是矢量的,放大缩小都不会失真 可以灵活的通过css来控制字体图标的大小、颜色、阴影等 可以方便的自定义字体图标 2....-- 在需要字体图标的地方添加i标签,并添加图标样式类 --> 第二种:直接下载bootstrap压缩包...Font Awesome 提供了高可用性的矢量图标字体。它可以用强大的CSS自定义图标的大小、颜色、图标阴影等。...此在线工具可以选择图标、增加图标、修改图标移动图标、上传图标等操作,操作完成后选择要下载的图标然后选择右下角的生成字体,然后就可以下载字体了。...其他: 定制自已的字体图标库 http://iconfont.cn/ 联系老马 对应视频地址:https://chuanke.baidu.com/s5508922.html 老马qq: 515154084

3.2K60

深度揭秘部署矢量字体图标管理平台YIcon

❌ ),线段的端点为圆头端点,不要修改它 | 制作成字体图标方便后续使用 按照图标制作规范画完icon后,我们经常会制作成字体图标。...如何制作字体图标 我们现在用的字体图标平台是阿里巴巴旗下的Iconfont,我们先来看一下它的制作指南。...*28px的图标放大为560px*560px,上下左右居中对齐画板。...这样我们就会在我的图标内看到刚刚上传的图标,字体图标就上传成功了 如何把字体图标给到开发 通常开发要用字体图标,会找到设计师。...那设计师应该如何交付字体图标呢 这时候字体图标的强大之处就体现出来了,感谢阿里爸爸提供这个平台~~ 我们只需要选择开发需要的图标项目,下载到本地就可以,会自动生成一个文件包,给到开发就好了。

98010

【实战】Vue.js 图标选择组件开发

在项目中本人使用的是 Fontawesome 图标库方案,使用它是因为提供的可用图标比较丰富,基本上不需要特意去找合适的图标,直接把它的图标库下载过来,免费的有800多个。...name放到一个 solid.js 文件中,输出为数组,在组件中引入,然后就是循环数组 iconList,输出i标签,Fontawesome 的使用方式是:<i class="fas fas-<em>图标</em>name...在组件平级新建一个 index.<em>js</em> 文件 image.png import IconsCompontent from '....,这里是所有组件的集合 image.png 最后一步是在 main.<em>js</em> 中注册: import CustomComponents from '....原文链接:https://blog.zhangbing.site/2018/12/01/Vue-<em>js</em>-<em>图标</em>选择组件实践/ 作者简介:做工程不做码农(微信公众号同名),Web前端工程师,7年开发经验,坐标杭州

3.3K10

News | Google地图加入高度定制化的进阶图标

Google地图平台添加可让开发者更改样式的进阶图标,甚至能以CSS动态配置进阶图标,提供动态图标体验 Google地图平台透过让用户使用高度定制化的进阶图标(Advanced Markers),...开发者现在可以利用高度定制、高效能图标,来丰富用户体验并且展示品牌特色。...Google也让开发者可以直接使用SVG和PNG图片创建自定义图标,并且运用CSS动态配置进阶图标的样式和动画,像是更改大小、透明度、位置和颜色,借此在地图中创建动态图标体验。...官方提到,进阶图标的载入速度,要比传统图标更快,并且支援更快的平移和缩放功能。...,屏幕阅读器则会自动选取图标标题,而图标也会自动预设为辅助功能角色(Accessibility Role)。

1.5K20
领券