前沿拓展:
win10容器时间不一致
win10锁屏界值始尔触府映居岩面和解锁界面不一致。
编辑导语:图标是界面视觉组成的关键要素之一,而了解这些图标的基础知识,也是入门设计的必备条件之一。本文作者小编综合来说了一些产品的图标,对图标的基础知识进行了分析,一起来看一下吧。
日常生活和工作中,我们与各种各样的界面打交道。作为设计师,图标是界面视觉组成的关键元素之一。了解图标相关的知识,以及正确规范的绘制方法,是入门设计的必备条件之一。本文将对图标进行系统的介绍,希望我的这篇文章可以给大家带来一些帮助。
一、什么是图标1. 概念
图标,是一种图形化的标识,它有广义和狭义两种概念,广义主要指具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。一个图标是一个小的图片或对象,代表一个文件、程序、网页或命令。
图标有助于用户快速执行命令和打开程序文件,单击或双击图标以执行一个命令。图标也用于在浏览器中快速展现内容,所有使用相同扩展名的文件具有相同的图标。
随着计算机的出现,图标被赋予了新的含义,又有了新的用武之地。在这里图标成了具有明确指代含义的计算机图形,桌面图标是软件标识,界面中的图标是功能标识,在计算机软件中,它是程序标识、数据标识、命令选择、模式信号或切换开关、状态指示。
图标在计算机可视**作系统中扮演着极为重要的角色,它可以代表一个文档、一段程序、一张网页或是一段命令。我们还可以通过图标执行一段命令或打开某种类型的文档,你所要做的只是在图标上单击或双击一下。
图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。
2. 范围
图标应用范围很广,软硬件网页社交场所公共场合无所不在。例如:商城里的导视系统、男女厕所标志和各种交通标志等。狭义主要指应用于计算机软件方面,包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。
二、图标的发展史1. 起源
图标不仅历史久远,从上古时代的图腾,到20、21世纪具有更多含义和功能的各种图标,而且应用范围极为广泛,可以说它无所不在。1973年,在施乐公司帕洛阿尔托研究中心发明出来。该电脑首次使用了桌面比拟(Desktop metaphor)和鼠标驱动的图形用户界面(GUI)技术,诞生了最早的拥有图形化界面的电脑,著名的「 Xerox Alto」。
但是当时电脑性能不足,董事会也不看好,并未推出商品化,所以这款概念机并没有走进人们的视野,但是它的后续机型施乐之星在1981年问世,并且成为了计算机史上的里程碑。
1979年乔布斯参观了施乐的PARC研究所看到施乐原型机 Xerox Alto,乔布斯决定开发图形用户界面的新电脑。1983年苹果公司推出了Apple Lisa,首次采用GUI的商品化电脑。1985年微软公司也应用GUI推出了Windows 1.0。
2. 历程
80年代,本身是想把图标做的的具象,却因为当时电脑性能不足无法做到,所以设计师只能在有限的空间里面进行创作,对好的标准是越具象越好。
微软和苹果相继推出了新的系统界面,随着1995年计算机显卡在分辨率和色域上的提高,设计师或艺术家有了更大的发挥空间,随之出现了更多颜色的运用以及更多**效果的可能性。刚开始只能设计单色的简单的图标,到后来可以执行各种创意,实现各种效果,一直到现在。
2007年,苹果发布第一代iPhone以及iOS系统,主题图标和当时的 mac OS 系统一致,玻璃质感及拟物化的风格显著,它的出现打破了人们对“传统手机”的定义。这款 iPhone 的主题图标风格,一直稳定到了 iOS7 的发布,才出现了**性的变化。
2013年的WWDC大会中,苹果公司发布的iOS7系统,系统界面开始向扁平化风格转变。这场大会也使拟物风格逐渐走向下坡路,直到扁平风格的全面普及,拟物风格就没有再被广泛应用。
2020年WWDC20苹果发布mac OS Big Sur,这次的更新把图标采用了“新拟物”。“新拟物”的前身就是拟物图标,这是最早被Apple提出的设计概念,就是在界面中模仿现实物体纹理材质,在特定光照下的效果设计;目的是让人们在使用界面时习惯性地联想到现实物体的使用方式。而“新拟物”是将真实光线用于虚拟对象。
三、产品应用图标
产品应用图标,也叫启动图标,是品牌和产品的核心元素。图标以简单、大胆、友好的方式传达产品的核心理念和意图。因为产品应用图标的设计师不同,设计无法得到统一,所以苹果官方在ios系统中统一了圆角矩形的大小,在有限的区域内进行设计。而安卓就没有那么规范,处于百家齐放的现象。
1. 中文文字图标
常见中文图标又分为单字、多字和字加图形的几种类型。提取产品名称中最具代表性的**文字,进行字体设计,通过对笔画及整体骨架进行设计调整,以达到符合产品特性和视觉差异化的目的。作为国人对汉字的敏感度,这样的设计形式大大降低了用户对品牌的认知成本。
2. 英文字母图标
英文字母图标通常是提取产品名称首字母进行设计,由于英文字母本身造型简洁,结合产品特点进行创意加工,很容易达到美感和识别性兼备。
3. 数字图标
数字对于我们来说是非常敏感的,利用数字进行设计能给人亲和力。由于数字的识别性很强,易于品牌传播与用户记忆。
4. 特殊符号图标
特殊符号图标在应用图标的设计案例中相对较少,由于符号本身的含义会对产品属性有一定限制,所以针对性比较强。
5. 几何图形图标
几何图形的运用设计给人简约、现代、个性、富有空间感等视觉感觉,从单个具象图形到复杂的空间感营造,几何图形的表现形式非常丰富。
6. 动物/单双行剪影图标
动物剪影通常是提取动物整体形象或者局部特征部位作为设计元素,这类应用图标背景为单色或者渐变色,少量的会辅助一些图形作为背景元素,动物采用单色填充,以白色填充居多。
单双形是指应用图标只展示单个或两个的剪影图形,生活中可以作为剪影设计的元素很多。如食物、工具、生活用品、学习用品、娱乐道具等等。可以**形成剪影图形,也可以根据产品特点进行创意加工,最终形成应用图标独有的造型图案。
7. 图形重复图标
将相同的图形进行有序的排列,排列形式有梯度变化、等大均排、规律性重复、配色差异、大小错落等。这样的设计方式可以给单调的图形增加层次感和构图饱满,有一定梯度变化和规律性重复的图形组合可以传递一定的韵律感和动感。
8. 正负形图标
正负形的设计在LOGO图形设计中是比较常见的表现手法,运用在图标设计中,以正形为底突出负形特征,以负形表达产品属性。利用正负形进行设计,图形设计感较强,正形与负形可以更加充分地表达产品特征与服务。
9. 线形图标
线性图标风格给人简洁轻快的感觉,线性设计的方式分闭合式和开放式,可以是一条连续的线条或者几条线段组成。在有色背景上面线条通常反白处理,背景设计可以是单色、渐变色、其他辅助图形设计等。
10. 白色渐变图标
白色渐变图标是利用白色渐变填充,不透明度 100%到X%之间设置完成。白色渐变图形具有空间感、质感,视觉效果较好,被广泛运用在应用图标设计中。
11. 彩色渐变图形
彩色渐变图标是利用多种颜色进行渐变,比起白色渐变图形,彩色渐变图形的色彩表现更加丰富。多种颜色进行渐变衔接的时候要注意色相的对比,营造空间感。
12. 动物局部图标
利用动物局部进行图形设计,可以让元素特征更加明显。比起展示整个动物形象,局部特征展示视觉表现力更强。
13. 人体局部图形
利用人体局部作为图形设计元素,比较常用的有眼、嘴巴、手掌、头部等。利用人体的元素进行设计,用户对图形的敏感度更强,易于传播和记忆。
14. 卡通形象图标
卡通形象与动物形象容易混淆,因为很多卡通形象都是基于动物设计演变而来。这里单独提取出来是为了归类一些单纯以动物外形为设计元素的表现手法。卡通形象设计在应用图标的设计中是非常常见的,很容易对用户形成记忆。
15. 拟人化图形图标
通过对接近圆形或者构图饱满的图形添加眼睛等元素,可以使整个图形拟人化。给原本冰冷的图形赋予其生命,拥有一定的情感表达,让产品更加亲民,更容易被用户所接受和记忆。
16. 从功能服务提炼图形
为了更加清晰的传递产品的某项功能与服务,根据产品的功能服务提取元素进行图形设计也是比较常用的表现手法,如计算器、日历、导航等直接提取相关联的图形元素进行设计,一目了然地传递出产品信息。也可以从产品服务内容入手进行提炼,如教育类产品,提取学士帽为元素进行设计。
17. 渐变色背景图标
渐变色背景的运用越来越受到设计师青睐,相对于单色的背景视觉表现力更加丰富,整体色彩给人通透的感觉。渐变色可以是双色渐变,也可以是多色渐变,根据产品的气质灵活地运用。
18. 文艺风格图标
文艺风格图标设计配色清新、复古、简约,适合带有文艺风格类的产品。设计方向为简约的图形组合或者文艺风格的字体设计为主,图标整体留白较多,配色简约,白色背景居多。如果是深色背景则采用黑色、复古色为主。
19. 活动氛围图标
对应用图标进行特定的活动氛围包装。会保留原本的图形面貌,进行整体的氛围营造,以突出购物火爆的场景感。
20. 游戏角色图标
游戏类应用图标设计需要设计师具备较强的写实图标设计功底,设计方向主要有:游戏角色、纯文字、道具或标识、明星头像、辅助图形或元素等。设计表现力需要颜色鲜艳、角色表情和动作夸张、设计精美有质感等。
呼吸感的意思就是适当留白。不管是在做图标还是做界面,适当的留白可以突出主体,让空间更有张力,更具备可看性。图标的相邻元素之间的空间不应太小或在整体中不一致。定义最小间隙并将其保留在任何地方以避免轮廓“粘连”。
七、小编综合来说
图标 设计是设计师必备的能力,图标绘制看似简单,要做好却并不容易,好的图标设计不仅能帮助用户更高效地解决问题,还能帮助产品和品牌形成差异化,非常考验设计师们的细节,不过UI设计处处充满细节,想要自己的界面更加精致,就不要忽略每一个可以提升的点。
以上就是分享的图标基础知识的大部分内容了,图标本身是一个比较大的范围,文中难免有很多不深入的内容,欢迎各位总监们的指教。最后感谢大家阅读,希望今天的这篇文章能够帮到你。
附录·参考文献
《Material Design》
《Apple Developer》
《History of icons》
《An oral history of the hamburger icon》
《Hopefully, the Ultimate Guide to an Interface Icon Set》
《设计师必看的图标设计指南》
本文由郝小七指导http://www.woshipm.com/u/917803
本文由 @明非 原创发布于人人都是产品经理,未经许可,禁止转载。
题图来自Unsplash,基于 CC0 协议。
拓展知识:
win10容器时间不一致
Win10时间不准怎么办?一些电脑朋友升级Win10后,也会遇到一些莫名其妙的问题。下面,小编主要详细介绍下如何开启Win10电脑时间同步,以及介绍下Win10时间不准的原因与解决办法。
1、第一点击Win10桌面右下角的“时间”,在弹出的时间详细界面,点击打开“日期和时间设置”如图。
Win10时间设置
2、之后可以打开“时间和语言”设置界面,第二将下方的“自动设置时间”开关打开。如果目前时间是不同步的,可以先关闭自动设置时间,第二自动打开,只要在联网状态,之后时间会自动同步,如图。
此外,需要注意的是,如果开启了自动设置时间,电脑时间依旧不准或者不同步的话,请检查一下“区域和时区”设置是否正确,其中区域需要设置为“**”,时区建议选择为“北京”即可,如图。
值得一提的是,导致Win10电脑时间不准还可能与主板电池没电或者主板内部时钟电路故障有关,一般这种情况比较少见。对于一些老爷机,可能电脑几天没开机,之后开机就会出现时间不准的现象,这种情况主要是主板的CMOS电池没电导致,可以选择更换或者不要拔掉电脑的电源插座,即可解决此类问题。
本回答被提问者采纳
原创文章,作者:九贤生活小编,如若转载,请注明出处:http://www.wangguangwei.com/117739.html