网页ui设计金刚区（网页ui设计教程）

本文目录一览：

• 1、求助UI设计大神,新人刚入门想问下下图中哪些属于金刚区图标,那些属于...
• 2、图标设计规范(面性与线性图标)
• 3、UI设计规范都包含哪些规范?

求助UI设计大神,新人刚入门想问下下图中哪些属于金刚区图标,那些属于...

金刚区图标 金刚区图标是指用于用户界面的快速导航和访问常用功能的图标。通常，金刚区图标以扁平化的风格设计，具有简洁的形状和明确的图形表现，以便在有限的空间内传达清晰的信息。

在UI设计中，我们经常会遇到各种各样的图标，导航栏区域的图标、金刚区图标、tab栏图标等，在不同的产品、不同功能模块的图标样式也是不同的，有面性、线性、线面结合、异性等等。

说到UI设计，很多新手认为U1设计只是画图标和手机界面。事实上，图标只是UI设计的一小部分。

金刚区图标常用做法：45°渐变底板+白色面性图标+微投影底板上图形设计区域约占底板区域的50%~65%之间，45°渐变可以让图标看上去更加有设计感，渐变的两色要在同一色系，渐变不要过于明显。

图标是可用性和导航的关键，用户能够感知到图标的功用，但是只有设计师才会明白，想要让图标简约、可用还富有表现力，要耗费多少时间和精力。乔布斯曾经说过：“细节至关重要，花费时间仔细打磨是值得的。

图标设计规范(面性与线性图标)

面性图标 面性图标是几种图标中最强的一种，其次是线面结合图标，最后是线性图标。面性图标的突显性更强。 对于如何选取哪一种图标，应该首先站在信息层级上去考虑。

混合型图标 在设计图标类型的时候，不一定局限于单纯的线性与面性，也可以两者结合，让图标即有线性描边的轮廓，还有色彩填充的区域，混合型图标可以让页面变得更加有活力，同时还可以吸引用户的注意力，美观与创意性强。

面性图标在操作中和线性图标的最大差别就在于描边和填充模式，我们知道为了满足像素对齐的要求，线性描边会在操作中产生很多不可控的因素，要用很多额外的操作步骤去弥补。

UI设计规范都包含哪些规范?

UI设计的规范标准有哪些呢？轴 轴在UI设计中是最基本、最常见的概念，也是用来组织界面结构的重要核心。简单说来，轴是在设计的时候组织一系列元素的假象线，在下面的设计图中，轴以虚线的方式被标注出来。

一：遵循一致的准则，确立标准并遵循 无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。

提前开发在设计工作进行中，设计师可能会面临一些突发情况，因此对于一些我们经常用到的，如颜色、分割线、tab、表单等组件，如果提前设计统一好，能大大减少重复性设计，让设计师专注提高设计的质量。