移动端电商小程序设计复盘

项目由本人从0-1设计，已经上线

补充：

有10pt、12pt、15pt、16pt等,1倍图中常用的是12pt，3倍图时常用的是16pt，除了这些边距还有更小或者更大的边距，或者未设置边距的。具体边距设置可以根据产品项目来确定，不同的边距会有不一样的效果。全局边距的效果主要是引导阅读，适当的距离和空白也能避免视觉疲劳。

在1倍图中常用的有10pt、12pt、15pt、20pt，最小距离建议不要小于16px。根据格式塔原理解释，距离越近或者越相似的越容易被当作一个整体。

比较常用的是1∶1、4∶3、3∶2、16∶9等，图像规范有利于后期精准调整图片。1∶1属于正方形构图，常见于电商类App，适合展示产品特写、头像等；16∶9这个比例多用于视频类App。

中常用的布局有无框式布局（多用于图片）、卡片式布局和列表式布局。无框式布局主要用于某些图片较多的应用；卡片式布局能较好的对内容进行区别分类，让内容之间相互独立；列表式布局多用于文字信息较多的页面比如新闻类app。这三种布局样式可以组合使用，让页面效果更舒适。

推荐阅读书籍：《用户体验设计指南：从方法论到产品设计实践》、《HOOKED》

欢迎留言互相交流学习