设计师必备工具推荐 (完整版)

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

原文地址: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/

 

Viewport Resizer 是一个测试响应式设计的小书签。你需要做的就是去到您想要测试的页面,点击小书签,然后观查他在不同屏幕尺寸的适配情况。

dabb0527-6a72-493b-a062-a067551c7471

网站地址:http://lab.maltewassermann.com/viewport-resizer/

 

22 Iconify

Iconify 是一个作品网站平台。你只需要完成个人联系信息的填写,就可以创建一个可以在任何终端上浏览的作品集。他能够支持分享到社交媒体,并且在移动端版本还支持下载。

3c296562-9bb4-4f0e-b62e-466e915eae59

网站地址:http://www.iconify.co/?error=create2

 

23 Simple Grid

Simple Grid 是一款响应式、轻量级的网格系统,1140PX的宽度包含12列,但是很容易适配各种尺寸的排版。

a2865627-b874-49c2-94f1-2c0b7edd215b

网站地址:http://thisisdallas.github.com/Simple-Grid/

 

24 One% CSS Grid

One% CSS Grid 是一款用来构建响应式排版的12列流畅的网格系统,支持1280px和1024px两种宽度的选项,采用基于百分比的网格系统来完美适配各种屏幕。

86103eca-115a-4480-8e8b-f0fd5eb313be

网站地址:http://onepcssgrid.mattimling.com/

 

25 Yeoman

Yeoman 可以用于创建非常棒的web应用,他包含有很多工具、数据库以及工作流。

7efa55e7-dbad-4e05-8309-58d1c2e060fb

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

 

26 Emmet

Emmet 以前叫Zen Coding,是一个WEB端开发者的工具包,可以大大地改善你的HTML和CSS,起到整合一体化的作用。

9e5e7a81-d15b-4ac4-bd17-d779812ff570

网站地址:http://docs.emmet.io/

 

27 Boot Metro

Boot Metro 带有Win 8 App Store风格的WEB应用,灵活简单的HTML, CSS和JS 架构。他作为开放资源,基于Twitter Bootstrap,且受Metro UI CSS的影响。

1a628ea7-dc8d-4cbf-918e-081c399f1aca

网站地址:http://aozora.github.com/bootmetro/

 

28 Bower

Bower 是一款HTML, CSS和JavaScript的资源管理器。你可以简单的安装资源,如图片,CSS,JavaScript。

38c6ea83-aa05-4dfa-a484-3fa9e7d9b443

网站地址:http://twitter.github.com/bower/

 

29 Apigee

Apigee 提供给开发者更易于开发顶尖应用的服务,他可以处理一般的注册/登录,存储和服务器维护及更多功能。

fb598557-cee0-47d6-b21d-409f2033e0de

网站地址:http://apigee.com/about/developers

 

30 Scripted

Scripted 是一款用于JavaScript的快速、轻量级的代码编辑器,基于浏览器且建议采用本地运行的Node.js服务器。

1e264012-0595-4871-a6d9-7f01e8663bb2

网站地址:https://github.com/scripted-editor/scripted

 

31 Rosarian

Rosarian  是一款书法字体,具有厚、圆,线宽变化的特点i。由Umbrella Type的Laura Worthington设计。

3aa5cd80-5745-4795-a1e6-9b546dfa63a7

网站地址:http://marketplace.veer.com/font/Rosarian-UMT9002084#

 

32 Hummingbird

Hummingbird 是一款既怀旧复古又有科技感的字体,优美,性感还有手写钢笔字特有的熟悉感。

698204cb-7ab9-4063-a7bb-d97c3742ffff

网站地址:http://marketplace.veer.com/font/Hummingbird-UMT9002083

 

33 Eaglefeather

Eaglefeather 基于由 Frank Lloyd Wright 在1922年为Eaglerock项目设计的字母表,由P22 Type Foundry调整而来。

0c0213f3-86bc-4863-98be-41987b64178c

网站地址:http://marketplace.veer.com/font/P22-FLLW-Eaglefeather-Family-PTT0000489

 

34 Poly

Poly 是一款基于几何排列的免费显示字体,在大字体方面表现很赞,通过很多交替字符来呈现。

68594786-7950-4e75-b10e-bd233a9aaaf0

网站地址:http://www.behance.net/gallery/POLY-TYPE-%28Free-Font%29/5762503

 

35 Toolkit

Toolkit 是一款免费的显示字体,有手工绘制的怀旧感。e6b5c74e-ca7f-45f3-b398-8b28cdec1e61

网站地址:http://www.behance.net/gallery/Tool-Kit-Typeface/5647333

 

36 Zombie Sunrise

Zombie Sunrise 字体受60年代的老式恐怖电影影响,由 David Alexander Slaager手绘设计。

d2e1b3c7-3d27-410d-9a4d-84f055a19f7c

网站地址:http://www.tendollarfonts.com/product/zombie-sunrise-typeface

 

37 Window Dressing JNL

Window Dressing JNL 基于1950年代的金属铸造字体的图片设计,干净,简洁的线条,字母B和R非常特别。

b9e3e769-3324-44a5-81b2-dae4763d3b40

网站地址:http://www.myfonts.com/fonts/jnlevine/window-dressing/

 

38 King Wood Volume

King Wood Volume 是一款带有Tuscan的哥特式风格的字体,在东西方文字设计上都表现良好。

2755515f-2ea1-4570-b271-32f54f7d5edb

网站地址:http://marketplace.veer.com/font/King-Wood-Volume-CDT0000675

 

39 Moki

Moki  从七种不同的风格演变而来(Base, Cut, Dust, Lean, Mono, Soft和Uni),表现非常完美。

c4a19c10-0392-43ec-9521-40685d75d519

网站地址:http://marketplace.veer.com/font/Moki-FTT0000057

 

40 RBNo2.1

RBNo2.1 是简化版的非衬线字体。该字体有两个版本(RBNo2.1a and RBNo2.1b),共有七种不同版本,每种都有匹配的斜体。

ebfa41b9-35bb-4890-a00f-c2a9dacb835c

返回页顶