# 小程序美工
微信小程序是个非常便捷的工具,因此想要制作自己的小程序的商家越来越多,但是要想让你的小程序给客户留下深刻印象,那就要好好设计了。纯新手该怎么设计好呢?接下来就告诉你**小程序制作教程美工**设计方面的知识!一般来说,美工要想把小程序设计好,至少需要做好这4点:
![小程序美工教制作程:4个要点不能忽视](https://p26.toutiaoimg.com/origin/pgc-image/2078b7ad9f92485d8669c5a2d05dd5eb?from=pc)
# 1.布局清晰,简约留白
小程序不要把所有内容都塞得满满当当,为保证首页整洁,你要有一定的留白,合理使用空白来划分界面。不要把所有内容都堆砌在一块,这容易扰乱视线,导致用户体验很差。比如下图「上线了」小程序案例就非常好,从顶部图片banner、快捷按钮、到商品陈列、底部导航栏,都清晰明了,布局美观。
# 2.注重用户的流畅体验
小程序主页的各版块要衔接流畅,各个页面之间也是如此。如微信小程序设计规范所说,一旦用户进入我们的小程序页面,我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去;确保用户在页面中游刃有余地穿梭而不迷路,这样才能为用户提供安全且愉悦的使用体验。
# 3.字体合乎规范
微信小程序常用的字号为20,18,17,16,14,13,11(pt),比如大标题的字号一般是20pt,列表及主内容字号是17pt,具体使用场景如下图:
![小程序美工教制作程:4个要点不能忽视](https://p26.toutiaoimg.com/origin/pgc-image/4e6771c7604d40d7bbc2b7afd8a87d2b?from=pc)
图片来源:微信官方文档
微信小程序字体颜色也是有标准的,主内容 Black 黑色,次要内容 Grey 灰色;时间戳与表单缺省值 Light 灰色;大段的说明内容而且属于主要内容用 Semi 黑。
# 4.不要照搬APP
如果你有自己的品牌APP,那么在制作小程序时,尽量保持风格与理念一致,但千万不要照搬APP的设计。
APP的设计一般是绚烂的首屏欢迎页,多个分类导航,功能丰富,能满足多方面需求……但这种产品理念要是带到小程序当中,就不合适了。因为小程序本身就是在一个大APP(微信)中,因此应该尽量简单,不要太累赘。小程序应该是定位于某一个功能,去成为解决用户需求的单一性工具。
# 5.善于利用工具
微信小程序美工在设计小程序页面时,用到的图片会比较多,包括海报,快捷按钮,头像logo等等。尤其是小程序制作教程头像部分,对于品牌来说需要更加重视。如果你不知道怎么快速做好,那么可以多用些快捷工具,比如LOGO神器(快速做logo、头像),创客贴(快速做海报),上线了(快速生成小程序,并且有丰富的图库素材,你可以直接使用)!
小程序制作教程容易学吗?相信看完后你也明白了,其实是很简单的,通过上述方法,即使你不懂设计知识,也能顺利做出一个美观的小程序。
- 惠惠软件-开发自助学习系统
- 一.微信公众号(服务号)申请流程
- 二.申请所需提前准备资料
- 三.认证微信公众号:申请微信小程序流程
- 四.微信小程序安装和开发环境
- 五.微信小程序如何上传、提交审核、发布操作
- 六.微信小程序开发教程手册
- 0.1微信小程序 小程序简介
- 0.2微信小程序 开始第一步
- 0.3微信小程序 小程序代码构成
- 0.4微信小程序 小程序宿主环境
- 0.5微信小程序 小程序协同工作和发布
- 0.6微信小程序 目录结构
- 0.7微信小程序 全局配置
- 0.8微信小程序 页面配置
- 0.9微信小程序 sitemap配置
- 0.10微信小程序 场景值
- 0.11微信小程序 注册小程序
- 0.12微信小程序 注册页面
- 0.13微信小程序 页面生命周期
- 0.14微信小程序 页面路由
- 0.15微信小程序 模块化
- 0.16微信小程序 API
- 0.17微信小程序 运行环境
- 0.18微信小程序 JavaScript支持情况
- 0.19微信小程序 运行机制
- 0.20微信小程序 更新机制
- 0.21微信小程序 广告·Banner 广告
- 0.22微信小程序 安全指引·开发原则与注意事项
- 0.23微信小程序 调试
- 0.24微信小程序 启动性能
- 0.25微信小程序 运行时性能
- 0.26微信小程序 性能分析工具
- 0.27微信小程序 体验评分
- 八.小程序的美工
- 8.1图片大小
- 8.2颜色代码
- 8.3小程序的美工技巧
- 九.微信小程序-定制开发
- 十.微信支付申请流程
- 十一.小程序支付对接流程
- 十二.微信小程序使用中常见问题汇总
- 十二.小程序开发中遇到的问题—汇总
- 十四.小程序问题及解决
- 十五.网站开发定制
- 1.开发定制流程
- 2.搭建网站的过程
- 3.做网站基本费用
- 4.服务器选什么系统更好?
- 十六.常用工具、软件网站推荐