如何创建要出售的UI套件。 开发商业设计系统的阶段



今天,任何设计师都有机会通过自己的设计产品获利。 图标,插图,网站和应用程序模板可以转变为数字产品,并在全球范围内销售。 您的手艺人将有助于加快工作进度,人们会为此付出代价。 另一个人可能会购买,看看它是如何完成的。 第三是使用设计解决方案来设计资源。 您的产品可能会射击并撞到顶部,或者可能对任何人都没有用。 但是,至少出于提升技能,与销售部门合作,拒绝办公室工作或为客户工作的机会,这样做是值得的。

我将讨论创建商业设计系统的分阶段计划。 了解如何制作和营销您的产品。 我会告诉您开始工作之前该做什么,如何准备和制定计划。 我将分别考虑为Figma开发设计系统的各个阶段。 在最后一部分中,我将提供有关如何促进和促进的提示。 文章仅是个人经验和自学成才的观察。

谁买的,为什么


设计师,开发人员,经理和企业主购买设计系统是为了不要从头开始画所有的小东西,而是立即开始从成品零件中收集布局。 屏幕设计方法已经改变,并且需要对每个组件进行微调。 必须通过花费时间来创建设计系统中的样式,定界符,命名,网格和常规顺序。 您不能只打开Sketch,XD或Figma并开始制作模板。 您总是从空白屏幕开始,并且工作需要基本元素:按钮,列表,卡片等。 从哪里得到所有这些? 您可以自己创建所有组件,调试和测试它们, 或者损失一个月的时间, 或者购买现成的东西

为什么要创建设计产品


必须这样做,以发展专业技能和改善财务状况的机会。 这是更有趣的工作,因为 您可以自己完成任务。 如果您喜欢做什么,那么您已经足够有动力了。 您有机会将您的组件出售给来自世界各地的其他设计师和组织。 您会收到满意的客户的好评 ,因此您必须制定最佳的UI。 创造设计产品既有趣又令人兴奋,但是需要花费时间进行投资。


高质量的演示文稿是提升您的工艺的好方法。

存在哪些设计产品


  • 图标集
  • 插图集
  • 原型套件
  • 网站模板
  • 应用模板
  • 简报
  • 字型
  • 设计系统等

灵活的设计产品对客户而言最有价值。 它当然包含许多选项,条件,所用元素的大小。 因此,您将必须努力并考虑所有内容,开发系统,然后仔细检查所有内容。 Figma现成资源市场上的竞争仍然不是很明显,但是它仍然存在,这意味着您必须利用所有积累的经验来制造最高品质的产品。

您可以在任何主题上加深将来的设计系统,尤其是如果您已经使用过它:电子商务,加密货币,社交,项目管理等。。。不行 但是,专业化程度较低的产品很难售出,因为少数人需要它。 但是,当找到这样的买家时,他可以花200美元或更多来购买单个许可证。 我建议针对选定主题开发一个系统, 但请确保显示将其重做为另一个主题多么容易。



您只有时间冒险


这是您唯一的投资-时间。 但无论如何,它将以经验返回您。 解决您感兴趣的设计问题,您将把产品组合的质量提高到一个新的水平。 自己检查 。 我试图客观地看待自己。 因此,以良好的结果,您将获得首笔销售,并且感觉非常酷。 有人发现您的手工艺品有用,并付了钱。 您对睡眠的渴望将消失,为您的项目开发做进一步的计划将会动摇您的头。

但是在进行第一次销售之前,没有人会像为客户工作时那样花时间花费您。 总是存在所做的事情对任何人都无用的风险。 我也没有第一次成功 ,根本没有销售。 因此,您需要接受一个事实,即您可能不会赚到任何钱,但无论如何都不会赚钱。

您正在改善您的投资组合


如果销售还没有结束,那就不是终点;无论如何,您都为将这项工作纳入您的投资组合而感到自豪。 您已经为自己辛苦了,不要急于将设计产品放入包装盒。 例如,您可以重用它并开发一个虚构的案例。 如果您犯了一个错误并像许多初学者一样绘制了另一个Food Delivery UI工具包,则可以提出并描述该过程,就好像该工作是为客户完成的以及您如何处理的。 根据这个故事,您可以在Medium上进行撰写,并在Dribbble和Instagram上散布精美的图形。 也许会得到有价值的反馈和新的订阅者。 您始终需要重用自己的图形,以改善您的作品集并创建受众。

我在上面提到我第一次没有成功,但是六个月后我掉头了,开始在第二次尝试之前进行更多检查。 研究是开始之前的重要阶段,我想更详细地介绍它。 通过对模式和流行产品进行更深入的分析,我在销售Figma商业库中获得了成功的经验,因此,我将讨论如何创建由组件或“设计系统”组成的设计模板。


将iOS选择器复制到Figmo中

开始之前,您需要一个计划


自组织,纪律和个人项目经理的角色是完成工作的重要组成部分。 如果您试图在晚上完成设计系统,然后在办公室进行主要工作,那么您就需要高效并有很多工作要做。 我们还有家庭,孩子和家务。 这种紧急情况很容易造成不平衡,您需要制定一个舒适的行动计划。 将分为三个主要阶段-产品的研究,创建和推广。 每个项目都必须进行扩展,并且将编译每个阶段的单独步骤列表。 今天我们将制定一项研究计划。

研究成果


选择工具


未来设计系统的工具选择就是您将要工作的市场的选择。 我更喜欢Figma,例如,您可能会发现使用XD更方便。 开发工具并拥有自己的受众很重要。 如果某人已经在这个市场上卖了,那就很好了,只要一眼就能看到您的产品,就可以重用他们的想法。 如果您是第一个,则有理由提防。

例如,在雷达遗失的Invision Studio周围,设计市场并不引人注目,而在稀有的Axure周围,它一点一点地存在。 是的,它比Sketch市场小得多。 而且它是如此之大,以至于到处都是模板和ui鲸鱼 ,因此每本的平均价格更低。 在选择方向之前,必须权衡所有这些因素。 但是,首先,请使用流行的设计工具(如果您以前从未这样做过),然后开始研究一下已经存在哪些与您相似的产品。

选择一个主题


必须定义设计产品主题,以使其获得规格。 例如, 使用该系统,您可以按照材质设计的样式进行原型制作,而这个新鲜的Figma库包含更多的圆形形状,并且采用其他样式制作。 这是两个设计系统,但是每个都有自己的目的。 此外,市场正在等待更多新话题,因此随时提出。

准备好将所有经验应用到您最精通的主题上。 因此,找到您的经验将有助于解决他们的设计问题的人将更加容易。 仍然会很清楚地告知未来的购买者您的产品是什么领域以及可以借助它来构建什么产品。 它可以是图形,管理仪表板,财务模板等。 从一开始,您就需要确定方向并在开发过程中坚持这一过程。



用户界面准则


用户购买产品设计,也是因为他们喜欢外观。 但是,如果他们错过了款式,就不会购买。 因此,监视服务,社交网络,Web应用程序的设计如何变化非常重要-这将有助于制作实际的UI。 例如,在重新设计Twitter之后,圆形按钮又重新流行起来。 Pinterest长期以来一直采用这种风格。 因此,以他们为榜样是有道理的,然后有人可能会想,“哦! 这种设计采用了新的Twitter风格。 我正在接受!” 黑暗主题也变得很流行,您不能忽略它。 趋势在迅速变化,设计产品已经过时,因此必须以当今流行的形式完成UI。 如果您不了解样式-探索。

什么组件做


对于完整的设计系统,您将需要绘制许多带有简单组件的部分 -按钮,选项卡,对话框,日历,筹码等。 您必须提供您可以想到的整套设备。

想透露一个秘密吗? 世界上没有新的组件,只有外观在变化。 任何仪表板基本上都是相同的按钮,列表和表格。 因此,您可以在这些MobbinWebframeNicelydone资源上寻求想法, 并使自己成为开始所需组件的泥潭 。 经过多次深入研究,您将获得一个广泛的列表,其中将包含您需要组织和重新绘制样式的所有所有组件。

制作多少个模板以及哪个


模板越通用,潜在买家的兴趣就越大。 考虑一下如何制作一个灵活的设计系统,在该系统中预先有许多现成的解决方案。 考虑所有选项和条件,因为开发人员可以提出问题:onHover时按钮是否会更改,活动输入的外观等。 因此,您需要考虑将来系统中组件的状态。 对于较早的版本,请选择生活中最常使用的模式: 表格导航配置文件设置等。 几乎所有应用程序都可以由这些基本部件组装而成。 因此,当您提供许多流行的模板供您选择时-这会使设计产品更加实用。



使用可用资源


全局设计空间中充斥着许多可重复利用的模板。 开始习惯于有效的工作-为什么要画出已经完成一百次并且在得到作者同意的情况下免费提供的东西。 至少,您应该找到一组好的图标 ,如果没有这些图标 ,则设计系统将是劣等的。 或寻找那些被允许创造商业产品的产品。 确保许可证允许转售。 尊重作者,因为 从今以后,你就是作者本人! 为了获得良好的演示效果,需要设备模型,并且它们在Figma资源上 。 寻找有趣的免费物品,并思考如何在产品中使用它们。

让自己成为情绪板


探索流行的西方设计资源,并将有趣的屏幕放入一个单独的项目中。 随着时间的流逝,这将成为一个情绪板,您可以在其中监视一个或另一个元素,或者验证您是否坚持所选的样式。 例如,您决定制作一个用于移动应用程序的系统,并且您需要有关此主题的很多想法。 从Pinterest开始,可以对图片进行智能搜索,并且可以原生收集泥板。 然后制定计划以创建特定样式的UI套件。 如果要创建利基设计系统,请深入研究金融产品的设计。 探索行业中的顶级应用程序。 从收集的屏幕快照中创建一个情绪板,然后开始使用。


物料设计泥板示例

现在您可以开始了


有了详细的计划,您可以安全地开始工作,但是如果您需要退出计划,则不要筋疲力尽。 这是您的指南,而不是一套法律。
重要的是,在首次销售发生之前,不要成为完美主义者,并要有效地花费时间。 此过程中的例行不可避免,因此请更改计划项目中的顺序。 在下一部分中,我们将为无花果设计系统的开发制定一个计划,我们将由文字变为行动。

我们发现,每个设计师都应尝试创建自己的设计产品。
您要么抽奖,要么赚钱并抽奖。 但是您将需要花费自己的时间。 您准备好在办公室外度过一个属于您自己的项目的夜晚吗? 还是花上几天的时间,意识到根本不会付给您这项工作(如果有的话)?

如果您准备好了,请脑海中滚动浏览您的设计经验,并思考您如何取得成功。 考虑一下我想做的主题,您喜欢什么产品以及什么样的设计系统。 当我们直接进行设计系统的开发的第二部分时,所有这些对我们很快就会有用。

订阅我的Telegram频道“对设计师有用”,将发布以下部分的公告以及许多其他有用的设计资源。 如果您是UI / UX专业人员并且使用Fig。 ,请用PM编写 。 如果您想尝试创建商业设计系统,我将回答所有剩余的问题。

我需要新产品,您将从每次销售中获得70%。 我正在建立强大的UI制作人员团队,在setproduct.com上提供促销和放置您的设计产品:图标,插图或Figma系统。 一起卖吧!

Source: https://habr.com/ru/post/zh-CN468043/


All Articles