20个设计师必备工具推荐

标签: Spectrum 神器下载 神器 Bitrix24 设计师 | 发表时间:2013-02-13 14:50 | 作者:kingtent
分享到:
出处:http://www.uisdc.com

工具的发展是随着设计的发展与时俱进的,一个好的工具会给设计师带来高效、便捷的感受,提高设计产出的质量。以下翻译了国外同行总结的最新设计工具的好文:

原文地址: http://www.webdesignerdepot.com/2012/11/whats-new-for-designers-november-2012/

01 Spectrum

Spectrum是基于OS X的一款应用,能够非常简单、直观地创建色彩定制板。他内置了合理搭配色彩的规则以及一个能从图片获取颜色的取色器,还有内置颜色库等等。

网站地址: http://www.eigenlogik.com/spectrum

 

02 Sellbox

Sellbox可以让你通过Dropbox账户售卖你的数字文档。你可以通过PayPal收费,只需要付给Sellbox5%的手续费,并且不需要任何预付费。

网站地址: http://sellboxhq.com/

 

03 Pocket

Pocket 是一款官方的Read it later软件,使得用户能够更简单的保存文章、视频或其他任何内容以便稍后再读。他可以通过浏览器、电子邮件还有其他300多个应用中调出,包括Twitter,Pulse,Flipboard等等。

(这款插件我用过,支持Chrome,多终端阅读,办公室看不完的内容可以在路上看,很方便。)

网站地址: http://getpocket.com/

 

04 Wireframe.cc

Wireframe.cc是款极简主义的线框图绘制的应用,不仅易用而且界面漂亮。操作简单、直观,输出物也非常吸引人。

(这款我也试用过,跟Mockflow这些线上原型工具类似,但是Wireframe.cc要更简洁一些,控件也非常基本简单,支持网页和手机横竖版三种模版。)

网站地址: http://wireframe.cc/example

 

05 Manymo

Manymo是一款Android模拟器,启动速度快,且在浏览器中就能运行流畅。你可以使用它来测试你的Android应用,他最多能支持42种屏幕尺寸和系统版本。

网站地址: http://www.manymo.com/

 

06 Photo Raster

Photo Raster是一款先进的线上图片编辑器,包含绘图、色彩调整、图层编辑、滤镜蒙版等工具。

网站地址: http://photoraster.com

 

07 Bitrix24

Bitrix24可以让你能够在几分钟之内创建自己的社交网络。你可以获得一个最多可以支持12个用户,5GB存储空间的免费账户,而付费账户能支持更多的用户、更多功能和更多存储空间。

网站地址: http://www.bitrix24.com/

 

08 Solidify

Solidify是Zurb新出的一款原型制作软件,只需要花19美元一个月就可以轻松的通过wireframes,mockups甚至是sketches plan创建可点击跳转的动态原型。

网站地址: http://www.solidifyapp.com/

 

09 IconBench

IconBench允许你定制一组超过700个的图标集。你可以设置不透明性,外阴影,内阴影,渐变等效果,然后选择你最想要的图标。

网站地址: http://iconbench.com/

 

10 rwdgrid.com

rwdgrid.com 是一款基于960.gs的响应式网格系统,包含不同的网格系统,支持1200PX,960px,720px的显示屏以及移动设备。

网站地址: http://rwdgrid.com/

 

11 Onlytasks

Onlytasks 是一款基于OS X和iOS的任务管理器,他使得您能够轻松有效的管理你的事件,甚至还可以与Evernote同步。

网站地址: http://www.bitgeenius.com/onlytaskseng.html

 

12 WP Teacher

WP Teacher 是为教师们开发的一款插件,教师们可以用它把课程内容整合到自己的WordPress网站。通过他你还可以发布作业和事件通知两种内容,同时他还支持作业列表和通知列表小控件等等。

网站地址: http://wordpress.org/extend/plugins/wp-teacher/

 

13 SimplyTestable

SimplyTestable 是一款自动的前端网页测试软件,支持一键测试。他可以验证你的HTML 标记,并给出一份网站总览报告和一份详细错误报告等等。

网站地址: http://simplytestable.com/

 

14 Stride

Stride 是一款销售管理软件,他能够支持追踪、管理和协调您的生意,同时还有实时协作工具能支持团队合作,还有令人满意的参考指标。

网站地址: http://strideapp.com/

 

15 JS Library Boilerplate

JS Library Boilerplate 是一款简单易用的创建JS 库(如jQuery或Prototype)的模板,是采用CoffeeScript,TypeScript和原生的JavaScript三种语言进行编码,并且拥有非常完善的文档.

网站地址: http://dciccale.github.com/jslibraryboilerplate/

 

16 Bootsnipp

Bootsnipp 是一套提供给设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素库。目前有40个,还会增加更多。

网站地址: http://bootsnipp.com/

 

17 Bonsai

Bonsai 是一套轻量级的JavaScript绘图库,内有一个SVG 渲染器。简单易用,而且支持各种多媒体资源(包括音频、视频、图片、字体等等)。

网站地址: http://bonsaijs.org/

 

18 Fbootstrapp

Fbootstrapp是一套支持创建各种尺寸的Facebook内框架应用的工具包,基于Bootstrap和Less,但是为Facebook而订制的。

网站地址: http://ckrack.github.com/fbootstrapp/

 

19 Brunch

Brunch是一款HTML 5应用软件的汇编程序,他可以适用于任何架构、数据库、编程语言,样式表,模板和后台技术。

网站地址: http://brunch.io/

 

20 Deployd

Deployd 可以在WEB端和移动应用端快速简单的建立API接口。他不像传统的后台一样需要模板或配置。

网站地址: http://www.deployd.com/
翻译: http://isux.tencent.com/

优设哥向您推荐:

34本适合设计师看的好书

十个必备的设计师APP

给网页设计师献上3款超赞的设计工具

推荐!40个设计师必备的资源网站

推荐:设计师如何自我提升?
无觅

相关 [设计师 工具] 推荐:

设计师的好帮手:UI Stencils 全套工具

- archer - 爱范儿 · Beats of Bits
想要设计出绝佳的应用程序,想要勾勒出迷人的 UI 原型图,想要把转瞬即逝的灵感定格在纸面上,那可千万别错过这套 UI Stencils 工具. UI Stencils 工具分为两大类:UI 元素模板,空白草稿板. 它们既可以单独使用,又可以混搭在一起使用. UI 元素模板分为 iPhone ,iPad,Android ,Windows Phone ,Website 这五个品种.

50 个Web 设计师必备的超便利工具

- Zhang Yi - 菠菜博
作为一个 Web 设计师并不容易,不仅考虑设计与架构,还要时刻注意各种小细节,设计师的工作被各种各样的问题包围,你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题. 本文介绍了50个非常强大的工具,你会发现,其中的一些工具会让你感到惊艳在. 站点发布前的工作清单,预设了28个需要检查的事项,也可以自定义.

20个设计师必备工具推荐

- - 优设(UISDC)
工具的发展是随着设计的发展与时俱进的,一个好的工具会给设计师带来高效、便捷的感受,提高设计产出的质量. 以下翻译了国外同行总结的最新设计工具的好文:. 原文地址: http://www.webdesignerdepot.com/2012/11/whats-new-for-designers-november-2012/.

网页设计师的新宠,可以触摸的网页原型工具

- 蕗 - 互联网的那点事
电子书再好,还是有很多人喜欢纸质的书本,喜欢那份书香和质感. 很多设计师也一样,他们喜欢可以触摸得到的设计工具. 譬如下面这款用于网页原型设计的草稿本:. 它如同那些可视化的原型设计软件一样,常用元素都给你准备好了,信手拈来,任你摆放. 不同的是,这可是真正的信手拈来. 搭起一个实体的感觉,是对着屏幕画个界面所难以比拟的,这就是所谓的存在感吧.

10个帮助网页设计师创建品牌形象的工具

- wycpu1983 - 帕兰映像
许多设计师似乎都对自由职业有兴趣,因为这种情况下他们无须遵从老板的指示,也不必为工作暴走,因为他们可以选择自己喜欢的. 不过,这必(并)不意味着你能随便得到最好的项目. 事实上,你必须在你的专业能力上利用市场元素,以此向客户推销自己的产品. 下面是10个帮助网页设计师创建品牌形象的工具. 到这里分享最新的作品,或是你正专注的东西,通过平台通知人们比单个通知容易多了.

10个针对设计师/开发者的实用CSS工具推荐

- - ITeye资讯频道
尽管使用CSS可以实现很多漂亮的效果,但对于一些任务来说,实现起来比较费事. 但是借助于一些工具,可以让你的项目更快地实现. 本文将分享10款对于设计师和开发者非常实用的CSS工具. 一个交互式的CSS开发和代码共享工具. 该工具托管于Github站点,提供了很多便利的CSS编辑功能. Sprite Cow是一个新的CSS Sprite(CSS精灵,是一种网页图片应用处理方式,允许你将一个页面涉及到的所有零星图片都包含到一张大图中去)工具,可以帮助你获取spritesheet中sprites的背景位置、宽度和高度等.

设计师在谷歌

- keso - 译言-电脑/网络/数码科技
来源Why I design at Google. 译者eminent.susan. I’m still early in my career, and while it’s nice to find some success, I’m mostly focused on learning and growing my skills.

书单:想做设计师?

- bluesnail - 西乔的九卦
经常有朋友写邮件或发推问我,想从事设计,希望推荐几本书. 老回邮件也麻烦,我干脆在豆瓣上做了一个书单. 我读过的,认为值得入门者和高阶者一读的书. 主要关注方向是UI、视觉传达、WEB设计,以及历史、理论、常见工具入门教程. 用了半个上午写的,比较仓促,不够全面,也有个人偏好在里面. 如果你仅仅是对设计感兴趣,没有那么多时间读大部头,那么精简版是:1,2,3,5,9,11,12,17,24.

当设计师遭遇HTML5

- plidezus - 网易用户体验设计中心博客
HTML5,被传为Flash 的杀手,是一种用于web 应用程序开发、具有变革意义的网络技术. HTML 5提供了一些新的元素和属性,其中有些是技术上类似<div>和<span>标签,但有一定含义,例如<nav>和<footer>. 这种标签将有利于搜索引擎的索引整理、小屏幕设备和视障人士使用.