Hi,我是优设小编

chenzimu7

浏览全部 650 篇文章

到我的微博瞧瞧

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

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