如何在没有太多设计背景的情况下打造产品
名称生成
徽标生成
图标
动画/插图
排版
结论
我一直在思考,开发过程中的限制因素之一就是能否拥有一些现成的设计资源。幸运的是,市面上已经有很多资源可以供你利用。我有一些设计师朋友可能会因为使用这些工具来处理自己的作品而感到尴尬,但有时你只需要现在就拿出一些东西。请注意,我没有获得任何这些服务的赞助。我确实购买过其中一些,并且体验良好。
名称生成
当我为一个项目构思犹豫不决时,我会用 namelix 来创建各种名称的组合。这很有用,因为命名恰好是软件开发中仅次于缓存的第二难的事情之一 :P
徽标生成
创建名称后,您可以跳转到https://brandmark.io/尝试一些设计创意。他们提供一些很棒的全套设计资源包,甚至还提供全套企业服务包,可以帮您设计品牌。能够立即获得美观且符合常见设计原则的设计,真是太棒了。如果您没有太多时间或美学背景,这比自己动手要好得多。
图标
视觉元素往往需要多层级的复杂操作。您可以将文本与图像配对,从而为用户提供更多方式来吸引他们对某个操作的注意力。图像需要能够代表操作本身,虽然并非总是如此,但应该足够贴近操作本身,以便传达一些信息。因此,我建议您查看https://fontawesome.com/ 。这个库非常庞大,涵盖了一系列现成的图标,几乎涵盖了您在日常 Web 应用中可能需要的所有功能。对于它未涵盖的内容,我建议您查看https://shape.so/。
动画/插图
如果您正在考虑构建任何类型的落地页,您可能已经注意到很多落地页都包含动效和插图。动效可以营造一种参与感,而插图则可以为原本平淡无奇的页面增添一些深度。您需要在通过文本/列表和插图展示产品解决方案与提供与页面情感联系的内容之间取得平衡。这听起来可能有点模糊,但您在应用程序中投入的艺术指导有助于表明您对目标受众群体充满信心。我们是人,因此拥有一定程度的艺术和情感是有益的。话虽如此,我建议您访问https://lottiefiles.com/,那里有各种各样的插图和动画可供参考。您也可以在https://codepen.io/上找到很多常见的内容,例如波浪和图案生成器。
排版
假设您希望用户阅读内容,并确保其清晰易读,那么您就需要确定所需的排版类型。字体并非排版设计的唯一考虑因素。诸如留白平衡、布局、行动号召、对比度和可访问性等选择都是排版设计需要考虑的因素。不过,您可以访问https://archetypeapp.com/#,开始学习排版设计。
结论
虽然在设计选择和素材方面,这些并非项目唯一需要考虑的因素,但拥有一些素材来生成内容是一个好的开始。市面上有很多优秀的模板可以学习,也可以从其他平台汲取灵感,例如https://dribbble.com/。当您计划使用素材时,请务必购买,以表达您的认可和支持。希望以上内容对您有所帮助!
文章来源:https://dev.to/nyxtom/how-to-build-a-product-without-much-design-background-i66