扁平化电脑图标素材|扁平化图标怎么做

1. 扁平化图标怎么做

1.打开PS,新建一张画布。

2.在左侧工具栏中,选择“钢笔”

3.右键点击钢笔图标,选择“钢笔工具”,不要选择别的工具,以免操作错误。

4.选择钢笔后,在上方属性栏中,选择“形状”

5.选择完成后,在工作区画布中,用鼠标左键点一下,即可出现一个锚点。

6.接着点下另一个锚点,即可操作两个锚点之间的线段。

7.在确定线段形状后,按住“Alt”点击绘制的锚点,取消一条操纵杆,以免之后操作受影响。

2. 扁平化图标教程

一. 图标功能

图标是 Web 和 App 设计中的点睛之笔，既能辅助文字信息的传达，也能作为信息载体被高效地识别，并且图标也有一定的装饰作用，可以提高界面设计的美观度。

二. 图标类型

关于图标的类型目前并没有很权威的分类，我根据图标的用途将其分为两大类：「功能型图标」和「展示型图标」。

1. 功能型图标

一般来说，凡是 UI 界面中，用户可以点击的图标均可看成是功能型图标，该类图标往往代表某一功能或某一链接的跳转。这类图标的典型应用场景就是 iOS 系统中的底部标签栏，以及 Material Design 中侧滑菜单选项的左侧。某些列表或卡片内的图标也属于功能型图标，但这类图标往往代表一个功能，而底部标签栏图标往往代表一个页面或板块。2.展示型图标

相比功能型图标，展示型图标更加具有「设计感」，是独特的、有内涵的以及具备辨识度的。一般来说，展示型图标主要是应用程序的启动图标。该类图标代表了一款产品的属性、气质以及品牌形象等。

三. 图标风格

图标的设计风格有很多种，例如：线性图标、面性图标、线面结合图标、扁平图标、轻拟物图标、拟物图标、手绘型图标等，我对其中常见的几种作下简要的介绍。

1. 线性图标

线性图标是由直线、曲线、点等元素组合而成的图标样式。该类图标轻巧简练，具有一定的想象空间，且不会对界面产生太大的视觉干扰。

2.面性图标

面性图标可以简单理解为对线性图标的填充，但面性比线性更加稳重和扎实，对色彩的传达也清晰明显。

3.线面结合图标

线面结合图标典型代表是「MBE风格」图标，其设计特点是采用了粗描边线和偏移的填充面相结合，灵动而鲜明。粗线条起到对画面的绝对分割，突显内容、表现清晰。

3. 如何制作扁平化图标

扁平化是和以前的设计风格完全不同的风格，以苹果手机的设计和网页设计为例，能看到整个页面干净整洁，没有冗余，图标也是一样，玩苹果手机就可以清晰的感觉到。

4. 扁平化图标设计教程

扁平化设计简单说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,用最简约的方法打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。用Photoshop cc2014软件制作一个简单的扁平化图标方法是：1、打开ps软件，“文件--新建”100*100像素白色背景文件；2、“编辑--填充”，用需要的颜色填充；3、创建新图层，打开“画笔工具”，笔刷大小1像素，绘制一条直线；4、打开“滤镜--扭曲--波浪”；5、ctrl+t调整大小位置，向下合并图层；6、打开“魔棒工具”，点击图片下方区域，“编辑--填充”，用较深颜色填充；7、打开“椭圆形选框工具”，在图片左上方绘制一个正圆选区，“编辑--填充”，用较深颜色填充；8、“文件--存储为...”ico格式文件，完成。