可以减轻您在设计中的“科学”负担的应用程序
已发表: 2015-10-23网页设计师最不喜欢的是什么? 应该是编码吧。 也许紧随其后的是所有设备的原型设计。 任何能让这些事情变得更容易的东西都可以让设计师把更多的时间花在作品的创意方面。
考虑到这一点,每个设计师都应该探索许多很棒的新应用程序,作为他/她的工具包的潜在补充!
前卫
多么棒的网站,您可以创建自己的风格指南并将它们存储在云中以供将来参考和共享。 有用于徽标和图像、调色板、排版、图标以及您自己的文本和媒体的样式指南模板。 这里的另一个大优点是您不必手动创建自己的 PDF 样式指南——您将它们存储在 Frontify 上,它们可以转换为 PDF 文件以供下载、打印和共享。 版本控制将所有旧版本保留在后台,以便随时启动。 您可以从他们的模板开始,或者研究品牌书籍示例来定制您自己的模板。 所有功能都可以通过 API 访问。 这是一个使用 Frontify 自己的徽标的示例:
这是基本标志。 Frontify 认为“水滴”是这里的关键,但它们可以做很多其他事情,仍然保持标志的一致性。 以下是颜色变化:
以下是基本徽标变体的示例:
这只是可用于创建独特样式指南的设计和颜色模板的一个示例,所有组件都是可互换的。
视觉作曲家
这个应用程序已经存在了一段时间,您可能已经知道它,但是您很难找到另一个带有设计选项包的应用程序。 它基本上带走了计划和编码的艰巨任务。 您可以在几分钟内完成设计布局,只需单击一下即可添加元素。 25 美元的价格标签非常值得。 一切的按钮; 许多动画选项,即时共享选项等等。 这个宝贝有超过40个内容元素! 它真的是一个万能的工具! 如果您不确定它的所有功能以及如何使用此应用程序,请查看此处的视频教程。
有一些很棒的功能可以让您非常快速地设计您的页面,并且您可以修改几乎任何元素。 例如,您可以修改几个预定义的网格元素或设计自己的网格的选项。
如果 Visual Composer 有一个缺点,那就是它会在您停用时留下很多小代码,在开始新主题之前必须将其删除。 这是通过 Visual Composer 创建的设计示例。
设计狩猎
当您的灵感刚刚停滞时,您可能会通过搜索可以为您提供好主意的新网站来寻求它。 这可能是一项耗时的任务,那么为什么不使用更方便的方法呢? Design Hunt 是一种“票据交换所”,但它每天都会改变其全部曲目。 它在 Pinterest、Dribble、Designer News、DesignInspiraton 等网站上绘制了很棒的新设计,并将它们发布给正在寻找新灵感和想法的设计师。 现在,您可以每天去一个地方找到一个全新的收藏。
TOOKAPIC
作为库存照片业务的一个相对较新的公司,Tookapic 现在拥有超过 11,000 张库存照片,其中大部分是免费的,其余的则以低价出售。 您可能真的比您现在使用的库存照片源更喜欢它——非凡的色彩和清晰度以及真正独特的照片。 访问他们的网站并查看他们拥有的内容。 你可能会感到惊讶!
MARVELAPP
这个免费的原型制作工具允许您从您的手机或任何其他设备绘制和创建模型,并立即看到原型。 从那里,您可以重新排列、修改、添加颜色、文本、更改表格以及执行几乎任何操作,并立即与任何设备兼容。 为项目命名后,立即进入主界面并开始。 完成后,您可以预览整个设计并与之交互以确保一切正常。
要了解有关此非凡工具的更多信息,请访问该网站并观看演示 - 您会对它的易用性感到兴奋。 最好的功能之一是能够从任何地方(甚至 Dropbox 和草图)和任何图像类型放入图像。 如果这是一个协作项目,您还可以添加一个团队。 Marvel最大的缺点是免费版本有限制,所以你肯定需要升级。 尽管如此,它还是超级容易使用——每一点都和 Justinmind 一样好。
动画 CSS
如果你制作了很多动画,你肯定会想要这个工具。 非常酷的功能,无需编写任何代码。 有一个现成的动画效果库 - 实际上超过 50 个 - 您可以轻松自定义循环次数和持续时间。 只要您不过分,动画就会增加极大的参与度和娱乐性!
但是,如果您正在寻找一组真正完整的功能和选项,那么仅靠 CSS 并不能满足要求。 虽然关于 CSS 和 JavaScript 的争论肯定还在继续,但肯定有一些方法可以将它们一起使用。 例如,您设计了一个很棒的 CSS 动画,但您希望它在用户向下滚动到某个点时从左侧滑入。 您必须添加 JS 才能完成。 理解 CSS 有其局限性并且可以通过 JS 来增强只是明智地使用可用的工具。

尽管如此,Animate CSS 确实很容易运行。 您下载它,附加 CSS 以及 jQuery 和您想要的任何其他组件并开始制作动画。 YouTube 上有很棒的教程可以帮助您入门。
冷却剂
如果您碰巧是色盲或只是对配色方案有挑战,此工具将为您开发一个完整的配色方案,或者如果您知道要从哪里开始创建一个。 当您发现您喜欢的颜色时,将其锁定,然后继续单击 - 您将获得一个完整的方案,其中包含您想要的多种颜色。 如果您想使用颜色渐变,这将特别有用。 这个工具没有什么真正的争议——使用它的设计师喜欢它; 那些还没有尝试过的人。 唯一的缺点? 它不再免费,您必须拥有 iTunes 帐户才能下载。
颜色挑战的自动配色方案生成器
CIRCULUS.SVG
这不是一个包含大量选项、模板等的综合工具,但这是一种设计菜单的独特方法,或者在任意数量的页面上设计多个菜单! 您所要做的就是在菜单中输入您想要的具体内容。 然后,您将获得有关如何构建它并将其嵌入特定页面的详细说明。
更好地吸引游客的小事
在创建这种元素方面,圆形 SVG 可能优于 CSS。 下载后,您有 3 个选项: 您可以在图形编辑器中绘制扇区,例如 Sketch,然后将它们导出为 SVG,添加交互并嵌入它们; 你可以用代码画出你的扇区; 或者您可以直接在应用程序中使用 Circulus 生成器。
CSS 允许您创建循环导航,但存在一些浏览器错误,而且工作量很大。 你必须从一个矩形开始,把它分开,然后倾斜和旋转这些部分。 而且,如果您在扇区中使用的不仅仅是图标,它就会变得更加棘手。
使用 SVG,你可以绘制任何你想要的形状,使用特定的线条和弧线命令到你想要的“饼楔”——这里有一个例子:
一旦您绘制了每个楔形并嵌入了您的图标和/或内容,您只需加入它们即可。
元翻牌
厌倦了相同的旧字体和字母样式? 创建您自己的 - 无需编码 - 只需单击并拖动。 更改为独特的字体和文本样式可能会鼓励访问者实际阅读内容! 这个应用程序太酷了,你将很难玩几个小时。 你再也不会说排版是网页设计中最不性感的部分了。
就是这么简单。 您可以从一系列具有不同特征(高度、光圈和对比度)的幻灯片中自定义字体。 你调整直到你有你喜欢的,然后下载它作为一个网络字体包(免费)。 还有一个预建字体库可供选择。 继续玩——你会明白为什么字体设计师可能是“垂死的品种”。
用独特的字体和样式吸引注意力
字体
这真的是一个“新来的孩子”。 Fontflame 试图为设计师减轻一项负担——寻找真正有效的字体配对。 目前,它在其网站上有 10 个已发布的配对,但每天都在增加。 使用 Google 的免费字体库的配对示例包括“Lobster-Asap”和“Roboto-Open Sans”。 其他库将很快添加。 密切关注这个网站——它很快就会在配对中提供很多东西。
自由职业者播客
不是应用程序或工具 - 这是您不想错过的设计师和开发人员每周播客。 由 Paul Jarvis 主持,您将获得新趋势、应用程序和工具,以及许多非常实用的建议。
视觉内
这是一个很棒的原型制作工具,它具有其他一些功能中没有的功能。 像所有其他人一样,您可以为任何或所有设备创建模型——您可以选择您想要的。 创建原型后,您可以在所有设备上进行预览,然后将其发送给客户或团队成员进行审核。 他们可以对设计本身发表评论,这是一个巨大的优势。 In-Vision 的另外两个不错的功能是历史模式,它可以让您查看设计的所有早期版本,以及 3 个演示项目供设计师完成,直到他们对所有功能感到满意为止。
在将 In-vision 与 Marvel 应用程序进行比较时,重要的区别可能如下:
- InVision 比 Marvel 具有更多功能,但这也使其更加复杂。 例如,它具有更多的实时协作功能、用于注释屏幕截图的工具以及出色的历史元素。
- Marvel 有一个 iOS 应用程序,目前正在开发适用于 Android 和 iPad 的应用程序——InVision 没有这些应用程序。
- InVision 可能更适合大型团队,Marvel 更适合单人或小型团队。
这两个应用程序的用户的评论将更清楚地说明哪个应用程序最适合哪些用途。
您可能有一些其他设计师喜欢听的最喜欢的应用程序。 告诉我们它们是什么,以及它们如何让您有更多时间成为一名艺术家。