怎么学UI设计入门知识?图标设计要遵守哪些原则?随着用户体验及审美度的变化,产品界面也在相应的改变,图标作为UI设计师的吸粉利器,被看做是世界上最通用的图形语言。如何才能快速准确地把握图标,掌握图标设计原则,是每一个初学UI设计的人普遍关心的问题,下面就来给大家详细讲解一下。

什么是图标?

图标是电脑、手机或其它设备中为各种文件,应用程序或快捷方式设置的一种图形标志。UI最重要组件之一就是图标,随着扁平化设计的发展趋势,越来越注重图标的简洁与寓意表达,平面图标已占主导地位。

UI设计图标如何分类?

按功能分类图标分为:1)应用图标,如搜狐,新浪,网易等网站的logo;2)功能图标,如各类音乐播放器的“开始”“暂停”“快进”图标等。

按设计形式分类分为:扁平化图标和拟物化图标。扁平化设计特点:简洁,清新,设计感强,没有更多的细节与特效修饰,直接明了的表达出出图标的本意。缺点是识别性差。

按设计风格分类:1)剪影图标;2)轻拟物图标,在原来拟物图标基础上,减轻厚重质感,去除投影、渐变、纹理转化成扁平化的图标;3)轻质感图标,渐变/投影/不透明度等图标,具有唯一性,细节更加丰富;4)拟物化图标,有形有色有样式有质感的图标;5)叠加图标;6)以文字为主体的图标,如支付宝,淘宝的图标;7)插画图标,通常是游戏应用,直接使用游戏中的角色、道具或画面作为图标。

UI设计师在使用图标是应该遵守哪些原则?

1、可识别性。优秀的图标设计的首要前提是表意准确,能让用户一眼就识别出它所代表的含义,能够贴近用户心里的隐喻。

2、差异性。要想让你的应用从众多的同类产品中脱颖而出,设计师在进行商标设计时,必须在突出产品核心功能的同时表现出差异性来,避免视觉同质化。

3、延续产品界面。从产品界面中提取设计元素作为应用图标的参考依据,让用户通过应用图标一眼就知道它是什么类型的产品、主色调是什么、设计语言是什么、里面的界面长什么样,这是最完美的设计方法。

4、突出品牌。在设计知名品牌产品的应用图标时,应充分利用它们的品牌Logo,这些图形已经在用户心里留下深刻的印象,非常易于识别。

如果你想成为一个UI设计师,那你就必须要熟练掌握图标的用法;如果你想成为一个高端的UI设计师,仅掌握图标远远不够,你还需要掌握各类软件工具,还需要了解如何实现交互设计。

怎么学UI设计入门知识 图标设计要遵守哪些原则相关推荐

  1. UI设计入门知识有哪些 怎么掌握图标设计原则

    UI设计入门知识有哪些?怎么掌握图标设计原则?随着用户体验及审美度的变化,产品界面也在相应的改变,图标作为UI设计师的吸粉利器,被看做是世界上最通用的图形语言.如何才能快速准确地把握图标,掌握图标设计 ...

  2. UI设计中线面结合图标设计总结

    大家好,图标在UI设计中占了一席之地,不同风格的图标会影响页面整体风格效果.前面2篇文章分别介绍了<线性图标>.<面性图标>,今天我跟大家分享一下线面结合图标的一些设计样式. ...

  3. html5底部导航图标制作,如何做好UI底部导航栏图标设计

    原标题:如何做好UI底部导航栏图标设计 如何做好UI底部导航栏图标设计?图标在产品中的应用非常重要,不同位置的图标有不同的设计思路.本文将从产品和设计两个角度对底部导航栏的图标进行分析.UI设计创新技 ...

  4. UI设计线型渐变图标设计

    UI设计线型渐变图标设计 1.打开AI,新建画板,做出六个正方形当做图标的背景 2.用矩形工具画出一个正方形,然后复制两个,进行位置摆放,用直接选择工具把右边和下面的正方形变成圆形,然后进行旋转放在第 ...

  5. UI界面中的图标设计趋势与最佳实践

    作为UI设计师,在日常的工作中,避免不了做图标规范.今天跟大家聊一聊,UI设计中的图标设计. 规范的重要性不用多说了,没有规范多个设计师绘制的图标会有很多差异,描边粗细.角度.圆角度等等.今天的文章和 ...

  6. UI设计入门知识大全!零基础小白必看

    很多零基础入门UI设计的朋友们,可能对于学习UI有很多疑问,今天我就来简单回复一些大家常问的问题吧~ 1.UI设计是什么? UI即User Interface(用户界面),简称UI,是指对软件的人机交 ...

  7. 综合实践计算机的入门知识教学设计,3-6年级综合实践活动3.我是电脑小画家_教案、教学设计_市级优课(0001)【信息技术】.doc...

    3-6年级综合实践活动3.我是电脑小画家_教案.教学设计_市级优课(0001)[信息技术].doc 田园处处景色美 (三年级) 教学设想教学设想 "田园处处景色美"这一节课是本单元 ...

  8. 架构设计入门知识【转载】

    首先,本文不是想介绍架构设计一步一步如何做,细节的技术手段,完整的理论框架这些问题.这些问题在一次演讲中也不可能覆盖.本演讲更多时候是想给很多从细节设计中走过来,对什么是架构设计只有过一些模糊的,不成 ...

  9. 模拟IC设计入门——CMOS运算放大器设计

    模拟IC设计入门 本文主要参考复旦大学何红松学长的硕士学位论文<CMOS高性能运算放大器研究与设计>,在准备开始模集课程设计前进行了通读,并将自己认为重要的点提取. 一.基本概念 1.CM ...

最新文章

  1. 用了3年CAT,这次我想选择SkyWalking,老板反手就是一个赞!
  2. creator cc.Class跨脚本访问(小白笔记)
  3. 4.0以后的新布局方式GridLayout
  4. Spring MVC文件上传
  5. Python学习 第2天 IDE开发工具
  6. pytorch argmax_一起无聊地用PyTorch刷爆sklearn的内置数据集吧(`?ω?′)
  7. 微软:明明修复了Bug,你们还把我骂上热搜?
  8. 登陆状态购物车数据结构
  9. 判断iframe是否加载完成的方法[转]
  10. formdata多文件上传_如何使用FormData轻松上传单个或多个文件
  11. 如何为Python日志输出着色?
  12. MS 的IOC容器(ObjectBuilder)?
  13. PREV-55 小计算器 (进制转换)
  14. centos7安装erlang
  15. java丶对数组值按首字母进行排序
  16. HTML 小练习(智联注册页)
  17. 三、GAMIT解算之分步处理
  18. 商用计算机 报价,ASUS - 台式机 - 商用台式电脑配置价格
  19. 计算机无法自动排列,为什么我的电脑不能自动排列图标
  20. form表单数据回填

热门文章

  1. php源码冲印照片上传程序,PHP实例:实现文件上传的程序源码
  2. 中国计算机硬件现状及其发展趋势,中国计算机硬件现状及其发展趋势
  3. Logistic回归模型和Zeppelin简单使用
  4. Logistic Regression(逻辑斯谛回归)
  5. SQL Server 服务器对象之链接服务器
  6. 血氧仪是如何得出血氧饱和度值的?
  7. 血氧饱和度测量数据显示
  8. 简评骑士与凯尔特人交易对双方影响
  9. Win11下解决VS下载0kb/s的问题
  10. 【Excel函数系列】Vlookup、Xlookup、Dget和Hlookup,这些函数究竟怎么用呢?