美术设计注意点
那么当我们在H5品牌营销的时候该如果的操作呢？让我们一起和九影网络一起看下去吧~
H5: 所有需要使用程序字动态配置的统一使用“微软雅黑”字体。可配置内容不要使用富文本和图文混排
PS:每个设计好的界面交付客户审查之前，先和程序过一下界面需求。协调设计和开发的便捷。界面设计以程序实现便捷优先。(特殊情况另外沟通)
所有资源在使用前使用 TinyPNG(https://tinypng.com/) 压缩工具，进行图片资源压缩处理。
一、命名规范
1、资源名要用小写+下划线
2、资源名不能有重复的
3、后期需要替换的资源，新资源要与老资源命名相同，能直接替换。
建议：
（1）一般的UI元素命名规则：模块_用途。例：首充界面背景 FirstRecharge_Bg;结算界面横幅 Summary_Baner;
（2）如果同类图片有多个，则根据颜色、尺寸、品质等特征来区分。例：Common_Button_Red,Common_Button_Blue;
Skill_Magnet,Skill_Magnet_Small;
AppIcon_64、AppIcon_72、AppIcon_128;（这里64、72、128表示图片尺寸）
Skin_NameBg_1、Skin_NameBg_2(1、2表示品质)；
（3）如果是图标类，例如金币图标 Icon_Gold；钻石图标 Icon_Diamond;
（4）如果设计时考虑到以后会复用，最好在命名里体现出来。例如下拉框背景：Common_Dropdown_Bg;下拉框选中底图：Common_Dropdown_Select。
尽量用英文，但找不到合适的英文单词或者用英语感觉更难理解时，可酌情使用中文或者拼音。总之一个原则就是规范，易懂。
二、切图
- 背景图不带透明通道，且尺寸在2880X1440（适配16:9的屏幕）
- 图标类的图尺寸尽量为2的次幂
- 图片应该以主体内容居中,而不是以整个内容居中。
比如按钮下边有阴影,那么切图时上面也要留出和阴影相同的空白像素，使按钮在图片内居中。否则每次制作按钮，按钮上的文字都得向上偏移几个像素，完全没必要。
这类图常见的有按钮、头像框、气泡框等
- 尽量复用（UI框、按钮、进度条、分割线、图片数字等）
从用户体验的角度讲，习惯界面统一的风格和少数的规矩，要比看起来好看更加重要，因为UI设计的最终目的在于用户体验和操作习惯的养成，而非看起来好看。
从程序的角度讲，要尽量控制包体的大小和内存的占用。
- UI的元素（背景框、其他内容框），尽量设计成九宫格。
- 文字规格（颜色、字号）要有统一的规范。
- 示意图中如果有通用UI元素，要标识名称以便程序查找
- 如果是旧界面的变更修改，新的示意图最好是在旧示意图的基础上改，只动需要动的地方。
那么H5品牌营销哪家好？
H5品牌营销请找上海九影，九影网络专注“互动 · 游戏 · 营销 · 系统”开发10余年，提供：休闲娱乐游戏、教育教学游戏、互动对战游戏、微信/小程序、品牌营销H5、移动App、政企信息化系统、三维展览展示、元宇宙/ARVR体感体感等服务。
手机：15000568602(微信同号）