• 资讯快报|
  • 文教视窗|
  • 导游陕西|
  • 文化驿站|
  • 陕西城事|
  • 三秦骄子|
  • 文玩鉴藏|
  • 文史大观|
  • 学海撷粹|
  • 文艺长廊|
  • 首页>> 文化驿站>> 摄影设计

    图标设计的定义和意义有哪些?

    2018年11月03日 16:59:54来源:头条号 作者:PS视觉设计 浏览数:1332 责任编辑:本站小编

    1. 什么是图标

    那到底什么是图标呢?

    用一句最简单的话来说,图标就是一个符号,一个代表某个对象的符号,一个象征性的符号。图标可以追溯到1565年,它源于拉丁语「eikṓn」,意思是「相像,形象」。

    图标设计的定义和意义有哪些?

    图标是世界上最通用的语言,不论国籍,种族,年龄或性别,它是每个人都可以理解的一种语言。

    看似不起眼的一个小图标可以包含如此多的信息,人们从古至今一直在使用图标来表达自己以及传达信息,

    洞穴绘画、埃及象形文字都可以看作图标。

    2. 什么是ICON

    ICON也就是咱们经常所说的图标,图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识,界面中的图标是功能标识。它源自于生活中的各种图形标识,是计算机应用图形化的重要组成部分。

    图标分为广义和狭义两种:

    广义:

    行人禁行标志

    具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广,

    软硬件网页社交场所公共场合无所不在,例如:男女厕所标志和各种交通标志等

    图标设计的定义和意义有哪些?

    狭义:

    应用于计算机软件方面,包括:程序标识、数据标识、命令选择、模式信号或切换开关、

    状态指示等。

    图标设计的定义和意义有哪些?

    3. 为什么图标很重要

    随着人们工作越来越忙,图标已经成为了我们生活中的一部分。它们帮助我们快速定位,帮助我们快速的做出决定和行为,以及帮助我们找到需要的东西。

    图标设计的定义和意义有哪些?

    让我们近距离感受一下为什么说图标设计是如此的重要,以及它在未来的巨大作用。

    图标连接着整个世界。不管你使用什么样的语言,作为视觉语言的图标都发挥着巨大的作用。

    例如机场中的导航标识、商场中的指示标识等等。

    图标能够快速的传达信息。随着信息技术的提升以及信息过剩,人们的注意力更加短暂和稀缺

    图标成为了这个充满噪音和过多无价值信息世界的救生员。通过简单快速的查看就可以知道图标中携带的复杂信息。

    图标设计的定义和意义有哪些?

    优秀的图标成为我们生活中的救生员

    无论你需要找到正确的应用程序或产品页面上的特定功能,又或者当你在外国城市搜索地铁时,

    图标都可以节省你很多时间。

    随着世界越来越忙,越来越嘈杂和全球化,它将在未来更加重要。

    4.图标设计的基本知识

    1.图标的两种类型

    象形图标。最流行的图标类型,象形图标是通过其相似性或对物理对象的引用来传达含义的符号。例如,飞机图形意味着机场。

    表意图标。

    这种类型的图标稍微有点复杂,通常,表意文字是基本的形状,但他们的含义需要一些学习成本。例如一个圆里包含着一条横线,意味着「否」,另一个好的例子是「加」、「减」、「等号」这些表意符号。

    图标设计的定义和意义有哪些?

    象形图标和表意图标的组合使用

    通常情况下,象形图标会和表意图标组合使用

    来传达正确的信息,比如「添加文档」图标会

    通过象形图标「文档」和表意图标「加号」来展现。

    2.图标的风格

    图标可以分为许多不同的风格。其中最常见的是

    图标设计的定义和意义有哪些?

    4. ICON在APP里的应用

    因为移动端有很多种不同的尺寸规格 所以当我们设计出ICON之后会应用到不同的尺寸之上

    位图

    位图图像(bitmap), 亦称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图样。

    当放大位图时,可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素,从而使线条和形状显得参差不齐。然而,如果从稍远的位置观看它,位图图像的颜色和形状又显得是连续的。常用的位图处理软件是Photoshop和Windows系统自带的画图。

    矢量图

    矢量图,也称为面向对象的图像或绘图图像,在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。

    矢量图是根据几何特性来绘制图形,矢量可以是一个点或一条线,矢量图只能靠软件生成,文件占用内在空间较小,因为这种类型的图像文件包含独立的分离图像,可以自由无限制的重新组合。它的特点是放大后图像不会失真,和分辨率无关,适用于图形设计、文字设计和一些标志设计、版式设计等。

    位图会因为不断地扩大缩小 失真 而矢量图不会 所以我们在做ICON的时候一般会采用PS里的矢量工具(形状工具)或者直接采用AI来做

    目前在主流App内,icon大多使用较为简洁的扁平化设计风格,这些icon有的由线构成,有的由面构成,还有的是线面结合而成的。

    1.相同的功能要选择相同的元素

    图标设计的定义和意义有哪些?

    虽然在不同的页面和场景中,icon可以用不同的风格来表现,但当他们表示相同功能的时候,记得使用同样的视觉元素,再套上当前页面的风格。这样可以保持同App内图标元素的统一性,降低用户的学习成本。例如在不同页面出现的公积金相关图标,用的都是同样形状的小楼。

    2.对于功能型icon来说,最好选择用户熟悉的icon元素

    图标设计的定义和意义有哪些?

    对于App中的操作功能,以上都是被无数产品反复利用的、已经约定俗成的icon,除此之外还有“放大镜=搜索”“小房子=首页”等等,用户已经潜移默化的接受这些icon的意思,并没有学习成本,所以使用这些熟悉的元素是十分必要的。

    3.我们要选择主要的元素,表意要简洁,可以适当联想

    图标设计的定义和意义有哪些?

    在这些例子中,“信用卡分期”一定要画卡片吗?

    “附近银行”一定要画银行吗?

    “网贷评级”一定要画网贷吗?

    我们还是会具体情况具体分析,对关键词做一些取舍。

    在这里作为一个工具的“附近银行”的功能点在于定位,而非强调银行本身,所以最后还是选择了定位符号来表达了这项功能。假设要设计的入口换成“附近银行”+“附近商场”+“附近加油站”等等。

    那么主要功能就变成了搜索附近不同的场所,这种情况下我们就会选择画银行、商场和加油站了。再比如“公积金查询”“社保查询”都是查询,“征信报告”“收支水平报告”都是报告,同理我们不可能给满屏的查询功能入口都画一个放大镜,也不能给所有的报告入口都画一份报告,为了表意简洁、突出重点,在这里我们选择合并同类项,着重表达每个功能不同于其他的点。

    很多时候我们要表达的内容并不具象,在这个时候就可以进行适当的联想,去画一个相关的物体。比如“公积金”就很很抽象,但是它与房子有关;“记账”是个动作,但是“账本”是个东西,这样表达起来就简单多了,也更亲切。

    4.附上文案:表达足够准确,消除理解上的差异

    图标设计的定义和意义有哪些?

    一个很有意思的小树叶icon,当没有文案说明的时候,想必一千个用户心里有一千个哈姆雷特,大家都会有自己的理解。所以说icon是辅助的表达,文字才是标准答案,除了前面所说的大众完全熟知的icon,其他的最好附上相应文案,以免用户理解误差。

    5. 布尔运算是什么?

    布尔运算是数字符号化的逻辑推演法,包括联合、相交、相减。在图形处理操作中引用了这种逻辑运算方法以使简单的基本图形组合产生新的形体,并由二维布尔运算发展到三维图形的布尔运算。

    简单来说就是形状经过联合 相交 相减等操作得到新的形状,这就叫做布尔运算。

    布尔运算会运用到什么地方?

    布尔运算运用到了设计、生活的很多场景中。从偏平的LOGO、轻质感的图标、再到三维空间图形都在使用布尔运算。总之布尔运算其实涉及到我们生活中的各种事物,所以这时我们应该知道在以后绘制布尔运算图形时要多从生活中的事物中提取有效信息

    布尔运算案例

    图标设计的定义和意义有哪些?

    图标设计的定义和意义有哪些?

    图标设计的定义和意义有哪些?

    图标设计的定义和意义有哪些?

    【本站总编:秦岩     微信号:shaanture      新闻热线:13384928744】


    上一篇:logo和图标有什么区别?

    本文二维码 分享朋友圈

    延伸阅读

  • 文教视窗
  • 导游陕西
  • 文化驿站
  • 陕西城事
  • 三秦骄子
  • 2020-03-28米脂县——陕北唯一的千年古县
  • 2020-03-23漫画万博体育app世界杯
  • 2020-03-23陕北方言成语:三毛野杂、鬼流石气……
  • 2020-03-23万博体育app世界杯电影制片厂(1959—2000)影片目录
  • 2020-03-21三边:秦陇文化与陕北文化的交融地带,
  • 2020-03-19上大学时古汉语考98分,只因为我会说陕
  • 2020-03-16眇然天地略玄黄——陕北话里的黄颜色
  • 2020-03-15历数榆林市已撤销的4个行政区域
  • 2020-03-13骊山上规模最大的建筑内有新发现! 唐
  • 2020-03-12“生为万世开太平”的张载
  • 2020-03-12“暖男”药王孙思邈
  • 2020-03-12华芙、华蓉二仙与少华山的传说
  • 2020-03-09四大文明古国,其他三个都很“古”,为
  • 2020-03-06以徽州古村落的燕翼堂为例,聊聊古人超
  • 2020-03-27蛰伏已久 去西府老街“迎春”
  • 2020-03-23万博体育app世界杯专家评审“致敬·守望”主题类艺术
  • 2020-03-20摔碗酒邀您免费体验,万博体育app世界杯永兴坊复工复
  • 2020-03-17万博体育app世界杯新城区启动“暖阳在XIAN”关爱空巢
  • 2020-03-13汉阴文旅广电系统为武汉抗疫一线捐款3.
  • 2020-03-11凤县:“艺”起来战“疫”,为宅生活添
  • 2020-03-1110条地铁,6条高铁,2020年陕西重点项
  • 2020-03-11渭南市33支群众文艺团队被命名为星级文
  • 2020-03-10白鹿原民俗村将拆 宋卫平旗下蓝城接盘
  • 2020-03-10很多人都不知道的白鹿原民俗村,为什么
  • 2020-03-05汉阴县文旅系统踊跃捐款支援武汉战疫
  • 2020-03-02万博体育app世界杯国际文创设计大赛举办线上抗疫创意
  • 2020-02-28万博体育app世界杯曲江100%贷款贴息支持文旅重点企业
  • 2020-02-27秦汉新城大秦文明园:送上防疫指南,共
  • 1
  • 2
  • 大秦视宴

    唐城万博体育app世界杯

    更多》


  • 澄城窑黑釉瓷:渭北高原上的黑珍珠

  • 陕西的景德镇——耀州窑

  • 皇家重器鸳鸯莲瓣纹金碗重现大唐风范

  • 白鹿原窦皇后陵现新盗洞 墓中文物逃过一劫

  • 编导演奏

    更多》

  • 最美奋斗者,贠恩凤:更
  • 我的父亲范紫东
  • 秦腔剧作家淡栖山
  • 秦腔剧作家冯杰三
  • 剧作家封至模
  • 秦腔剧作家吕南仲
  • 秦腔剧作家胡文卿
  • 秦腔剧作家李约祉
  • 秦腔剧作家高培支
  • 秦腔剧作家王伯明
  • 万博体育app世界杯周边八大帝王陵游览指南

  • 无字碑上为何无字 跟着《武媚娘传奇》探秘乾陵

  • 令人感慨不已的秦阿房宫遗址

  • 陕西半坡遗址:仰韶文化的见证

  • 陕西仰韶文化遗址

  • 唐宪宗李纯墓:蒲城景陵

  • 乾陵——女皇武则天的功过是非

  • 踏春周城
  • 玩转“秦巴水乡 石泉十
  • “雪染渔村”鸟瞰黄河湿
  • 满园春色关不住,水色白
  • 打包万博体育app世界杯的春天
  • 安康云赏花指南
  • 万博体育app世界杯踏春赏花来
  • 阳春三月时 看尽长安花
  • 云游安康诗画般田园风光
  • 安康水乡古镇云游攻略
  • “阳春三月”,如果可以
  • 宁陕秦岭悠然山高山湿地
  • 教育资讯

    更多》

  • 陕西2020年春季中小学校
  • 万博体育app世界杯启动“百所学校大提
  • 万博体育app世界杯市小学1月12日、中
  • 万博体育app世界杯小学1月12日、中学1
  • 陕西省民办高校学生工作
  • 陕西省青少年冰雪运动进
  • 万博体育app世界杯高新区举行中小学艺
  • 万博体育app世界杯市级财政累计投入2.
  • “立幼学·育未来”未来
  • 万博体育app世界杯航空基地不断提升教
  • 古都万博体育app世界杯探寻教育发展新
  • 全球华语辩论大会·2019
  • 万博体育app世界杯高校数十位优秀毕业
  • 上海师范大学附属学校将
  • 陕西发布职业教育改革新
  • 万博体育app世界杯市教育局坚持标本兼
  • 万博体育app世界杯碑林区未来3年将新
  • 陕西省现有高等院校108
  • 陕西省中学生西京学院专
  • 陕西3所高校入选中华优
  • 陕西教育信息化创新大会
  • 未来3年万博体育app世界杯碑林区将新
  • 陕西发布普通高中学生学
  • 陕西扩大高职院校奖学金
  • 静悟禅阁精品推荐

  • 油润细腻仿汉代和田白玉螭龙玉璧

  • 罕少野生包浆杜鹃木横切片手把件

  • 天然同料满鬼脸海南黄花梨(黑)手珠

  • 缅甸黄金樟招财、化三煞实木精雕龙龟

  • 合作伙伴
  • 友情链接
  • 阳光网
  • 三秦信息网
  • 延安都市信息网
  • 万博体育app世界杯文化网
  • 陕北在线
  • 万博体育app世界杯回民街
  • 聚焦西部网
  • 快报网
  • 网上西部
  • 和谐陕西网
  • 人民采编网
  • 中商微视点
  • 西京网
  • 爱陕西网
  • 陕西新闻
  • 品牌陕西网
  • 阎良百姓网
  • 西部传媒
  • 西部少儿网
  • 万博体育app世界杯花卉网
  • 陕西商界网
  • 陕西消费网
  • 西部风云网
  • 秦讯网
  • 长安人才网
  • 陕西法帮网
  • 陕西农村网
  • 三秦文化网
  • 关中网
  • 万博体育app世界杯古玩网
  • 文化新传媒
  • 西部酒文化
  • 陕北网
  • 中国文化交流网
  • 视点陕西
  • 艺界网
  • 西部新闻网
  • 西部传媒网
  • 今日要闻网
  • 古汉台网
  • 西部法制网
  • 万博体育app世界杯在线
  • 丝路茶网
  • 万博体育app世界杯智用信息科技
  • 陕西法制网
  • 陕西发展观察网
  • 万博体育app世界杯商网
  • 华夏慈孝网
  • 陕西慈孝网
  • 文明公民网
  • 陕西产品网
  • 华一樵法律在线
  • 今日丝路
  • 三秦在线
  • 旅新网
  • 陕西教育新闻网
  • 中国城市网
  • 西部旅游网
  • 陕西商情网
  • 陕西省文化厅
  • 陕西省演艺集团
  • 陕西省艺术馆
  • 陕西省非遗数据库
  • 陕西传媒网
  • 西部网
  • 新华网陕西频道
  • 陕西宣传网
  • 腾讯大秦网
  • 万博体育app世界杯网
  • 万博体育app世界杯新闻网
  • 华商网
  • 黄河文化生活网
  • 中国文化艺术网陕西频道
  • 凤凰陕西
  • 清渭楼书画网
  • 西部食品网
  • 中国交通新闻网
  • 人民日报海外网
  • 陕西宣传网
  • 阳光艺术报
  • 陕西黄河文化经济发展研究会
  • 西部书画交流中心
  • 中国回商网
  • 在线直播平台
  • 中国美术网
  • 安塞腰鼓网
  • 长安国学网
  • 中国(万博体育app世界杯)佛教文化博览会
  • 中国艺术家网
  • 中国百姓才艺网
  • 中国采风网
  • 上郡网
  • 丝路陕西网