新媒体创意与作品设计课件9.pptx

第9章微信小程序设计新媒体创意与作品设计

（全彩慕课版）

目录微信小程序的设计原则01设计水果生鲜店铺小程序02

案例导入远洋商务社区会议室“走俏”，

小程序预约更方便到了公司员工的培训时间，杭州某公司的培训经理在微信小程序“小河E企”上提前预约了会议室。如她所说，远洋商务社区的预约制为开放会议室提供了很多的便利。远洋商务社区的会议室总是很“走俏”。远洋商务社区有两个会议室，大的可以容纳60个人，小的也能容纳10个人，为了方便楼宇企业操作，远洋商务社区与拱墅区企业服务百事通合作，通过“小河E企”微信小程序为企业提供24小时免费预约服务。企业除了可以预约共享空间，还能预约社区的创新课堂和社团活动。2024年3月举办的几场创新课堂，都是场场爆满。小程序预约会议室

01微信小程序的设计原则在设计微信小程序页面时，必须严格遵守微信官方所提出的各项规范和要求。这些规则不仅是创作者在设计过程中必须恪守的官方标准，还是打造个性化小程序不可或缺的基础框架。

微信小程序设计指南

用户体验至上1页面重点突出2导航明确清晰3慎重使用弹窗4页面重点突出页面焦点元素过多

用户体验至上1页面重点突出2导航明确清晰3慎重使用弹窗4“京东到家”小程序?小程序弹窗

02设计水果生鲜店铺小程序本案例将利用凡科网所提供的丰富模板资源，打造专业化的水果生鲜店铺小程序（小程序在本书皆指代微信小程序）。在设计时，创作者要根据生鲜种类与用户需求精准调整模板布局与配色，优化购物流程，确保用户能够便捷地找到自己心仪的商品，提升用户的购物体验。

制作小程序首页9.2.1在制作小程序首页时，创作者应添加滚动公告、导航项及积分商城等模块，丰富营销元素，提升用户体验。在色彩搭配上，以橙色、红色等鲜明色调为主，营造出新鲜、活力的氛围，符合水果生鲜购物平台的定位。制作小程序首页的具体操作方法如下。

编辑底部导航9.2.2为了满足用户快速定位所需功能的需求，下面将对底部导航菜单进行调整，具体操作方法如下。

制作其他页面9.2.3创作者通过在“商品分类”页面中添加“广告位”模块，可以展示推广商品或活动信息，有助于提升商品或活动的曝光率，引导用户发现更多的潜在需求，具体操作方法如下。

课堂实训——使用凡科网设计旅游票务小程序页面实训背景旅游票务行业包括航空、火车、汽车、轮船等各种交通工具的票务服务，以及景点门票、酒店预订等相关服务。在新媒体时代，移动互联网的发展使旅游票务服务的提供更加便捷，用户在手机上就可以轻松体验旅游攻略、预订酒店和门票等“一条龙”的服务。使用小程序，用户可以即时体验旅游票务服务，不用下载专门的App，更加便捷。实训要求请同学们根据凡科网的模板设计旅游票务小程序页面。实训思路（1）制作小程序首页（2）编辑底部导航（3）制作其他页面（4）预览

课后习题1．简述微信小程序设计的原则。2．请结合本章所学知识，使用凡科网的模板为某家居店制作小程序页面，以便开展线上销售、会员服务。