网页设计中icon标准（网页icon尺寸）

本文目录一览：

• 1、图标设计规则点有什么?
• 2、页面视觉构成的五大要素,快来学习!(三)
• 3、_icon设计的技巧与设计要点是什么?
• 4、ICON设计法则—菱形法则
• 5、ICON是用来做什么的?
• 6、设计师必看图标(icon)指南

图标设计规则点有什么?

1、关键线由圆、方、矩形、正交、三角形和对角线组成。它为图标集中的基本形状或比例提供了一致的大小。这使得它更容易创造视觉稳定性，并有助于在设计相似比例的图标时有一个共同的参考。

2、图标设计遵守的原则之第一：合适的精细度，元素个数：首先我们要明确一个点，图标的主要作用是用的，代替文字。第二才是美观。但现在的图标设计者往往陷入了一个误区，片面的追求精细，高光和质感。

3、独特性原则：图形元素要具有独特性，不能与其他酒店的标志相似或相同。协调性原则：图形元素要与酒店的整体形象和风格相协调，不能显得突兀或不搭。简洁性原则：图形元素要简洁明了，不能过于复杂或难以辨认。

页面视觉构成的五大要素,快来学习!(三)

网页的构成要素包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。

网页设计构成要素介绍具体如下：要素一：文字。文字是网页中最主要的一部分。对于文字的把握，主要有两点，一是简洁、明了；二是数量的掌握。要素二：图片。图片既能达到美观的效果，又能让浏览者对网页印象深刻。

UI需要学习的内容主要包括工具软件的使用和设计思维的培养。UI设计多指UI视觉设计，主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。

造形构成的要素 构成要素： 形：点、线、面。 色：色相、明度、彩度。 质感。 A、点：是构成设计的基本要素之一。 几何学角度：点只有位置，没有面积。

主题思想——摄影画面构成的意图所在 主题思想是摄影者通过拍摄对象所要说明的问题，摄影者通过照片中的艺术形象和造型语言，引起读者在欣赏过程中产生思想共鸣和审美感受。

_icon设计的技巧与设计要点是什么?

1、个图标设计小技巧：网格标准化。规范化网格，可使整组图标更加统一，并使用相同的边框作为模板，保证图标的比例和大小。统一风格。同样的风格，可以让图标看起来更加统一，易于识别。简化图表。

2、给icon添加颜色是解决视觉冲击力的一种表现手段。一般赋予icon什么样的个性和使得突出重点，一般都会添加颜色。在添加颜色时首先我们可以用感觉来进行设计，思路对想法可以就行了。

3、默认是线，选中是面加线。这种设计一般主色调是黄色的App常用到，因为黄色本身比较高亮，视觉不是很强烈，给Icon加上一个深色的描边就能使标签栏Icon比较“实在”。默认是线，选中后细节丰富。

4、第二层级的Icon不需要做的视觉重点非常重，能够让用户认知到，并且了解Icon传递的信息，在操作行为上产生预期就可以。通常的设计样式是线型Icon或者是面型Icon。

5、充分了解品牌 在设计 LOGO 之前，务必充分了解品牌定位、理念、文化、价值观，同时考虑目标受众和市场。这是创造出与品牌相关性强的设计的关键要素。

6、扁平图标包含线性、面型、线+面，面+面，变现方式多样，拓展性强，更个性化，年轻化一些，相同，同样设计风格的icon，在更换颜色后就能体现和传达不一样的信息。

ICON设计法则—菱形法则

ICON的设计法则-菱形设计法则，主要包括语意、层级、设计形式、风格、一致性、范围。而其他的设计思考也是这个设计法则的变体，中心思想没有发生变化。

需要提一句的是质感营造上，吉利ICON虽然前IP台顶部没有采用搪塑材质，但是通过菱形花纹的设计提升了质感，而前IP台的立面则是采用搪塑和皮革包裹，加上启动按键、温度调节拨片、出风口外围都采用了金属材质，质感极佳。

与吉利icon的矩形元素不同，长安UNI-T处处尽显锋芒。长安UNI-T车头部分采用了“无边界”设计，前格栅由中心的菱形元素向四周逐渐演化，最终与前脸融为一体。配合两侧造型锋利的不规则状分体式大灯组，令新车极具辨识度。

ICON是用来做什么的?

icon通常被翻译成图标或图像符号，是指在计算机图形界面上，用来代表文件、文件夹、应用程序、网站等各种对象的小图形符号。

icon在计算机科学中具有多种含义。它通常指的是一种符号或图标，用于表示特定的概念、功能或对象。首先，icon在用户界面中通常指的是一个图形化的标志或符号，用于标识某个应用程序、文件、文件夹、按钮或其他用户界面元素。

Icon，中文翻译为图标，指代计算机屏幕上的小图像，通常是用来代表一些操作或文件的快捷方式。Icon是用户操作界面上的一部分，它可以代表一个文件夹、一个应用或者是一个功能等。

华为icon指的是华为公司的标志或者符号，通常用于表示华为品牌或者其产品和服务。在计算机和移动设备中，icon是一种图标，可以用来表示某个应用程序、功能或文件。华为icon可以用于装饰网页、手机屏幕等，表示华为的产品或服务。

Icon这一词汇起源于希腊语中的eikon，意为图像或肖像。在现代计算机和数字化语境中，icon通常用来表示在计算机界面上的图形表示，用于标识文件、程序、功能或其他的元素。

设计师必看图标(icon)指南

1、色彩color 、 文字 Font 、 图标 icon 、 图形 shape 、 图片 image 、 空间 space ，是我们做平面设计中非常重要的 6 个元素，而对于 UI 设计而言，图标可以说是整个产品的点睛之笔，它甚至可以直接影响着一款产品的形象和气质。

2、D立体图标。2017-2018年左右，5D图标曾在UI界刮起一阵风，所以有不少设计师认为这将成为未来图标的一个趋势，但是这阵风好像很快又刮停了...可能是因为设计成本过高，且风格过于鲜明，难以被许多产品驾驭。

3、图片转换ICO图标Pro版步骤：点击或者拖拽到上传框中，即可上传你要转换的图片，直接将新图片拖入上传框即可更换图片。目前已知支持jpg、png等多种常见的图片格式，如果上传图片并转换ico图标成功，则代表支持该格式。

4、系统图标设计 系统图标在游戏中一般位于主界面的区域，方便玩家随时操作。常用的系统功能图标一般包括角色、技能、背包、好友等，用于满足玩家在游戏中的交互。