排版,就是你小程序的衣裳

2019-06-17 11:32:40 119

在茫茫的微信小程序海洋中,很多小程序在打开的一瞬间用户就关闭了。粗糙的排版,狗啃一样的正文,模糊的配图,大到鲁莽的字号。版式马虎成这样,内容也不可能精美到哪里去,还是不要浪费生命好了。

 

培养正确的审美是第一步,访问大量精心制作的微信发布的小程序,尤其是偏艺术、美分享、知名小程序的排版,对好的排版的样式有了一个大概的印象,这样才能在实际情况中灵活运用。

 

“微信官方开发者工具”因为系统的原因十分难用,所以建议不要直接用它制作。我们通常来说会采用可视化拖拉工具设计好小程序样式及交互部分,然后把代码复制粘贴到“微信官方开发者工具”,利用它发布代码。这个时候你可以做一些高级的代码或调试。

 

如果本身是纯小程序的展现形式,力求大气整洁即可。

 

如果本身是对排版有一定要求,有很多第三方工具可供选择。米筷来说,比较喜欢采用拖拉与代码编辑并存,拖拉满足不了的情况下,甚至是懂代码的人,可以在工具上结合代码一起编辑,类似于DreamWare”一样。上手简单,基本需求都可以满足。选择元素后可以点击色块,选择颜色。一般来说,为了不给设计者带来太多的负担,每个元素会展现右边的列表栏,可以保证鼠标难选中的元素、隐藏的元素、尺寸过小的元素等被再次选中编辑。

 

(右边元素表移动鼠标即可)

 

界面一般来说建议16像素大小,二级标题18像素,这是我们反复测试的大多数设备上阅读体验较舒适的字号,字体颜色不要用全黑,太重了。

 

插图慎用亮色色块,那会一下子拉低整页的格调,顶部的banner处尽量统一、 舒适,强化小程序的品牌印象。设计好后一定要发送预览给自己的苹果手机和一台安卓手机仔细检查排版,以防不测。比如说滚动到底部的时候,苹果经常是最底部内容被遮盖,而安卓则不会。

 

如果遇到令人耳目一新的版式想要借鉴怎么办呢?可以采用一些小程序解包、还原、破解等工具,解包他人的小程序素材及相关文件,复制自己需要的到排版工具内,将里面的素材替换成你想要的即可。

 

插图和配图像素一定要高,可以去花瓣等地逛逛,选用的时候注意版权。

米筷微信小程序
米筷小程序

米筷小程序学习交流群 米筷学习交流群
群号:606846828
米筷学习交流群

米筷微信公众号 米筷公众号