最终的自由网页设计工具

这篇文章首次出现在问题228.net杂志 - 世界上最畅销的网页设计师和开发者杂志。

网页设计和开发中的自由职业通常是一种平衡行为。你必须在工作,获得更多工作和确保你获得报酬之间谨慎划分时间。对于这些任务中的每一项,都存在大量工具 - 但很难知道您是否使用了最好的工具。

我们邀请了一些领先的设计师为我们提供他们的最爱,因此您可以确保您的生存工具包相当于超级动力激光喷气背包,而不是数字算盘。

就方法而言,两种截然不同的方法是明确的。有些人,比如自由网页设计师约翰亚历克斯雅各布,赞成削减工具包:“过去一年,我做生意的方式发生了很大变化,”他告诉.net。 “我一直在努力为我的客户和我保持尽可能简单的事情,提高效率,避免工作时不必要的干扰。”因此,他主张尽量减少计算机上安装的内容。

然而,其他人建议探索现有的各种单任务独立应用和在线服务,以便有可能提高生产力。无论您采用何种方式,我们都希望您在与我们交谈过的人提供的选择中找到灵感和令人兴奋的新工具。

规划

在启动计算机并开始热情地启动应用程序之前,请记住所有内容都不是围绕PC进行的。 “我使用笔和纸进行大量素描,并在白板上进行线框图,”自称“工具极客”的Luca Candela说道,工具的PM煎茶。网页设计者托尼波拉德同意:“给自己一块白板和一把标记。我想很多人都忘记了我们并不总是需要技术解决方案。我们真的需要使用软件进行计划,绘图和线框图吗?这有时可能适合项目,但如果你正确地计划,做笔记并明确定义项目的方向,那么可以使用“老式”技术有效地完成大量工作。“

如果您对纸张记事本没有开关的原因感到困惑,谷歌文档Balsamiq工作室可能更适合你。 “在项目策略和头脑风暴会议期间,我会经常启动一个共享的Google文档或电子表格来实时捕获信息并帮助集中对话,”Mark Forscher说道。在After之下。和样式Webbin创意总监Bryan Werbinski认为Balsamiq非常适合快速原型设计:“界面允许您拖放元素以创建模拟网页,我可以工作的速度令人难以置信。它是草图板和计算机之间缺失的环节。“

Balsamiq is a popular wireframing tool that some designers consider a halfway house between paper sketches and Photoshop mock-ups

Balsamiq是一种流行的线框工具,一些设计师认为纸质草图和Photoshop模型之间的中间位置

平面设计

在图形设计方面,Adobe的创意套房占主导地位。设计师和开发人员Thomas Davis(Designedbythomas.co.uk)是Illustrator的粉丝:“我的风格倾向于简约的设计,它使用简单的形状,线条和漂亮的排版作为焦点 - 所有这些在Illustrator中都非常容易。” Candela推荐使用Fireworks - “工作流程远远优于Photoshop,因为您需要进行UI设计所需的东西” - 他还建议LittleSnapper用于在Mac上抓取和管理屏幕和网页。

也许不可避免地,Photoshop仍然是自由职业者在网络项目上进行图形设计的主要工具。 “我一直有意提高我的Illustrator技能,但我没有时间,而且我不确定还有什么可以说的关于Photoshop ...真的,还有其他选择吗?”设计师问道。Seb Green

Adobe dominates layout and UI design, but indie software such as LittleSnapper has found favour for more niche tasks

Adobe主导布局和UI设计,但像LittleSnapper这样的独立软件已经获得了更多利基任务的青睐

波拉德指出,Photoshop也相当昂贵,而且开玩笑说:“但是当我告诉她GIMP是一个免费的图形软件包时,我的妻子不相信我。”和网页设计师安东尼基林虽然Photoshop仍然是他对设计元素的选择,但他现在越来越多地直接在浏览器中工作:“我倾向于在Photoshop中创造一种情绪或方向。虽然它不是一个完整的设计,但这已经足够了。规划,用户体验和线框图都是用笔和纸完成的,所以在我到达计算机之前,我做了很多设计。“

文案

出于某种原因,写作是许多自由职业者似乎忘记了专门的,节省时间的工具的任务之一,尽管我们也很惊讶地看到笨拙的庞然大物的Microsoft Office作为我们采访过的那些人的选择。据推测,成本是其中的主要因素,自由网页设计师很少需要微软产品赋予的权力,因此Google Docs是一个合适的选择,同时还有朝向Apple's Pages的方向。

设计师和开发者保罗雾强烈建议IA作家,一个美丽而简化的Mac和iOS文本编辑器:“我不是世界上最伟大的作家,但iA Writer让我可以通过删除多余的选项和工具来集中我所拥有的一点技巧,让我继续工作在眼前。战争与和平2.0,我来了!“对于Windows用户,OmmWriter大致相似。

对于涉及保存注释,从不同来源构建副本以及保留修订和更改列表的更高级项目,代书是个不错的选择。这个多功能编辑器曾经只有Mac版本,但现在可以使用Windows版本。无论你的文字编辑选择,自由开发者马丁伍德建议投资一个片段扩展工具,如适用于Mac的TextExpander要么适用于Windows的PhraseExpress:“有助于节省写经常使用的自由回复的时间,例如'率不可协商'!”

编码

在编码环境方面,我们的建议是下载大量应用程序的演示,尝试所有应用程序,然后决定哪一个最适合您的风格。有些是面向技术导向的,包含大量的命令行工具和键盘快捷键,而其他更适合那些热衷于涉及一些HTML和CSS而其他编码留给开发人员的设计人员。

Most of the freelancers we spoke to for this article use Macs, and Panic’s Coda appears to be the favourite Mac app for building websites

我们与本文交谈的大多数自由职业者都使用Mac,而Panic的Coda似乎是建立网站的最受欢迎的Mac应用程序

在Mac上,浓咖啡结尾在我们采访过的人中很受欢迎。 “我喜欢一个简单的文本编辑器,但不是完全裸露的东西,因此Espresso,”Green说道,他对语法高亮和CSS工具也充满热情。后者包含已停产的CSSEdit中的功能,使您可以浏览页面的CSS并使用本地文件覆盖实时站点。 Mist更像是Coda的粉丝:“它友好,易于使用且功能强大。我喜欢内置的片段工具;它大大加快了我的工作流程;具有插件的可扩展性,以及用于语法突出显示的“模式”意味着您的工具包可以随着您的功能而增长。“Mist还建议使用FTP客户端发送,由于其“惊人的同步功能和它可以将远程服务器安装为本地磁盘的方式”,以及片段,“保存,维护和重用有价值代码的好方法,您可以通过Dropbox同步”。

在Windows方面,Pollard合作记事本+ +:“我尽可能多地使用它进行编码,这对自由职业者来说非常好,因为它是免费的。”Tpoll首席技术官Matt Squirrell更喜欢付费解决方案:“我编写后端和前端Web工具和代码PhpDesigner 7是用于PHP和JavaScript的少数IDE之一,它支持我的所有方框 - 调试器,SVN支持,用户定义函数的代码提示,跳转到声明。虽然最近的phpDesigner 8更新存在问题,但也可以负担得起,所以现在就避免这样做!“在类似的空间里,戴维斯支持免费科莫多:“它与Drupal集成了相当不错的库,界面使得在不同项目之间切换变得容易。”

测试和调试

根据格林的说法,“你永远不应该在现场工作,因为如果出现问题,你就搞乱了现场网站”。这是非常符合逻辑的,但相对较少的面向设计的自由职业者似乎精通设置服务器。 “并且依赖互联网连接永远不会好,”格林补充道。 “这就是我在本地计算机上使用和推荐本地测试服务器设置的原因 - 一键式解决方案MAMP“MAMP专为运行Snow Leopard或Lion的Mac而设计,但与Windows等效,WampServer,也可用。

在网站测试方面,自由职业者没有经理骂他们在各种浏览器上进行测试,但这就是你需要做的。 “安装所有可用的浏览器,”自由职业数字顾问说迈克尔奥格尔斯比谁补充说Mac用户也应该投资适用于Mac的Parallels Desktop要么VMware Fusion用于在Windows浏览器中进行测试正如Squirrell指出的那样,现代浏览器提供的不仅仅是一个测试环境:“Firebug ...... Chrome控制台... IE开发工具......浏览器开发控制台在讨论开发工作的工具时经常被忽视,而且可能是最有用的。花几个小时学习如何使用Chrome控制台可以节省大量时间,网络标签对于使用Ajax非常宝贵。老实说,我不记得没有它我是如何编码的。“

For a prepaid fee, BrowserStack enables site testing in myriad environments

对于预付费用,BrowserStack可在无数环境中进行现场测试

但即使安装所有当前可用的桌面浏览器,也不够。 IE的旧版本与当前版本的行为非常不同,因此自由职业者推荐的数量也是如此IETester,和BrowserStack。关于后者,格林热情洋溢地说:“太棒了!您登录到某些操作系统/浏览器配置的虚拟机设置并测试其中的站点。它还可以使用隧道访问存储在本地计算机上的站点,这对于测试仍在开发中的项目非常有用。“

移动变得越来越重要。前端开发人员保罗史密斯建议您分别获取Xcode和Android SDK的副本,分别用于iPhone和Android模拟。如果您有许多设备,请查看Adobe Shadow,编辑Mac或PC上的内容,并在连接的设备上观看实时更新。

通讯

孤立是自由职业者关心的问题,如果你是一名员工,也可以很容易地将巨额电话账单与公司所覆盖的客户聊天。对于后一个问题,请开始使用Skype;对于前者,尝试寻找能够为您的一天增添价值的社交网络,而不仅仅是为了节省时间。 Twitter似乎是许多人的首选网络。 “这对于与朋友,设计师和客户进行互动非常有用,白天一点友好的玩笑让我保持理智,”基林肯定道。 “而且Skype会让我接受客户聊天,并偶尔与其他设计师和开发人员进行头脑风暴会议。”

史密斯还建议,那些将Twitter视为仅仅是聊天地点的人可能会错失机会:“自从成为自由职业者以来,我的大部分工作都来自Twitter,或者可以追溯到它。关注与你相同的学科的人,很快,当有人忙碌或者他们工作的机构需要额外的双手时,你肯定会看到呼救。那时,这只是一个足够好和可用的案例!“

For inspiration a number of freelancers said they found Dribbble an invaluable resource

为了获得灵感,一些自由职业者说他们发现Dribbble是一种宝贵的资源

然而,尽管Twitter很受欢迎,但这不应该阻止你为其他可能更适合特定任务的社交和通信服务投入网络。 Web界面设计师马修莫雷克Dribbble和Zerply都是粉丝:“没有比在Dribbble上获得灵感和看到一些最好的工作更好的地方了。这是一个很棒的社区,可以帮助你获得一些很酷的合同!如果有人想要我的简历或rsum,我会将他们引导到Zerply。您可以在几分钟内设置一个体面的档案,它可以让您对自己的技能和知识有所了解。“

会计和计时

我们最后一类工具是许多设计师和开发人员想要忽略的工具,但这仍然有助于成功:广泛地说,“商业事物”。对于开票和面向帐户的任务,一些人仍然使用原生应用程序;例如,雅各布喜欢Mac应用程序比林斯,“我在一个软件包中拥有我需要的一切:时间跟踪,简单的发票系统和详细的报告部分,您可以在其中查看从帐户摘要到逾期发票和税务详细信息的所有内容”。

此外,正如他所指出的那样,这是一次性付款而不是经常性费用。但是,大多数自由职业者倾向于使用在线服务,例如涉及项目经理ProjectBubble,简单的发票工具Blinksale,备受推崇的小型企业发票软件希捷FreeAgent,以及广受欢迎的时间跟踪器和发票工具收成

Forscher是Harvest的忠实粉丝:“界面很简单。因为我一次只处理多个项目,所以我喜欢我可以通过客户和服务轻松跟踪时间。“史密斯也认为这是一个不错的选择:”它干净整洁。在我使用它的四年里,它不断得到改进。它功能强大但易于使用,我用它来记录里程和费用,以及发送和保持发票上的标签。“

Time-tracking and invoicing can overwhelm freelancers; Harvest handles these tasks

时间跟踪和发票可以压倒自由职业者; Harvest处理这些任务

除了Harvest之外,Forscher还利用传统的会计师,但其他人正在向混合服务迈进,例如紧缩。 “我将这用于我的会计,发票,税收和公司组建,以及......嗯,你明白了:我使用一种服务,”Mist说。 “这是一项月度订阅服务,为您提供完整的在线工具套件,用于维护您的企业帐户,发票和费用。一切都由Crunch的会计团队协调,您可以完全访问。这真是值得每一分钱。“



翻译字数超限