UI入行来的一些设计小心得

从事ui设计工作3年多，近期部门转行成产品经理，在这里简单书写ui设计的一些经验总结

1.图标设计

图标设计分为：线性图标和面性图标，以及线面混合图标（填充图标），手绘图标

线性图标：举个例子

注意事项：要注意线条粗细要保持统一，

面性图标：举个例子

视觉上比较醒目，但不容易刻画细节。

线面混合图标：举个例子

根据设计风格，选择性的填充色块，比较个性，有更多的设计发挥空间。

手绘图标:举个例子

一般做游戏界面较多，还有就是主题风格图标

2.当我们在做设计稿时，注意事项

2.1  不使用虚假文字，不要为了所谓的节约时间就要使用虚假文字，这是使App特别没有代入感。真实的文字内容也会协助观看者理解你的作品。

2.2  图片选取规范，该放头像的地方就放头像，别放插画或是风景照 。比如要做XX医院的App，某主治医师是中国人叫张大伟，就不要使用白种人的照片，（记得图片清晰图要够，图片要好看，但不能太完美，否则也会产生虚假感）

举个例子：看示例图，明明是个中国人，还用一个外国人的医生照片。

3.当页面出现一个需要跳转的入口时，且这个入口属于三级操作时，可直接使用万金油色，蓝色。

4.定义字体颜色：常用的三种灰度的色值：282828，  656565，  989898，

   分割线段：eoeoeo,   分割线：  efefef.

4.1 关于字体的商用文字，Adobe公司出了一款思源黑体，用思源宋体，可完美商用，

5.  谨慎地使用高饱和度颜色、大差别渐变，一些醒目出跳的颜色和渐变使用起来要小心，否则很容易产生“俗气”的感觉。

6.设计稿尺寸

   只推荐750*1334的尺寸来做设计稿，这是向上向下都最容易适配的尺寸，包括用这个尺寸去适配Android版。

6.1 标注使用蓝湖，现在主流的一种标注工具，同时还提供切图功能，超级方便使用，还提供插件下载。

6.2 专业切图我一般使用的是cutterman，对于无实际功能的图标，要按照统一规格求，要保证是偶数尺寸

举个例子，像界面里标红的图标，尺寸切一样大就行了，比如：48X48

命名方式尽量清晰，推荐采用：种类_位置_功能_状态

示例说明：btn_homepage_seach_normal@2x.png

开发看到就会明白：这是位于首页，处于正常状态的搜索按钮2倍切图。（英文不好的小伙伴，可直接用中文，程序猿们会自行命名滴）

7.常见的设计图片比例尺寸

1:1，  4:3       16:9  (常见于影视app)   16:10 , 还有一种就是瀑布流式页面。

先写到这里，这些仅仅是我个人从业来的一些经验总结，欢迎大家留言交流哦