微信小程序是个非常便捷的工具,因此想要制作自己的小程序的商家越来越多,但是要想让你的小程序给客户留下深刻印象,那就要好好设计了。纯新手该怎么设计好呢?接下来就告诉你小程序制作教程美工设计方面的知识!一般来说,美工要想把小程序设计好,至少需要做好这4点:

1.布局清晰,简约留白

小程序不要把所有内容都塞得满满当当,为保证首页整洁,你要有一定的留白,合理使用空白来划分界面。不要把所有内容都堆砌在一块,这容易扰乱视线,导致用户体验很差。比如下图「上线了sxl.cn」小程序案例就非常好,从顶部图片banner、快捷按钮、到商品陈列、底部导航栏,都清晰明了,布局美观。

上线了小程序案例,禁止转载

2.注重用户的流畅体验

小程序主页的各版块要衔接流畅,各个页面之间也是如此。如微信小程序设计规范所说,一旦用户进入我们的小程序页面,我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去;确保用户在页面中游刃有余地穿梭而不迷路,这样才能为用户提供安全且愉悦的使用体验。

3.字体合乎规范

微信小程序常用的字号为20,18,17,16,14,13,11(pt),比如大标题的字号一般是20pt,列表及主内容字号是17pt,具体使用场景如下图:

小程序制作教程美工

微信小程序字体颜色也是有标准的,主内容 Black 黑色,次要内容 Grey 灰色;时间戳与表单缺省值 Light 灰色;大段的说明内容而且属于主要内容用 Semi 黑。

4.不要照搬APP

如果你有自己的品牌APP,那么在制作小程序时,尽量保持风格与理念一致,但千万不要照搬APP的设计。

APP的设计一般是绚烂的首屏欢迎页,多个分类导航,功能丰富,能满足多方面需求……但这种产品理念要是带到小程序当中,就不合适了。因为小程序本身就是在一个大APP(微信)中,因此应该尽量简单,不要太累赘。小程序应该是定位于某一个功能,去成为解决用户需求的单一性工具。

上线了小程序案例,禁止转载

5.善于利用工具

微信小程序美工在设计小程序页面时,用到的图片会比较多,包括海报,快捷按钮,头像logo等等。尤其是小程序制作教程头像部分,对于品牌来说需要更加重视。如果你不知道怎么快速做好,那么可以多用些快捷工具,比如LOGO神器(快速做logo、头像),创客贴(快速做海报),上线了(快速生成小程序,并且有丰富的图库素材,你可以直接使用)!

上线了小程序制作

小程序制作教程容易学吗?相信看完后你也明白了,其实是很简单的,通过「上线了」小程序制作工具,即使你不懂设计知识,也能顺利做出一个美观的小程序!

「上线了sxl.cn」是一个专注自助建站与小程序开发的SaaS平台,针对众多行业提供多套小程序模板,目前已经帮助三百多万没有技术和设计基础的用户,通过上线了一键生成网站或小程序,快速建立品牌、获取客户、经营生意。2019年8月入选腾讯SaaS加速器首期成员。​

转载授权请发邮件到:xmt@striking.ly (得到主动回复同意并加上本网站相关链接,方可转载)。

立即创建小程序