UI设计在近几年广受大家的关注,学习UI设计的人越来也多,今天小编要介绍的就是其中的系统图标设计方法,系统图标在UI设计中是非常基础的图形化语言,也在页面交互中起到很重要的作用。单个图标的设计并不难,但是系统化、规范化所有图标并在项目中不断应用与复用,是对UI设计能力的考验。系统图标设计需要这几步:

  选择合适的图标原型

  常见的系统图标都会有默认的样式,比如“设置”一般就用齿轮来表现,“搜索”常规就是一个放大镜,这些图标要么就是由认知习惯而来、要么就是隐喻真实的使用场景。这样用户在使用的时候一眼就会找到自己需要的。当然,为了使我们的图标具有独特性和设计感,你可以在常规样式上增加细节扩展。选择图标一定要选择合适的,不同的场景需要选择不同的图标。

  风格一致

  每个产品根据其功能、定位,都会有其产品调性,不同的产品调性,系统图标的设计风格也迥然不同。图标的属性有很多,但一组图标的属性要一致!

  保持图标视觉大小一致

  在设计好样式、定义了配色之后,图标设计中最基础也是最重要的一步来了:保持图标的视觉一致性。如果一组图标在页面中大大小小,即使设计得再炫酷,也是一组不规范的图标。

  图标的管理与维护

  当产品从零到一逐渐成型和完善之后,系统图标也会越来越多、越来越难以维护。后期容易出现同一个功能好几种种图标的情况,影响统一性。

UI培训教程之系统图标如何设计?相关推荐

  1. UI培训教程分享:APP图标设计的6种风格都有哪些?

    在从事UI设计师这个岗位的时候,相信大家会经常遇到关于产品设计的工作,尤其是APP图标这块,在日常工作中,常见的图标风格主要有渐变风格.剪影风格.长投影风格.卡通风格.轻质感风格和拟物风格6种.今天小 ...

  2. UI培训教程分享:UI设计的分类有哪些?

    本期为大家介绍的UI培训教程是关于UI设计分类这块的,在UI设计中,我们常应用到的终端设备可大致分为三类,分别为移动端UI设计.PC端UI设计.其他终端UI设计. UI培训教程分享:UI设计的分类有哪 ...

  3. UI培训教程分享:UI设计如何确定设计风格

    在UI设计工作岗位中,进行设计工作的时候,UI设计师门需要对整体的设计要素进行把控,这样才能设计出优秀的设计作品,本期小编为大家介绍的UI培训教程就是关于UI设计如何确定设计风格,希望以下内容能够给大 ...

  4. UI培训教程分享:Ui设计的细节规范有哪些需要注意?

    在职场中,有很多UI设计师是零经验的,都是刚学会技术就来入职的,与经验丰富的其他成员来说,新人一定要提高自己的工作能力,本篇UI培训教程为大家分享的是Ui设计的细节规范有哪些需要注意?希望能给大家在工 ...

  5. UI培训教程分享:APP启动页UI界面设计

    本期为大家分享的ui培训教程是关于APP启动页面的UI设计方面,作为一名合格的UI设计师,APP产品的启动页是需要会的,下面就来看看详细的教程吧. UI培训教程分享:APP启动页UI界面设计 启动页面 ...

  6. ui培训教程分享:平面设计怎样视觉空间感?

    本期UI培训教程为大家分享的是关于平面设计怎样视觉空间感?在UI设计岗位中,视觉空间感对于设计师来说是非常重要的,所谓空间,是指立体形态周围的空虚部分,空间是无限的.任何空间形态的建立都必须借助立体形 ...

  7. UI培训教程分享:常用的商业插画风格有哪些?

    在UI设计岗位中插画设计是作为一名合格的UI设计师都会接触到的工作内容,运用插画设计,做到图文结合,令用户的印象也更加深刻,今天小编为大家分享的UI培训教程就是关于常用的商业插画风格有哪些?希望能够给 ...

  8. PID 控制保姆级培训教程下-全国大学生电子设计大赛赛前必备

    紧接上回<PID 控制保姆级培训教程上-全国大学生电子设计大赛赛前必备> http://t.csdn.cn/TY4eB 上回介绍到 书接上回,实操设计,干货满满.... 3 数字控制器的模 ...

  9. SAP CRM WebClient UI 培训教程

    [图片上传失败-(image-b0412a-1625387951157)]

最新文章

  1. 关于各种回归评价指标MSE、RMSE、MAE、R-Squared、Standard Deviation(标准差)
  2. SAP企业解决方案SAP Business One敏捷系列—敏捷制造
  3. Gradle增量编译(六)
  4. P1020 [NOIP1999 普及组] 导弹拦截 Dilworth定理 + dp
  5. 你不知道的JS5-原型
  6. 160 - 47 DueList.2
  7. 【LeetCode】3月17日打卡-Day2
  8. c++用new求数组中n个数的和_在C++中实现任意大小数组的定义方法
  9. CSDN登陆校验码模式识别程序
  10. php_self include,PHP_SELF返回/index.php/index.php
  11. 使用python实现栈和队列
  12. opencv OCR 端到端场景文本检测与识别(webcam_demo) vs2015
  13. Python机器学习、深度学习库总结(内含大量示例,建议收藏)
  14. unity3d的uGUI基本操作
  15. 小程序-时间管理工具
  16. C# XML加载屏蔽注释 忽略注释的加载
  17. 一个好用的不基于时间的同步文件的软件 —— Allway sync 文件同步
  18. java茌首字母_获取输入字符的首字母(中文为拼音首字母)
  19. openwrt 无线基础知识介绍
  20. AVR单片机用progisp下载时报错Chip Enable Program Error

热门文章

  1. 前端Js框架 UI框架汇总 特性 适用范围 选择
  2. VUE中使用Echarts绘制地图迁移
  3. mysql主从配置读写分离笔记
  4. Linux基础知识汇总(2)...持续更新中
  5. mysql双机热备的实现
  6. backbone学习总结(二)
  7. VS Code - Debugger for Chrome调试JavaScript的两种方式
  8. 【MySQL笔记】mysql来源安装/配置步骤和支持中国gbk/gb2312编码配置
  9. Prolog学习:数独和八皇后问题
  10. Oracle 10g配置RMAN RECOVERY CATALOG