网页系统ui设计图标（网页ui设计图片）

本文目录一览：

• 1、UI设计师一定要知道的ICON设计规范之图标尺寸
• 2、七个网页界面ui设计细节你掌握了吗

UI设计师一定要知道的ICON设计规范之图标尺寸

1、在设计一套系统的图标时，要注意图标的像素大小，使用相同的网格大小来设计线条粗细相同的图标，包括曲线、角度、内外笔画。这样，图标看起来更加统一，也有利于图标的后期迭代。

2、在功能上，icon分为不可点击的显示图标和可点击的按钮图标：显示图标不能点击，是为了辅助后面的文字内容，侧重于文字，一般尺寸为24×228×232×32。

3、xhdpi （Extra-high density screen， 320 DPI），其图标大小为 96 x 96 px。

4、×116×124×232×348×48等，这里的建议是以48px作为常规图标的设计尺寸，因为iOS界面中的网格大小是4的倍数，苹果规范要求最小点击面积为44pt；安卓的网格是8的倍数，最小操作热区为48dp。

5、简洁的设计形式 在设计图标的时候就要非常注重图形的简洁，避免在小尺寸展示时候不清晰不能被识别的情况，同时简洁的图形设计形式也会提升图标的设计品质。

6、首先打开电脑，在电脑屏幕空白处鼠标右键单击并点击选择“个性化”按钮。然后在新的界面里点击选择“”按钮。之后在新的界面里点击选择下方“窗口颜色”按钮。然后在新的界面里点击选择“高级外观设置”按钮。

七个网页界面ui设计细节你掌握了吗

1、创建元素之间的分离效果，并不一定要通过线框来表现，只要增加留白，让它们分隔开就行了。通过留白和间距来实现元素分组是UI设计中的常用手法。

2、许多UI设计项目中，不同的场合可能会使用不同的字重，如果它只使用一种字重，那么你就只能选择其他字体，或者需要额外购买，这很麻烦。

3、UI设计师面向的是产品使用者（用户），由于用户的留存会决定产品的生死，所以他们要听的是用户的话。即使上层领导与你的审美有很大差别，但也决不敢拿产品的命运打赌。