产品设计
百度智能小程序体验指南

为方便小程序开发团队的视觉设计师进行小程序设计,小程序团队提供常用的视觉设计组件资源。

智能小程序体验指南:此指南由百度小程序团队提供,旨在帮助开发者们快速了解智能小程序,并在提升体验方面给出相关设计建议、资源。

更新记录

日期 内容
2020-07-24 1.核心体验白皮书新增 互动体验 、地理位置服务 和 信息流落地页体验 ;
2.核心体验白皮书的 关注小程序 、 互动体验 、 信息流落地页体验 新增直播课内容;
3.设计指南 顶部导航栏 新增不同浏览路径下自定义导航栏的设计说明。
2020-02-26 1.核心体验白皮书模块上线,本次上线 登录 、 关注小程序 和 浏览体验 ;
2.设计规范、常用组件、Lottie 动画和 AFX 透明视频整合至“设计指南”;
3.常用设计可供开发直接使用,其开发文档入口已在体验指南增加,包括:图文详情页、列表、空态等;
4.目录顺序及文案统一调整。
2019-05-20 1.设计规范 更新 图片图标 ;
2.设计规范 新增 内容详情页 ;
3.设计规范 新增 头像输出 ;
4. 常用组件 新增 关注小程序引导 ;
5. 资源下载 更新 视觉组件库 ,补充图标等设计源文件;
6.设计指南,统一增加相应的开发文档入口。
2018-12-26 1.设计规范 更新 页面布局 ,新增透明框架布局说明,全面屏手机适配(包括小游戏及小程序框架);
2.设计规范 新增 阅读排版 ;
3.常用组件 更新 顶部导航栏,新增自定义导航栏说明;
4.设计故事 新增 长隆 AR 动物园 和 减减鸭 。
2018-11-08 1.设计资源 更新 视觉组件库 ;
2.设计资源 新增 设计走查表 ;
3.设计资源 新增 Lottie 动效库 。
2018-09-21 1.优化设计原则,补充大量案例 ;
2.所有图例更为新框架 ;
3.增加 iPhoneX 适配说明;
4.优化部分常用组件。

 

视觉资源下载

为方便小程序开发团队的视觉设计师进行小程序设计,小程序团队提供常用的视觉设计组件资源。

设计走查表

为方便小程序设计,小程序团队提供《智能小程序设计走查表》以供参考。

此走查表是一份综合性的移动端用户体验设计走查项目集合,内容涵盖以下三个方面:

  • 面向交互设计师的信息结构与流程设计、操作与反馈走查项;
  • 面向视觉设计师的界面呈现、适配走查项;
  • 针对智能小程序平台特性的特殊走查项。

走查表适用于设计流程中的各个阶段,项目初期,开发者可通过走查表预知并规避风险点;设计方案产出后,走查表可协助开发者快速遍历,查找遗漏或不周。作为轻量型设计检验工具,《智能小程序 UE 走查表》旨在协助小程序开发者提高设计效率,其涉及的全部设计关键点将在 50 个简短的问句中呈现,使用者只需在检查无问题的条目前标记完成,即可完成走查。

相关书籍

WeUI基础样式库
小程序可根据需要使用微信提供的标准控件,以达到统一稳定的目的
字节跳动小程序设计指南
字节跳动小程序作为字节用户「看见并连接」的承载,向开发者提供丰富的技术能力和流量场景,致力于向用户提供最有价值的信息和服务
Axure数据可视化原型设计
如果你正在使用 Axure 进行数据可视化原型设计,可以来试试 js 解决方案,可以让你像 PPT 内方便地编辑和设计图表~
Element网站快速成型工具
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
Vux移动端Axure组件库1.0
VUX(读音 [v’ju:z],同 views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。基于webpack + vue-loader + vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式
Ant Design企业级产品设计体系,创造高效愉悦的工作体验
设计价值观这是 Ant Design 评价设计好坏的内在标准。基于「每个人都追求快乐工作」这一假定,我们在「确定性」和「自然」的基础上,新增「意义感」和「生长性」两个价值观,指引每个设计者做更好地判断和决策。

暂无评论

暂无评论...