千锋ui设计基础视频教程icon图标入门篇

 Icon图标设计是ui设计师所要掌握和学习的基础技能。说到icon图标,我们不得不提及icon图标的用途。

一方面,它具有浓厚营销色彩。为什么这么说?当用户首次看到应用时,图标就是他们最先看到的东西之一。当人们在应用商店搜索它时,立在那里宣传这个应用的东西就是图标。

在另一方面,当一个人已经成为了它的用户,把这个应用放在自己的主屏上时,图标的用途就变了:当用户在寻找某个应用时,它的图标应该帮助用户轻松地从一堆图标中识别出这个应用。

相较于“一次性”购买场景,好的应用图标对于日常用户更有价值。在众多图标中用户能准确而快速地把你的图标识别出来,才说明你的图标被用户认可了,同时也代表用户对这款产品产生了深深依赖感。

 

凡是设计都有一定的规范,图标也不例外,简单总结几点关于Icon图标设计的原则:

1、形象定义清晰明确:

icon也是一种交互模块,只不过通常以分割突出界面和互动的形式来呈现的。其中以交互式为主要运用手段。icon一般起是充当指示、提醒、概括、表述等作用,所以在icon定义的时候一定要准确,非但不能模糊反而比logo的定义还要清晰。icon图标设计上要遵循见解明了的原则,如此才能减少用户的识别和使用障碍。

2、造型完整、简明扼要:

造型是icon设计的筋骨,就好一个人是健康的还是有缺陷的。一个icon有没有美感很大程度就取决于造型是否优美和谐。不同的icon图标会呈现给用户不用的操作感受,对icon图标的合理设计和把控,才能让icon图标的整体造型更完美。

3、迎合用户的行为习惯

在表达定义的时候,首页要符合一般使用的行为习惯,UI本身的意义就在于附加到“功能”上的一个表现层,具备最直接的操作和交互的功能。我们首先不要着重华丽和精妙上面,为了icon而做icon。而往往一些产品部门相关的人员并不会在乎华丽和精美。功能性是最重要的因素。而个性色彩比较浓的游戏类或教育类界面,一般都配有文字或归属感比较强的元素来进行设计。

4、图标风格表现一致

风格是一种具备独有特点的形态,具备差异化的思路和个性。在UI中通过表现不那么特立独行也是因为行为习惯问题,这也解释了想微软、苹果、谷歌可以颠覆设计原则的原因,通常一个公司或一个组织没办法去改变设计规则。

 

当然,不能将理论付诸于实践的设计,等同于空想。如果想从零基础起平,入门icon图标设计,千锋小编给大家分享一套视频学习教程,https://pan.baidu.com/s/1gf4c5aF (无提取码),希望能对大家有所帮助。所含内容如下:

 

一、PS基础篇

PS基础菜单栏窗口排列的介绍

PS工具栏-图层介绍

PS图层详解

PS图层详解-不透明度

PS选框工具的使用

PS选框工具的使用-补充ctrl+z

移动工具的使用-米老师案例

磁性套索工具和移动工具的使用-运动员

 

  • 布尔运算的使用方法

布尔运算视频

等比例复制

等比例复箭头案例

等比例复制旋转案例

等距离比例复制

等比例喇叭案例

格栅图纸

日历的制作

手机图标

文件夹的制作

地图标记剪影图标的制作

视频图标

设置图标的制作方法

文件夹图标制作

斩补法-相机-主页图标的制作

主页图标制作

主页图标和微信图标

话筒的制作

电话案例

手案例

 

  • 剪影图标的制作

钢笔的基本操作

钢笔的使用方法

语音输入

信封案例

伞案例

S案例

文字

语言输入-HD

指南针

 

  • 案例讲解

斩补法制作六边形相机

扁平化日历的制作

相机案例

BMI图标指针

轻拟物写实图标

PS工具栏-图层-HSB颜色的讲解

UI双数讲解

混合模式简单讲

图层样式-混合选项 斜面浮雕

图层样式

拟物化按钮

按钮的制作方法

相机图标制作

科技感图标制作

手表图标

猜你喜欢

转载自blog.csdn.net/programmer_feng/article/details/81189503
今日推荐