创意电子

标题: 小程序怎么搭建?怎么设计美观? [打印本页]

作者: qq3028236701    时间: 2020-9-27 02:13
标题: 小程序怎么搭建?怎么设计美观?
越来越多的人开始使用微信小程序搭建平台,这样制作出小程序的速度很快,不过如果只是单纯按照模板替换下图片、商品,那就容易同质化,很难做出自己的小程序个性了。小程序搭建该怎么做,才能让页面美观、给客户深刻印象呢?下面就跟大家科普下小程序搭建教程及突出品牌个性的办法。

                               
登录/注册后可看大图



1.页面搭建

首先你需要找一个靠谱的小程序制作工具,尽量找知名度较高的平台,比如「上线了」,入选了腾讯SaaS加速器首期成员,技术上比较靠谱,模板设计也美观。选一个你喜欢的模板,比如电商,然后就可以搭建小程序页面了。

                               
登录/注册后可看大图

在“小程序设计-通用风格”里,你可以自定义主题色、导航栏;在“小程序设计-页面设计”里可以添加需要的功能版块,包括轮播图、拼接图、快捷按钮、商品及分类、视频等等。

                               
登录/注册后可看大图

在“商店”栏你可添加自己的商品,设置商品分类。还能在营销中心添加各种营销工具。
做好并预览无误,点击左下角“立即发布 - 注册小程序账号 - 选择主营类目 - 快速注册”,然后按要求填写好自己的相关信息,等待审核。这就是微信小程序搭建教程了。

                               
登录/注册后可看大图
电商小程序模板示例


2.页面美化

小程序页面要尽量做得美观、有个性,才能给访客留下好的印象。首先是主题色设置,设计中讲究形与色的组合,具体用什么主色调,要根据小程序的类型来选择,比如美妆、宠物类可用比较活泼的色调;数码、家居类可用严肃简约的色调。千万不可太多颜色混搭在一起,用色过多会导致访客眼花缭乱,页面没有主次之分。

                               
登录/注册后可看大图
上线了小程序案例,禁止转载
另外,还要注意减少元素的变化。在对元素和文字排版的时候,考虑用户浏览时眼睛的适应能力,需要适当放大,或者加大间距,让整个页面更加舒适,你可以根据自身小程序风格决定。比如下面这个小程序案例,使用上线了“拼接图”海报功能,放大头图,让顾客一眼就能明白店铺新的活动。

                               
登录/注册后可看大图
上线了小程序案例,禁止转载

在小程序开发过程中,尽量避免选择过于花哨或者繁杂的元素,看起整个页面都是重点,但又没有突出重点,使得用户的注意力分散。太过繁杂的页面会增加用户流量和载入时间,这当然也会影响小程序交互的流畅。
总之,小程序界面设计应该满足清晰、流畅、统一的标准。一个界面只有使用户清晰地辨认它的各种功能和服务,在使用的时候比较流畅,让用户与微信小程序形成一个良好的互动,用户才能有好的浏览体验!
作者: 立森影像LESU    时间: 2020-9-27 03:13
转发了




欢迎光临 创意电子 (https://wxcydz.cc/) Powered by Discuz! X3.4