阅读微信官方的设计文档是最有效的方式。
里面提供了大量的用户界面实例,开发者只需严格依据这份小程序介绍页设计文档,就可以做出兼具美观、实用的 UI 与交互模式。
为了帮助大家更快地理解小程序官方提供的设计文档,小编今天专门为大家解读一下,不仅将团源设计文档简洁到二分之一,还增加了小程序 UI 设计和传统的网页设计的比较,讲述二者的差异性。所以现在大家只需花费和之前相比一半都不到的时间就能了解小程序排版技巧了,能掌握设计小程序过程中需要掌握的所有要点。旦液注:本文主要针对小程序开发者和 UI 设计师。小程序官方设计文档解读基本规则微信小程序设计文档将所有的设计范例分为了四个部分,分别是:
友好礼貌
清晰明确
便捷优雅
统一稳定
除此之外,微信官方还提供了一些便于开发者使用的组件,这些组件可以在微信官方的小程序 IDE 中直接使用。
设计文档也针对这部分组件进行了详细说明,包括每个组件的适用范围。同时,还提供了 Sketch 与 Photoshop 的设计模板,便于 UI 设计模或物师直接使用。
合理的功能布局,能够给予用户更舒适的使用体验。奥慧在微信小程序时,应该将用户需求量较大、比较核心伏态的板块优先布局在显眼的位置。同时,在页面布局时,一定要足够简洁,足够清晰,这样不仅便于用户 *** 作,也更缺嫌源方便者漏用户寻找自己所需。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)