很多朋友看到如下工程窗口的图标(如:带有 “叹号”、“星号”、“钥匙”、“禁止驶入” 标志),就会产生疑问:这些图标到底是啥意思呢?
图像尺寸和分辨率 iOS用于将内容放置在屏幕上的坐标系基于以点为单位的测量,它们映射到显示屏中的像素。在标准分辨率屏幕上,一点等于一个像素。高分辨率屏幕具有较高的像素密度。因为在相同量的物理空间中有更
在应用界面中图标的存在,会给用户一个良好第一印象,这个挺重要的。但是从零开始开发图标需要大量的时间和金钱。在你的网站上使用图标可以让你有效地与你的访问者交流:它们增加了可读性,突出了重要的内容,加强了功能或特性,增强了设计。因此,使用现成图标是很好的一个选择。
大家好,我是瑞哥,昨天有个微信好友向我要网络相关的VISIO图标,写方案的时候经常用到,今天瑞哥给大家分享一套比较齐全的VISIO,覆盖了IT行业专用网络及硬件的图标。
最近工作中遇到的一个问题引发了大家的讨论,就是在UI设计中,空心图标和实心图标应该在什么场景下使用?
静电说:今天静电看到了一篇非常棒的问题,详细阐释了图标设计过程中方方面面的知识点,今天,咱们就来看看设计师Slava Shestopalov的文章:
图标元素在设计中使用的非常广泛,无论是在产品设计中,还是平面设计中,图标可以说是无处不在了。
iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。 iOS设计规范系列共10篇。本文是第8篇,介绍图标和图像(Icons and Images)。
APP产品营销的其中很重要一环 ,就是图标设计。它的重要性很明显,即图标将影响用户的第一印象,这是吸引用户注意力的一种重要方式。特别是一些需要基于应用程序进行创业的公司,图标设计直接关系到您在应用程序市场中的知名度。
大家都知道UI设计师要画图标,面对那么多纷繁复杂的林林总总的图标,大家有没有总结过一些系统的知识点呢,今天咱们来看看Nick Babich的这篇文章。
按钮和图标在网页设计中扮演着重要的角色,它们是用户与网站或应用程序交互的关键元素之一。Bootstrap 是一个流行的前端框架,提供了丰富的按钮样式和图标库,使开发者能够轻松创建吸引人的界面。在本文中,我们将深入探讨 Bootstrap 中按钮和图标的使用,适合初学者,帮助他们更好地理解和应用这些元素。
苹果WWDC2017开发者大会已经尘埃落定,除了新产品的发布,iOS 11也正式亮相。新系统中,地图、App Store、时钟、相机、联系人等等原生应用都换了新的图标。此次图标的变化势必也会激发下一个图标设计的潮流,如何设计图标又将成为一个新的热门话题。 最新版的iOS 11,相比于iOS 10,新系统在外观上的变化并不明显,已经没有几年前苹果从"拟物设计"到"扁平设计"的巨大视觉冲击感,但在图标设计上做了很多细节修改。比如地图图标增加了象征Apple Park的弧形道路、相机去掉了上下两条水平线,
译者:Zz招锦 https://juejin.cn/post/6922416136294252557
先解释一下何谓“划算”:假定一个Winform程序包含若干个窗体,每个窗体左上角都要显示图标(即要设置Form.Icon属性),该程序本身也要有个图标(用于在OS资源管理器中显示),所有这些图标都是一个样子——这是一种很常见的情形。如图:
创建高质量的图标套组需要合适的方法,训练有素的眼睛,一些迭代和大量实践。下面,我将通过7个原则和大量实际示例来说明。最终目标是让你了解设计出优质图标的关键细节。
有读者说,面试的时候面试官提到了一个问题,但不知道怎么回答。这个问题是:实心图标和空心图标的区别是什么?这个问题网上的讨论挺多的,国内外很多设计师都有针对这个问题给出一些自己的看法。
别急,这场“图标隐身术”背后的神秘原因,其实是Windows这个小调皮在搞鬼。它呀,为了让你的桌面加载得飞快,就像是提前准备好了所有画作的快照放在一个叫做“图标缓存”的秘密相册里。但有时候,这个相册不小心被风吹乱了页码(缓存文件损坏),那些美丽的画面自然就对不上号了。
Power BI的条件格式有五种模式,背景色、字体颜色、数据条、图标和Web URL。在这五种模式中,只有图标可以有无限的扩展性,其它四种功能比较单一。条件格式图标可以怎么玩?下面以五重境界进行描述。
Android 8.0 (API 26)引入了自适应图标,可以在不同的设备上显示不同形状的图标。例如,一个app 如果采用了自适应图标,那么它就可以在一家的 OEM 厂商的手机上显示为圆形,在另一家 OEM 厂商的手机上显示为方形。只需要每个 OEM 厂商提供一个标准的图标遮罩,那么系统就可以将所有的自适应图标渲染为相同的形状。自适应图标同样可用于shortcuts (快捷方式)、设置、分享对话框、屏幕预览等地方。
视觉内容的重要性 随着移动互联网的高速发展,人们往往被各类各样的信息与数量庞大的内容所淹没。因此,人们的注意力也变得极难捕捉起来,但是可以确认的是,视觉内容广告比书面内容广告更重要。为什么呢?因为它可
在我们去开发一款 App 的时候,图标一定用得到,去上哪儿找高质量又免费的图标资源呢?说真的接下来推荐的这几个网站上的图标质量非常高,你可以找到很多灵感与启发,在推荐图标网站之前先介绍一点图标设计规范。
这可能是目前最便捷、最合适的 Icon 使用方式了,特别是在 Vue3 中,等等,你以为它只是适用于 Vue3?不,不要被标题欺骗,它支持 Vue2/Vue3、React、Preact、Solid、Svelte 等多种主流框架,同样,它也支持 Vite、Roullp、Webpack、Nuxt、VueCLI、Svelte Kit、Svelte + Vite、Next.js 等多种主流构建工具。之所以标题中带有 Vue3 以及 ElementPlus 单纯是因为此文是以此背景下产生的,示例代码也是基于此。
一般来说,我们的个人博客都会放上一些社交图标以及社交链接。这样一来,想要关注我们更多的最新研究或工作的读者就可以很快找到路径。于是,在 Jekyll 博客主题设计的时候,通常会在个人简介的地方放置几个社交小图标,点击社交小图标即可把读者带到你的社交个人主页上。对于不同类型的作者,常用的或者关注的社交平台基本上不大一样,社交小图标也会有不一样的需求。比如说,对于从事科研工作的人来说,像谷歌学术、ResearchGate、ORCID 等等能够列举发表论文或者相关研究的平台就比较重要;对于一般程序员来说,像 Github、Gitlab、Segmentfault、CSDN、简书等等能够展示自己所参与的项目和技术心得体会的平台就比较重要;对于前端设计师来说,像 Instgram、UI 中国、Dribble等等能够展示 UI 设计作品的平台就比较重要。因此,对于一款 Jekyll 博客主题的设计者来说,同时要兼顾到这么多不同的需求可能会有点为难,毕竟领域不同、了解的程度也很有限。
Favicon图标一般是指在浏览器中跟随网站URL的图形,今天和大家分享关于favicon图标相关知识,如何快速下载想要的网址favicon图标,以及如何自己在线生成一个favicon图标,一篇指南帮你搞定favicon图标设计。
图标,是能够吸引访问者注意力并提供更好的感官的好方法。随着Vue的兴起,更多的Vue库正在兴起,以下就为大家推荐几个Vue的图标库。
开发者在日常编写网页的过程中会需要插入图标,但是有的图标尺寸过于小,如果将图标放大就会出现问题,导致图片失真等情况,这个时候就需要采用icon图标来插入,但是很多新手小白却不知道什么是icon图标。下面具体来为大家说一说icon图标是什么,使用icon图标需要注意什么。
静电说:Big Sur已经发布了快一年了。这些天,随着新版本MacOS的发布,Sketch开发团队的设计师Janik Baumgartner 分享了对于工具栏图标重新设计的心得。接下来这篇文章,我们可以从中学到一些有用的知识。第一,默认图标尺寸变化对不同密度显示器效果的影响。第二,如何为单色图标带来更多的可识别性。 第三,1.5pt线条如何进行描边填充处理?
UI界面的图标通常可以近似的看做以下的基本格式之一:横向矩形,纵向矩形,对角矩形,圆形,三角形,正方形。 如果把它们做成高斯模糊效果,你就会发现它们具有相同的视觉重量,因为它们变成或多或少相同的斑点效果。
我们需要把它裁切并转成svg格式再生成字体图标,比较繁琐,而我新系统目前也没有装相应软件,所以这里不采用这些图标,选用网上已有类似的字体图标来代替。
导读:在产品中适当使用图标,可以让产品更生动,也更简洁。在前端项目中,处理和引入图标都是必不可少的环节。在 Web 产品中引入图标,大致经历过如下几个阶段:使用独立的图片来引入图标、使用 CSS sprites 技术、使用字体图标(font icons)、使用 SVG(inline SVG/SVG sprites)、在前端视图层框架中封装组件。本文将简单梳理一下图标相关的工作流程的演进,以及我们在百度设计语言系统推进过程中相关的一些尝试。
国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具
你为栏或者主屏幕快捷操作创建的自定义图标也称为模板图标或者图像,因为iOS将其用于产生当你app运行时你看到的图标。
矢量图标是矢量图的一种,这种图形也叫做绘图图像,是各种设计中比较常用的图片格式之一。因为其是根据几何特性绘制,并且通过数学公式计算获得,所以,矢量图最大的特点就是可以无限根据设计需要放大或缩小,并且不会失真。那么,这么好用的矢量图标,要到哪里去找呢?今天我就和大家一起逛逛国内外比较常用的矢量图标的网站。
1:使用矢量图标字体: 矢量图标字体库,如Font Awesome、Material Icons等。将矢量图标字体文件(通常是.ttf或.otf格式)添加到项目中。需要使用图标的地方,使用相应的类名来渲染图标。
上一节提到,如果项目中很多自定义的图标,或者是各种不同来源的图标,我们可以通过对Iconify进行扩展来实现,但是在扩展之前我们需要制作自己的图标字体文件,那么图标字体文件该如何制作呢?这个可以试试Fontello、Icomoon或者IconFont吧!
最近行为验证码在很多网站逐步流行起来,对用户体验来说,比较新颖,操作简单。下面我以滑动拼图验证码和文字点选验证码为例,通过 KgCaptcha 来说说如何修改验证码中的图标。
在Power BI使用图标可以大大增强可视化效果。图标可以用在报表装饰、表格矩阵列、条件格式等场景(参考:Power BI 条件格式图标的五重境界)。前期制作了一个图标查询工具(参考:复制粘贴就可以使用的Power BI 图标素材查询系统),读者可以在完全不了解SVG代码的情况下,直接复制粘贴,在自己报表中使用这些图标。
其实,Flutter设置App的应用名称和图标是要分开来操作的,Android和iOS是分开设置对应的App名称和图标的,这一点一定要注意。也可以把Android和iOS的应用名称和图标分开设置,可以设置不一样,但是毕竟一个App为了保证一致性,还是不要这样做,老老实实保证Android和iOS两个端的应用信息保持一致吧。
2021 年 12 月 08 日,苹果 推出 App Store 产品页的新功能,在 App Store 中开发者可以针对 app 产品页的不同版本上使用不同的图标、截屏和 app 预览,通过 A/B Test 找出效果最佳的版本。有部分读取可能知道我们在之前的文章 解读 AppStore 新功能:自定义产品页面和 A/B Test 工具,当时留下这个一个问题:测试不同的 app 图标,提交新图标的 app 审核流程是怎么样?
在Qt助手(assistant.exe)搜索关键字"Setting the Application Icon"就可以看到在各种平台设置Qt程序图标的方法,包括QT支持的Windows、MAC、Linux(KDE和GNOME)都有相应的方法。
如果您已有账号,可以忽略此步骤,如图登录方式有四种,一个是手机号注册登入,一个是Github另外一个是微博,域账号我们用不了,无论哪种都是关联账号,没有注册,选择一种登录即可,站长这边使用手机号注册
腾讯ISUX isux.tencent.com 社交用户体验设计 全文4000字,阅读需要15分钟。作者将向你展示微云团队一路以来对文件图标设计的思考和沉淀,并着重介绍了当前这套图标的设计由来。 前言 在过去的一年中腾讯微云为大家带来了很多新特性,比如创建和在线编辑Office文档、语音速记、文件收集,微云超级会员的基础存储空间从4TB提升到了6TB,此外还有多项特权升级。就在最近,我们还在灰度接入腾讯文档,以后会有更紧密合作。微云除了不断完善基础的存储功能,也一直致力于全方位的满足用户各种
EaseMobile 主题的左侧的Off Canvas 侧边栏导航中是可以为每个菜单项设置小图标的。本文通过图文+视频教程为购买EaseMobile 主题的客户告知导航菜单设置小图标的方法。当然,如果
本文只针对handsome主题,也是综合了在hexo和部分typecho主题中引入矢量图标的经验及网络上已有教程进行经验总结分享交流,有出入的地方还望大家指出,共同交流进步。
image2icon mac是运行在Mac OS平台上的专业图标制作工具,用它可以创建你自己的Mac图标,并自定义文件和文件夹的icon图标。如果你厌倦了一成不变的icon,那就下载这款Image2icon,给你的mac和其它设备换上你喜欢的图标吧!
2018-02-27 15:11
SVG图标是SVG图像,用作Web应用程序或移动应用程序内的图标或图像按钮。SVG图标也可以用于徽标。文章说明了SVG图标如何创建自己的SVG图标,以及在何处可以下载高质量的预制SVG图标。
领取专属 10元无门槛券
手把手带您无忧上云