首页
学习
活动
专区
圈层
工具
发布

如何为App图标挑选合适的颜色

最能勾起我兴趣的是app的图标,但苦于不知如何去对此进行有效的研究。 最近我偶然发现了一个很酷的叫做Miro的Ruby库,它能够把一张图片的各个构成颜色提取出来。...分析一个app主要的颜色能揭露些很有意思的结果。 方法 ? 谷歌地图的图标 接下来我参照标准web颜色(加上额外的黄色)来匹配每个图标上主要的颜色至最接近的web色。...谷歌地图的颜色 无视黑白灰,我把四个最常用的颜色放在了上面的色盘里。 大尺寸的图标意味着该图标内用的最多的就是那个颜色。...最受欢迎的200个免费iOS App的图标颜色 我发现一大堆的蓝色和红色app图标,还有零零散散的绿色。粉色和紫色寥寥无几,只有Snapchat是黄色。...最受欢迎的200个iOS游戏 很多游戏都倾向于更复杂的图标设计,这也导致他们会使用更多的颜色。

2.8K90
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    曼哈顿图如何指定不同染色体不同的颜色

    大家好,我是邓飞,最近星球(飞哥的知识星球)有老师问了一个问题: GAPIT软件,染色体的颜色是5个一循环,他有12个染色体,想每条染色体一个颜色绘制一条染色体: 我的回答:GAPIT大概率没有参数设置...CMplot(dd1[,1:4],plot.type = "m",threshold = c(0.05/nrow(dd)),file.output = F) 可以看出,十条染色体一组颜色,然后循环。...3,设置十二个颜色用于表示十二条染色体 CMplot包中的col参数,可以定义不同的颜色。...,直接在编程界面显示出来了,666 所以,结论是什么,就是设置12条染色体的颜色,赋值给col参数即可。...PS,如果有20条染色体,每个染色体一个颜色,如何设置: colors <- c("red", "blue", "green", "purple", "orange", "pink", "brown",

    75610

    Layui学习笔记,一起加油!

    建立模块入口,并通过 layui.use() 方式来加载该入口文件,加载指定目录下的index.js文件内的模块。...可同时指定四种css,分别在不同设备下生效。...栅格布局规则、响应式规则(不同尺寸的屏幕下如何显示)、响应式公共类(不同大小的屏幕下的布局方式block、none、inline)、列间距、列偏移(1-12)、栅格嵌套(栅格理论上可以无限嵌套)。...2. layui的颜色,https://www.layui.com/doc/element/color.html 3. layui的图标,全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)。...因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css 控制文字属性,如 color、font-size,就可以改变图标的颜色和大小。

    78830

    ASP.NET MVC5+EF6+EasyUI 后台管理系统(52)-美化EasyUI皮肤和图标

    皮肤颜色来源于AdminLTE系统。我的颜色全部都这里取的。,所以一共取了11个颜色。...1个皮肤=2个banner颜色和1个侧边栏颜色 利用chome的元素查看器可以获取AdminLTE颜色,或者用VS2013自带的吸色器(我是用后者) 我是怎么做的???...利用CSS的优先原则,修改要确保不修改.easyui.css与jquery.easyui.min.js的文件,这样以后才能对Easyui直接进行覆盖升级 图中为文件结构,skin开头为自己的皮肤。...下面这个重要,图标哪里来。...图标库我引用的是 Font Awesome;这个不是指图片库,而是一个字体库 图标585不够用可以自己定义图标(http://font.baidu.com/editor/) 先导入,然后编辑后导出。

    1.8K50

    基于jQuery UI CSS Framework开发Widget

    ui-helper-hidden-accessible:将元素的绝对位置设置为不可见 .ui-helper-clearfix:适用于浮动包裹父元素的属性 . ui-helper-zfix:适用于修复iframe元素覆盖的问题...ui-priority-secondary:被应用于级别为第二级的button,和上一场景相对应,将应用一般粗细的字体,并且相对于元素轻度透明 Icon types:css framework提供了一套默认的图标...,这些图标适用于大多场景,一般使用的方式是“ui-icon ui-icon-****”来指定icon .ui-corner-tl:左上角圆角,基于css3,ie不支持 .ui-corner-tr:右上角圆角...在jQuery css framework中包含了基本的css样式(视觉和感觉诸如颜色,字体大小,图标等),而在ui的css中,则需要定义构建widget结构的css,比如margin,padding,...接下来会用一个简单的jquery ui widget代码,来说明如何开发widget。 //此widget是将textbox进行修饰一下的。

    2.1K100

    程序员必备狂拽炫酷吊炸天的动效神器

    安利一波CSS、JS炫酷动效在线下载网站 # bttn.css 专注分享网页按钮的样式库 # Hover-Buttons 一个可以生成代码的网站 # granim.js 基于canvas的背景颜色渐变动画插件...该插件通过配置几组不同的颜色方案,使指定元素在这些颜色中执行平滑的渐变色过渡效果。 # micron 可生成炫酷CSS3动画的js动画库插件。...这个 JavaScript 库提供线条,圆形和方形等几个内置的形状 # Second-Hamburger-Helper 别样的舒适感 # hamburgers 一款效果超酷的图标变形动画特效CSS3...包括18种不同的变形动画效果,你还可以通过Sass文件来自定义你自己的图标变形动画 # jquery-drawsvg 一款轻量级的使用jQuery来绘制SVG图形轮廓线路径动画的插件 使用jQuery...moving-letters 提供了16种基于文本和字体的动画效果 # tilt.js 用来创建微妙但是引人瞩目的视差效果 # 3D线条 基于 Three.js 的解决方案 可以创建不断变化的颜色和线条

    3.1K12

    Hexo相关

    设置时只需要多加一个 class 即可例如: CSS.icon-bilibili:before { content: "\e600"; } /* 卡片处小图标 */ .card_icon { /* 修改颜色...### 标题美化处的修改 butterfly 主题的标题标签前有一个图标,如何为其更改为阿里 iconfont 呢?...通过开发者工具我们可以看到主题为前边小图标的样式: 因此我们改动起来也很简单,只需要在刚才我们的 `iconfont.css` 文件中覆盖这个样式即可。...颜色设置同理. ### 其他修改 不管是什么主题,不管是什么样式。只要你想使用阿里的图标,必须改变其标签的字体为 `iconfont`, 接下来可以用伪类方式,也可以使用 class 方式。...修改图标大小及颜色 图标不显示 (无效果) 这种原因很多种,但如果你稍有常识就不会遇到. 不知道在哪改 在你创建的 css 文件中.

    1.8K20

    前端工程师如何干掉设计

    本文并非教大家如何取代设计的工作,而是讲解前端如何更快更便捷的实现一些简单的设计任务,在没有设计师的情况下如何利用工具解决UI呈现的问题,让工作事半功倍。  ...2.调整局部颜色   如果我们需要对图片的局部颜色进行更改,比如我想将下方图片的背景变为黑色,我们可以点击“选择” -> “色彩范围” -> 选中背景区域 -> 调整颜色容差即可   (1)选择范围 ?...这里介绍下我们如何通过Photoshop的动作功能来实现一键切图的效果。   ...其采用了智能的有损压缩技术,通过选择性地降低在图像中的颜色的数量,减少字节的存储数据量,其效果是几乎看不见,但它可以很大程度的减少图片的大小。   ...(3)jQuery-ui:http://jqueryui.com/   jQuery-ui是jQuery的官方UI库,其在提高CSS样式美化的同时也提供了一系列的JS组件供开发者使用,同时也支持定制功能

    2.4K40

    游戏优化系列二:Android Studio制作图标教程

    本文将介绍Image Asset Studio工具的使用,介绍如何制作圆形图标 目录 1、 关于Image Asset Studio 2、 自适应和旧版启动器图标 3、 操作栏和标签页图标 4、通知图标...(3)在 Background Layer 标签的 Asset Type 中选择一种资源类型,然后在下面的字段中指定资源。您可以选择一种颜色或指定一张图片作为背景图层。...如果项目中已存在该资源名称(由向导底部的错误来指示),它将被覆盖。名称只能包含小写字符、下划线和数字。 Trim - 要调整源资源中图标图形与边框之间的边距,请选择 Yes。...Color - 要更改 Clip Art 或 Text 图标的颜色,请点击该字段。在 Select Color 对话框中,指定一种颜色,然后点击 Choose。该字段中会显示新值。...或者,如需在 Select Color 对话框中指定颜色,请选择 CUSTOM,然后点击 Custom color 字段。

    4.6K30

    vscode前端插件安装「建议收藏」

    代码的一大体现就是重复,如果纯用手敲不仅累还会影响项目进度,这款自动补全插件真的很棒; 12.beautify :格式化代码的工具,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用; 13.jQuery...Code Snippets:jquery 重度患者必须品; 14.Debugger for Chrome:让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试...,真666~; 15.jQuery Code Snippets:jquery 重度患者必须品; 16.vscode-icon:让 vscode 资源树目录加上图标,必备良品!...17.VSCode Great Icons:另一款资源树目录图标 18.colorize :会给颜色代码增加一个当前匹配代码颜色的背景,非常好; 19.Color Info:提供你在 CSS 中使用颜色的相关信息...你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。 20.Bracket Pair Colorizer:让括号拥有独立的颜色,易于区分。

    1.1K30

    雪花IDC财务管理系统QSIT_PRO 主题模板

    更新日志 V6.3 【优化】 优化手机端首页数据中心节点 【修复】 修复独立服务器订购页面无法获取头像名称 【新增】 新增适配官方实名认证 新增首页手机端节点图片 V6.2 【优化】 优化了每次更新覆盖弹窗文件结构...V6.0 【优化】 采用全新图标样式 优化海外机器加载缓慢 去除全站loading预加载极致体验 优化加载资源采用多节点cdn加载 优化主题首页底部颜色和版权网站信息排版优化 优化公告页面字体颜色暗灰色...现调整为高亮黑 优化首页电脑端手机端轮播图片独立加载资源 【修复】 适配小屏幕兼容问题 修复一处js渲染报错问题 修复两处jquery报错问题 修复部分浏览器手机端轮播图片无法轮播问题 修复手机QQ...QQ浏览器 网站底部排版颜色显示错误 【新增】 一键安装模块 一键升级模块 新增后台更新页面 新增图片懒加载优化体验 新增 Font Awesome 5 图标库 V5.62 1.更新注册防刷验证码不分大小写输入验证...2.适配 VPS HOST 自定义内容 CDN上个版本更新过 3.首次在移动端加入轮播图片样式 4.微调云服务器产品参数图标颜色为特调蓝色与主题更加契合

    2.8K30
    领券