热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

原型资源大汇总,产品经理和交互设计师都可以省心啦!

过年回家,亲戚朋友问我是干啥的?“产品经理。”“哦哟~都当经理啦!?很优秀哈!”我…产品经理…由于wh

过年回家,亲戚朋友问我是干啥的? “产品经理。” “哦哟~都当经理啦!?很优秀哈!” 我…产品经理…
由于wh,在家里宅着,一动不动。这个时间可以用来好好做原型了,正好“素材广场”出来了,这下可以更easy上手做原型啦!而且素材广场里面的原型产品素材真的多!
不信?听我仔细跟你分析。

能一键获取海量素材

对于产品原型工具来说,最重要的是什么呢?

我想百分之八十的人都会说这三个:好操作,易协作,原型模板多。

过去,原型工具专注于简化操作,让「产品设计,不止于快」这个概念贯穿于整个产品使用之中,并在此基础上增加了团队协作的便捷性。

但在某种程度上来说,忽视了原型资源的丰富性,而素材广场的出现,将填补这个空缺。

在这里插入图片描述

目前,素材广场已上线了 200+ 素材(将持续更新),涵盖原型、页面、组件 3 种类型,涉及教育、电商、文娱等 12 大行业。

进入广场有三种方法:

1.在官网,点击 banner 的素材广场进入;
在这里插入图片描述

2.在项目管理页的顶栏中,点击素材广场进入;

在这里插入图片描述

3.在工作区中,点开查看更多素材,也可进入素材广场。

在这里插入图片描述

再简单说说布局~

原型

在原型类目下,就算是单个行业,我们都希望可以从不同角度去呈现,以满足刀友们不同的需求。

比如,现已上传的 7 款电商类产品的原型,包含了 APP 和网页两种形态,有完整交互流程及组件,囊括了跨境电商、综合电商、二手交易、管理后台、家具电商等方向。
在这里插入图片描述

相信,这些分类和排版布局更利于刀友们寻找到自己需要的原型,节省工作时间,提高工作效率。
在这里插入图片描述

页面

在制作页面时,我们考虑到了两个方向:通用和专用。

通用,顾名思义是指在制作原型中,通常都会用到的页面。比如,注册登录页面、个人中心页面等。

在这里插入图片描述

专用,则是特定行业中会用到的页面。比如,社交的聊天页面、搜索的筛选页面等。
在这里插入图片描述

组件

组件的构成在通用和专用的基础上,为企业用户增加了不同类别下统一风格的组件,如来自蚂蚁金服、有赞、微信的开源组件库。

在这里插入图片描述

这样在企业协作中,可以保持原型的风格统一,有木有很贴心!
在这里插入图片描述

可快速使用,提升效率

我们总想要更高效、便捷、快速地完成原型的制作,简化工作步骤,节省时间。

素材广场的上线,将是实现我们愿望的一小步。

如果是原型,可以直接点击「使用原型」,就能直接跳转到工作区进行编辑。

在这里插入图片描述

页面和组件,会稍微麻烦一点,但两步就可搞定。

在这里插入图片描述

首先,保存到工作区。只需在素材广场中,寻找到所需的目标页面,点击保存,即可。

在这里插入图片描述

其次,点击素材找到刚保存的素材,置入当前页,就能直接编辑。或是,在右边组件中,直接拖拽到工作区,进行编辑。
在这里插入图片描述

细分项目管理页,操作更流畅

为了能够匹配上全新的素材广场,我们还升级了项目管理页,让操作变得更顺畅了。

具体改动如下:

新增快捷菜单栏

实现分区管理,让项目管理更简便。

以前:
在这里插入图片描述

现在:
在这里插入图片描述

新增工作台

加强个人的工作区域属性,拒绝在繁复的文件中找自己。

在这里插入图片描述

单独创建项目

在个人空间里,无需建立文件夹就能新建项目,进一步简化操作流程。

在这里插入图片描述

关于素材广场,你还有什么不明白的或是想说的,请在评论区吐槽吧~

在此,我们也要感谢那些为我们提供模板的「模板大使」们,谢谢你们~

最后,一个小彩蛋送给大家~
在这里插入图片描述


推荐阅读
  • 本文介绍了如何使用PHP代码实现微信平台的媒体素材上传功能,详细解释了API接口的使用方法和注意事项,确保文件路径正确以避免常见的错误。 ... [详细]
  • 掌握远程执行Linux脚本和命令的技巧
    本文将详细介绍如何利用Python的Paramiko库实现远程执行Linux脚本和命令,帮助读者快速掌握这一实用技能。通过具体的示例和详尽的解释,让初学者也能轻松上手。 ... [详细]
  • [论文笔记] Crowdsourcing Translation: Professional Quality from Non-Professionals (ACL, 2011)
    Time:4hoursTimespan:Apr15–May3,2012OmarZaidan,ChrisCallison-Burch:CrowdsourcingTra ... [详细]
  • 优化联通光猫DNS服务器设置
    本文详细介绍了如何为联通光猫配置DNS服务器地址,以提高网络解析效率和访问体验。通过智能线路解析功能,域名解析可以根据访问者的IP来源和类型进行差异化处理,从而实现更优的网络性能。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文介绍了如何使用 Spring Boot DevTools 实现应用程序在开发过程中自动重启。这一特性显著提高了开发效率,特别是在集成开发环境(IDE)中工作时,能够提供快速的反馈循环。默认情况下,DevTools 会监控类路径上的文件变化,并根据需要触发应用重启。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 1.如何在运行状态查看源代码?查看函数的源代码,我们通常会使用IDE来完成。比如在PyCharm中,你可以Ctrl+鼠标点击进入函数的源代码。那如果没有IDE呢?当我们想使用一个函 ... [详细]
  • 数据管理权威指南:《DAMA-DMBOK2 数据管理知识体系》
    本书提供了全面的数据管理职能、术语和最佳实践方法的标准行业解释,构建了数据管理的总体框架,为数据管理的发展奠定了坚实的理论基础。适合各类数据管理专业人士和相关领域的从业人员。 ... [详细]
  • 新冠肺炎疫情期间,各大银行积极利用手机银行平台,满足客户在金融与生活多方面的需求。线上服务不仅激活了防疫相关的民生场景,还推动了银行通过互联网思维进行获客、引流与经营。本文探讨了银行在找房、买菜、打卡、教育等领域的创新举措。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • 如何在PHPCMS V9中实现多站点功能并配置独立域名与动态URL
    本文介绍如何在PHPCMS V9中创建和管理多个站点,包括配置独立域名、设置动态URL,并确保各子站能够正常运行。我们将详细讲解从新建站点到最终配置路由的每一步骤。 ... [详细]
  • 本文详细解析了Python中的os和sys模块,介绍了它们的功能、常用方法及其在实际编程中的应用。 ... [详细]
  • 离线环境下的Python及其第三方库安装指南
    在项目开发中,有时会遇到电脑只能连接内网或完全无法联网的情况。本文将详细介绍如何在这种环境下安装Python及其所需的第三方库,确保开发工作的顺利进行。 ... [详细]
author-avatar
天使装着幸福
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有