网页设计常用图标大全（网页设计常用图标大全）

本文目录一览：

• 1、ui图标历史
• 2、插画风格logo-这6种常见的插画海报风格你知道吗
• 3、扁平化设计风格海报-如何从零开始学习图标设计
• 4、网页的布局类型有哪些?

ui图标历史

施乐Alto给史蒂夫乔布斯和比尔盖茨的灵感引发了计算机历史上最著名的一场战役：苹果对微软，Windows对Macintosh。当然，这些是后来的。

启动类图标 这类图标的典型代表有我们手机上的app应用，在手机界面上的展示状态就是属于启动图标！比如有微信，qq，酷狗音乐等。

Alpha icon 图标风格最大特点就是单色带透明渐变，通过弱透明度来制造视觉层次，如果是纯白色，就会显得图标平庸了一些，这种图标运用范围可以是界面中空场景或者一些关键模块的主功能图标。如下图左侧大卡片上面图标应用思路。

UI设计英文叫User Interface翻译成中文意思就是（用户界面）。UI设计是指对软件的人机交互，操作逻辑，界面美观的整体设计。说到这个界面设计，其实非常好理解，因为我们每天都在使用。

图标，是一种图形化的标识，它有广义和狭义两种概念，广义指的是所有现实中有明确指向含义的图形符号，狭义主要指在计算机设备界面中的图形符号。对于UI而言，主要针对的就是狭义的概念，它是UI界面视觉组成的关键元素之一。

图标是UI设计中除文字外最不可缺少的视觉元素，在设计中似乎只占一个小区域，但却是考验设计师基本功的重要标准。了解图标相关概念和正确绘制方法是入门UI设计的必要条件。

插画风格logo-这6种常见的插画海报风格你知道吗

1、MBE插画是由Dribbble的一位设计师创造的风格，采用黑粗线条描绘元素，除去画面中不必要的元素，色块有明显的区分，圆润可爱。和小元素配合，常用于引导页、启动页、logo等。

2、SmoothVoid躺椅提供多种休闲方式，躺椅和身体完美贴合、互相支撑，创造舒适感的同时又展现出一种独特的活力。SmoothVoid躺椅的有机和极简主义造型诠释出一种特别的美感，并通过协调连贯的色彩搭配和设计唤起整个产品生命力。

3、描线风格，是在扁平化风格之上的延伸。 在扁平化元素中添加外轮廓和描边，描线插画的外轮廓加上描边，相对于扁平化风格来说，更加地立体，可爱，往往会用在海报、引导页面、logo等之中。

4、小A将通过这篇文章 带大家了解一下插画海报的常见风格！扁平风格插画主要由色块构成，造型几何化，外轮廓光滑，信息更加直观，能够让人一眼看上去就知道界面所传达的信息。

扁平化设计风格海报-如何从零开始学习图标设计

1、用AI扁平化设计图标的教程：新建画布。使用【矩形工具】绘制一个矩形，不要【描边】，填充【红色】。再绘制一个【矩形】，选中两个矩形【居中对齐】。使用【椭圆工具】在矩形上绘制一个【正圆】，填充【蓝色】。

2、AI设计扁平化图标的制作教程：画布尺寸改为【44*44】像素。绘制一个【42*42】像素的矩形，居中对齐，添加【描边】，【复制】一个矩形，尺寸改成【38**38】，作为参考线。复制出两个画板。

3、都说学习图标设计最好的方式是先临摹，那我们选择毛线图标、毛球图标和播放器图标去看看，这类的图标是如何设计出来的呢。

网页的布局类型有哪些?

表格布局，比较传统的布局方法，特点：简单易学，所见所得；不足之处：如果网页内容复杂，表格嵌套就会太多，结构复杂。

国字型布局，一些大型网站更倾向于这种布局类型，即最上面是网站的标题和横幅广告条，接下来是网站的主要内容，中间是主要部分，左右分出两小条内容，这种结构是我们在网上见过的差不多最多的一种结构类型。

拐角型 这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接。