UI培训教程之系统图标如何设计?
UI设计在近几年广受大家的关注,学习UI设计的人越来也多,今天小编要介绍的就是其中的系统图标设计方法,系统图标在UI设计中是非常基础的图形化语言,也在页面交互中起到很重要的作用。单个图标的设计并不难,但是系统化、规范化所有图标并在项目中不断应用与复用,是对UI设计能力的考验。系统图标设计需要这几步:
选择合适的图标原型
常见的系统图标都会有默认的样式,比如“设置”一般就用齿轮来表现,“搜索”常规就是一个放大镜,这些图标要么就是由认知习惯而来、要么就是隐喻真实的使用场景。这样用户在使用的时候一眼就会找到自己需要的。当然,为了使我们的图标具有独特性和设计感,你可以在常规样式上增加细节扩展。选择图标一定要选择合适的,不同的场景需要选择不同的图标。
风格一致
每个产品根据其功能、定位,都会有其产品调性,不同的产品调性,系统图标的设计风格也迥然不同。图标的属性有很多,但一组图标的属性要一致!
保持图标视觉大小一致
在设计好样式、定义了配色之后,图标设计中最基础也是最重要的一步来了:保持图标的视觉一致性。如果一组图标在页面中大大小小,即使设计得再炫酷,也是一组不规范的图标。
图标的管理与维护
当产品从零到一逐渐成型和完善之后,系统图标也会越来越多、越来越难以维护。后期容易出现同一个功能好几种种图标的情况,影响统一性。
UI培训教程之系统图标如何设计?相关推荐
- UI培训教程分享:APP图标设计的6种风格都有哪些?
在从事UI设计师这个岗位的时候,相信大家会经常遇到关于产品设计的工作,尤其是APP图标这块,在日常工作中,常见的图标风格主要有渐变风格.剪影风格.长投影风格.卡通风格.轻质感风格和拟物风格6种.今天小 ...
- UI培训教程分享:UI设计的分类有哪些?
本期为大家介绍的UI培训教程是关于UI设计分类这块的,在UI设计中,我们常应用到的终端设备可大致分为三类,分别为移动端UI设计.PC端UI设计.其他终端UI设计. UI培训教程分享:UI设计的分类有哪 ...
- UI培训教程分享:UI设计如何确定设计风格
在UI设计工作岗位中,进行设计工作的时候,UI设计师门需要对整体的设计要素进行把控,这样才能设计出优秀的设计作品,本期小编为大家介绍的UI培训教程就是关于UI设计如何确定设计风格,希望以下内容能够给大 ...
- UI培训教程分享:Ui设计的细节规范有哪些需要注意?
在职场中,有很多UI设计师是零经验的,都是刚学会技术就来入职的,与经验丰富的其他成员来说,新人一定要提高自己的工作能力,本篇UI培训教程为大家分享的是Ui设计的细节规范有哪些需要注意?希望能给大家在工 ...
- UI培训教程分享:APP启动页UI界面设计
本期为大家分享的ui培训教程是关于APP启动页面的UI设计方面,作为一名合格的UI设计师,APP产品的启动页是需要会的,下面就来看看详细的教程吧. UI培训教程分享:APP启动页UI界面设计 启动页面 ...
- ui培训教程分享:平面设计怎样视觉空间感?
本期UI培训教程为大家分享的是关于平面设计怎样视觉空间感?在UI设计岗位中,视觉空间感对于设计师来说是非常重要的,所谓空间,是指立体形态周围的空虚部分,空间是无限的.任何空间形态的建立都必须借助立体形 ...
- UI培训教程分享:常用的商业插画风格有哪些?
在UI设计岗位中插画设计是作为一名合格的UI设计师都会接触到的工作内容,运用插画设计,做到图文结合,令用户的印象也更加深刻,今天小编为大家分享的UI培训教程就是关于常用的商业插画风格有哪些?希望能够给 ...
- PID 控制保姆级培训教程下-全国大学生电子设计大赛赛前必备
紧接上回<PID 控制保姆级培训教程上-全国大学生电子设计大赛赛前必备> http://t.csdn.cn/TY4eB 上回介绍到 书接上回,实操设计,干货满满.... 3 数字控制器的模 ...
- SAP CRM WebClient UI 培训教程
[图片上传失败-(image-b0412a-1625387951157)]
最新文章
- 关于各种回归评价指标MSE、RMSE、MAE、R-Squared、Standard Deviation(标准差)
- SAP企业解决方案SAP Business One敏捷系列—敏捷制造
- Gradle增量编译(六)
- P1020 [NOIP1999 普及组] 导弹拦截 Dilworth定理 + dp
- 你不知道的JS5-原型
- 160 - 47 DueList.2
- 【LeetCode】3月17日打卡-Day2
- c++用new求数组中n个数的和_在C++中实现任意大小数组的定义方法
- CSDN登陆校验码模式识别程序
- php_self include,PHP_SELF返回/index.php/index.php
- 使用python实现栈和队列
- opencv OCR 端到端场景文本检测与识别(webcam_demo) vs2015
- Python机器学习、深度学习库总结(内含大量示例,建议收藏)
- unity3d的uGUI基本操作
- 小程序-时间管理工具
- C# XML加载屏蔽注释 忽略注释的加载
- 一个好用的不基于时间的同步文件的软件 —— Allway sync 文件同步
- java茌首字母_获取输入字符的首字母(中文为拼音首字母)
- openwrt 无线基础知识介绍
- AVR单片机用progisp下载时报错Chip Enable Program Error