面面俱到!网页开发者必备的20款在线实用工具

2014/09/15 7538

useful-online-tools-webdesign-1

互联网已经成为我们生活中无法割裂的一部分,生活中越来越多的服务都与网络紧密的结合到一起,深刻地影响着我们的生活和工作,很难想象没了它我们的日常生活会多麻烦。我们在公交上刷微博看新闻,在闲暇的时候在网络上寻找自己感兴趣的东西,在公司工作借助网络来宣传自己的企业,寻找合作伙伴和客户,等等等等。

与此同时,网络技术的发展也使得越来越多的事情可以在网络上完成——比如,设计和开发。这次我们推荐的20个网页开发工具都无需安装,借助浏览器,网页开发者可以在这里便捷地完成许多网页工作,称之为必备并不为过。

1.Animatron

Animatron

对于网站而言,能否做好用户体验,让访客难以忘怀是一件非常重要的事情。只有体验优异,才能让用户欲罢不能,坚持回访,这也就是为什么你需要Animatron。看名字就知道Animatron是一个与动画相关的在线工具,它能帮助你轻松制作HTML5和SVG动画,无需填写代码,提高网站的体验和设计感。

目前Animatron提供不同层级的服务,从免费到20美元包月不等。它可以将你从制作网站动画效果的沉重压力众释放出来,就目前用户反馈来看,从新手到专业人员都给出不错的评价。Animatron会帮你将工作内容存储到云端,方便团队协作调用,一旦完成也可以导出成HTML5、SVG、GIF和视频等多种格式。

2.WPJobBoard

WPJobBoard

WPJobBoard 是一款完美兼容Wordpress的插件,它可以帮你轻松建立一个在线的工作分配平台。网站提供两种不同的搭建模式,一种是单独构建一个带有工作列表的独立网站,如果你有Wordpress站点的话,它可以帮助你将工作分配平台嵌入到Wordpress中去。装上WPJobBoard之后,它可以让用户自动发送邮件到平台上来,还可以RSS订阅相关的信息,并具有提醒同能。平台内支持PayPal支付,这样工作分配出去之后支付的问题也不在话下。在使用过程中有任何问题,提交到WPJobBoard团队,会在24小时内收到反馈。

3.Original Mockups

Original Mockups

在Original Mockups 你可以制作各种各样的原型,无论是想将你的设计转化为一个现实可见的移动APP原型,还是要设计一个功能完备的网站,Original Mockups都可以帮到你。你可以在Original Mockups将你的想法化作可视化的原型,同团队或客户一起讨论研究,降低沟通成本。

通过倚赖PS的编辑器,你可以在Original Mockups里拖拽、调整、调用各种图形和元素,制作出逼真的视觉稿。另外,在Original Mockups里不会存在复杂的文件管理的问题,它会帮你将一切文件整理得井井有条。

4.Hiveage

Hiveage

如果你是一个自由职业者或者一个小型的团队,拥有自成一体的业务结构,那么你可以借助Hiveage来管理你的票据和账单,将你从这些鸡零狗碎的事务中解脱出来。别担心,Hiveage会帮你梳理清楚所有的单据,你可以使用自己的标签,设定不同的颜色来分类单据,Hiveage会将所有的信息保存在Rackspace的服务器上,确保安全。

5.Cashboard

Cashboard

如果你觉得Hiveage无法hold住你那令人头疼的财务报表,那么你可以选择CashBoard了。CashBoard同样是一款云端的工具,它可以更为系统的管理你的团队或者公司的财务,可以帮你管理项目,跟踪现金流向,分配任务,管理票据,甚至可以管理客户。简而言之,通过CashBoard你可以管理好你的公司里设计财务的各个部分,各个细节,内置的支付系统也支持世界范围内的主流支付工具。目前CashBoard是免费14天试用,此后可以灵活的选择是包月或者包年的服务。

6.Themify.me

Themify.me

网页的排版布局是关乎网站的美感和体验的重要部分,如果你是一个对于设计和细节精益求精的设计师,那么你应该试试Themify.me。它不仅仅是一个单纯帮你定制主题的编辑器,它还可帮你完成响应式设计,并且全程不用调用一行代码!在编辑的过程中,你还可以实时预览你所设计的页面布局,掌控一切。完成设计之后,Themify.me会确保你的页面设计能与所有设备和系统兼容。

7. ShrinkTheWeb

ShrinkTheWeb

如果你需要为批量的照片裁剪边缘、调整大小,那么不用开PS了,直接用ShrinkTheWeb来解决这些问题,将你的时间和设备都投入到更加重要的工作中去。ShrinkTheWeb会帮你批量地处理照片,存储、上传然后在几秒钟内显示处理后的预览图,可靠,快速。另外,最重要的是,它是免费的。

8.MotoPress

MotoPress

MotoPress是一个可以帮你轻松管理和编辑网站/博客的内容编辑器,它是一个Wordpress插件,替代默认的编辑器,解决功能强大但是可控较差上手不容易的默认编辑器。它适用于任何Wordpress主题,易于安装,无需复杂的代码就可以通过拖拽来定制界面,创建响应式的布局,这样你的网站就可以轻松应付移动端的浏览了。

9.Framebench

Framebench

项目管理是困难的, 尤其是当你的团队成员不在一起,供应商、客户都是在网络上联系的时候,交流的成本成倍地增长。要知道,沟通的是走向成功的关键。在这个时候,你需要Framebench。在线项目管理、协作平台很多,但是各有优劣,针对的问题也不尽相同,而Framebench就是主攻沟通协作的云平台。Framebench的“TableTop Sync”功能能让项目参与的各方都能清晰看到每个成员的工作进度,项目的完成程度,给予实时的反馈,快速调整。值得一提的是,Framebench还提供视频分享的功能。

10.Froont

Froont

Froont也是一个功能强大的在线平台,它旨在帮你加速网站原型设计和响应式布局。它是一款巧妙的协作工具,设计者可以通过链接同客户分享他们的设计的原型。作为设计者,用户可以在Froont上精心打磨原型的细节,设置布局,色彩,样式,字体,让项目的设计更上一层楼。Froont拥有友好的界面,以及类似PS的直观的图层管理功能,它还可以从PS调用CSS样式,使用在线的SVG文件,可以复制项目、创建分支等等,非常方便。一旦完成设计,可以一键下载,颇为方便。

11.Context.io

Context.io

如果你是邮件的重度倚赖者,并且头疼于IMAP邮件实时同步的问题的话,你可以了解一下Context.io,这个网站所提供的服务可以帮你解决邮件的问题,将所有的邮件同步到这里,再也不用在这种细微末节的问题上头疼。

12.Metricfire

Metricfire

Metricfire是一款统计性能指标和需求的理想工具,它会称职地为你记录你所关心的项目的各项指标,由于它是独立的代码段,即使你的系统崩溃了,它所记录的数据都存在并且具备可用性,为你保存下所有致命错误的反馈信息。

13.Hostoople

Hostoople

Hostoople 是目前最好的共享托管服务商之一,他们有着丰富的经验,强大的设备和全天候的服务团队。Hostoople 为开发者们提供极富吸引力的服务,无论是托管个人项目还是转手客户。此外,无论你想托管的网站的程序是什么,Hostoople通常都应付得来,无论是Wordpress、OpenBlog还是Nucleus这样的博客平台,还是CubeCart,osCommerce,ZenCart这样的电商网站,他们都搞得定,各种平台所需要的支持他们一个不少,相关的功能也全部具备,并将相应的接口和客户端都为客户准备好了。

14.WPHelpDesk

WPHelpDesk

要让每一个客户都满意并不容易,WPHelpDesk这款Wordpress插件就是帮你解决这个问题的,它会帮你搜集客户反馈,整理、分类、存储,方便你回复。客户通过表格提交问题反馈之后,他们会看到它的问题被处理的状态,你也可以借此像客户展示你的对问题的态度。

15.KonstantInfo

KonstantInfo

一个成功的企业移动应用需要有足够吸引人的特性,这样才能吸引客户,提升公司业务。而Konstant Infosolutions团队就是为此而生的——他们为用户提供一系列的移动客户端开发服务,帮助客户打造成功的APP。

16.Stamplia

Stamplia

即使是在中国,绝大多数的服务提供商和用户之间都是通过邮件来进行沟通的,而绝大多数的企业也都有着属于自己的邮件模板。如果你需要一个专业的、个性化的邮件模板,那么Stamplia的服务应该是你的选择。Stamplia提供专业的、高度个性化的模板定制功能,并且保证能与主流的邮件客户端良好兼容。

17.Macaw

Macaw

这款名为Macaw的图片处理工具有着令人侧目图片处理和管理功能。当你完成图片的编辑之后,Macaw可以在数秒之内帮你生成你需要的HTML和CSS代码,方便你直接将图片嵌入到网页中去。

18.RIU

RIU

如果你还在寻求一个完美的网页图片响应式方案的话,不妨来看看RIU,没有比这更高的工具了。RIU这款插件可以直接融入到Wordpress的媒体库当中去,它会让图片随着网页变化适应每一块屏幕,你可以将精力投入到更有价值的地方。

19.Launchlist

Launchlist

Launchlist 是一款功能完善的项目开发管理工具,堪称完美。你可以通过Launchlist 来设定预先测试,让你的产品在发布之前解决潜在的Bug。

20.Flowdock

Flowdock

Flowdock是一款致力于管理团队协作的工具,它可以让团队协作管理更加简单。它有桌面客户端、移动客户端,还可以在网页上访问,这是一款全天候全平台的优秀工具。

那些年无法错过的设计神器!

一秒生成黄金分割曲线!
《PS神器!简单实用的黄金分割工具免费下载》

下载量7W+的抠图神器!
《PS抠图神器:KNOCKOUT 2.0汉化版下载及教程》

快速创建参考线的利器!
《PS 参考线插件GUIDEGUIDE下载及使用说明》

原文地址:onextrapixel
优设网翻译:@陈子木
uisdc-tuweia-2
本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量77万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/useful-online-tools-webdesign

界面设计 交互设计师 HTML5 素材 用户体验设计 好文 UI 转场动效 设计师专访 设计师 设计规范 排版布局 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里