跳到主要内容

适用于2018年的7款改变游戏规则的网页设计工具

Toggl screenshot says Track Budget Negotiations

有很多新的网页设计工具每天进入市场,很难知道什么值得你花时间。因此,工作室和自由职业者只能继续使用相同的工具和流程,而不是探索新的东西。

但是,选择合适的工具,它可以彻底改变您的工作流程。在这篇文章中,七位顶级网络专业人士分享了改变他们2017年工作生活的工具。为什么不在今年给他们一个忙?

01. 反应原生

React Native logo

它不仅仅是一个Web视图包装器

React Native是一个使用React构建本机应用程序的框架。它正处于积极发展阶段,Facebook每个月推出一个新版本。它使用现代工具(如最新版本的JavaScript的),以及热重装等功能,使其成为Shane Osbourne的杰出工具,Shane Osbourne是首席开发人员JH

“90%的代码在iOS和Android平台上共享 - 只有极少数情况需要特定于平台的组件,”他解释说。 “它不仅仅是一个Web视图包装器:React Native提供了比其他工具更高的性能和更强的与主机平台的集成。”

02. Toggl

Toggl screenshot says Track Budget Negotiations

时间跟踪应用程序可以拥有各种隐藏的好处

虽然时间跟踪应用程序(如Toggl)可以方便地监控工作时间以便计算出客户费用,但是当您使用它们来监控自己的工作模式时,它们确实会自成一体。

“我过去曾经不一致地使用时间跟踪工具,[但]从来都不是监视自己时间的工具,现在看起来像是一个菜鸟错误,”BudAffect联合创始人杰米墨菲。 “在2017年正确使用Toggl对我来说是最大的好处。感谢跟踪我所做的一切,我更加了解帐户,发票等管理任务需要多长时间才能更好地计划他们。”

这种方法还有助于您了解所取得的利润与时间的平衡,从而确定最耗时,最无利可图的收入形式,并重新评估其在您的业务中的作用。

03. 托比

Screenshot of browser with clear tabs

整洁的浏览器;整洁的头脑

您是否正在浏览浏览器顶部的数百个令人分心的标签?那么这对你来说是一个很有用的工具。 “作为标签的习惯性过度用户,今年我发现了Chrome扩展程序Toby,这是一种创建链接集合的方式,可以替代单个书签,”数字转型顾问说。莎莉莱特。 “我并没有完全治愈'tab-itis',但它肯定有帮助。”

04. Wacom Cintiq 22HD交互式监视器

Wacom Cintiq 22HD interactive monitor

Flow创意总监Karl Doran表示,Wacom Cintiq 22HD的快捷键可以节省大量时间

我们不要忘记硬件。去年看到一些伟大的新创意设备进入市场(看看我们的综合报道为设计师提供顶级新技术亲眼看看。正确的套件可以改变您的工作流程团队在Wacom Cintiq 22HD交互式监视器上找到了它。

“交互式屏幕可让您直接在屏幕上绘制,使其感觉比普通图形平板电脑更直观,可编程快捷键非常棒,变焦板易于使用,”创意总监Karl Doran说。

该团队现在在其所有产品中使用它,用于从手绘动画到旋转扫描,屏蔽和运动跟踪等任务后遗症,甚至只是在中创建艺术品Photoshop中要么插画

看到最好的绘图板:我们挑选最好的图形平板电脑并检查最好的Wacom平板电脑优惠以最优惠的价格为自己买一台新的Wacom平板电脑。

05. 超光速粒子

Tachyons是一个开源的功能性CSS工具包,它对网页设计过程产生了巨大的影响前期设计今年。 “它的构建规模使我们能够以一种感觉快速而流畅的方式在浏览器中进行设计,”联合创始人Dan Perrera说道。

“这使我们可以将我们的流程完全转移到代码中,因此,我们可以花费时间来完善我们的工作,而不是创建组合。我们能够将Tachyons从项目转移到项目以及我们投入的时间它真的得到了回报。“

06. 草图 

Sketch logo

每个人都在谈论Sketch是有原因的

Sketch在过去几年中逐渐巩固了其作为顶级设计工具的地位,并且仍在稳步挖走经验丰富的Adobe用户,包括网页设计师和开发人员Andrew Couldwell

“我已经使用了Adobe Photoshop超过10年 - 我甚至使用Photoshop设计了一个Adobe产品!但是在过去的一年里,我已经过渡到Sketch,我很惊讶它是多么具有变革性。符号的力量和嵌套符号是系统和产品设计的游戏规则改变者。

如何开始使用Sketch进行应用程序设计, 以及Sketch Vs Photoshop:你应该使用哪种设计工具?10您需要了解的Sketch插件从今年的工具中获得更多。

07.纸

Person drawing with paper and sharpies

有时最好的工具是最简单的工具

虽然有很多时髦的新工具在争夺我们的注意力,但仍有传统方法的空间。 BuzzFeed产品设计师林赛马拉塔小心不要受到每一件最新事物的诱惑:“我尽量不要局限于设计过程中其他部分的数字工具。”

Maratta说她2017年最成功的原型和UX规格是用纸和点贴纸制作的,通过叙述视频解释。 “在我们最近举办的几次协作冲刺式构思会议中,它与其作用之间的关系,好的旧纸张仍然是我团队今年最有用的工具之一,”她补充道。

“我今年的工作主要是让一家大公司的设计师团队能够在设计系统的帮助下始终如一地高效地工作,”她继续道。 “草图一直是这方面的有力帮助。我必须承认,我确实错过了Photoshop中的画笔和图像编辑,对于更有创意的网页设计项目。”

本文发表于302期,专业网页设计师和开发人员杂志 - 提供最新的网络趋势,技术和技术。今天拿一份要么在这里订阅网络

阅读更多:



翻译字数超限