【设计】24款线框图相关工具及资源大放送
线框是一个非常有用的网页开发工具,正确使用有助于帮助Web开发者节省时间和精力!下面介绍一些常见的线框工具,希望对Web设计师有帮助。
1. 960.gs Templates for Inkscape
![](http://dl.iteye.com/upload/attachment/582162/2d49ba41-cc37-3ec2-9c20-f6d56d82006e.jpg)
960个Inkscape模板集合。
2. Android Patterns
![](http://dl.iteye.com/upload/attachment/582174/99989c71-b126-379b-a5a0-03d5d2aca393.jpg)
一组帮你设计Android应用的交互模式。交互模式是应用程序设计中的经典模式。但开发者无需墨守成规,要能够灵活运用。
3. Free Photoshop browser templates
![](http://dl.iteye.com/upload/attachment/582192/85ab7395-ca4c-3980-82de-47ae3ebe588c.jpg)
展示设计的时候需要一个简洁的浏览器效果截图吧?别再找了,这款免费插件就可以做到。提供1024*768和800*600两种尺寸,适应各种浏览器。
4. Wireframe Symbols
![](http://dl.iteye.com/upload/attachment/582204/98261c81-038c-3339-b3a9-ef0f24a37484.jpg)
Johnny Bilotta创建的一组线框元素集合。
5. iPad Sketch Elements AI
![](http://dl.iteye.com/upload/attachment/582208/e5fc5946-a695-3583-9bb8-369559328e42.jpg)
草图风格的iPad元素集合可以帮我们轻松快捷地自定义线框模拟效果。
6. Illustrator template for iPhone design
![](http://dl.iteye.com/upload/attachment/582220/769831ec-aa89-3ba0-93b3-9dce2485f390.jpg)
一组iPhone UI元素的模板。
7. Dragnet website wireframews kit for Adobe Fireworks
![](http://dl.iteye.com/upload/attachment/582222/92b031b1-8eaa-340d-a381-8ea5e34a357e.jpg)
它是Adobe Fireworks的一个公共库,包含用于网站原型制作的25个对象。它可以免费下载和使用。该套件包含了常见的Web设计元素,如滚动条,按钮,菜单,警告等。它们大多数支持9-slice缩放功能,该功能可更好的调整对象尺寸。
8. Sqetch, an Illustrator Wireframe Toolkit
![](http://dl.iteye.com/upload/attachment/582227/7bbe4d74-8c18-39da-93c2-b2dc230a7c10.jpg)
Sqetch是由几个模版和元素组成的小巧的Illustrator工具包,包括:浏览器、iPad upright、iPad landscape、Smartphone、GUI-Elements和Form-Elements。
9. Sketching the iPhone
![](http://dl.iteye.com/upload/attachment/582230/506c11c2-70e8-36f6-8a9e-f39180b6332c.jpg)
这是一套全面的iPhone设计套件,包括几种不同的键盘,按钮,工具栏,dock图标等。
10. Sketchy Illustrator wireframes
![](http://dl.iteye.com/upload/attachment/582233/063bbc31-9318-34da-9e10-68548735bf1f.jpg)
Matthew Rea为Adobe Illustrator设计的一组线框。
11. Free Sketching & Wireframing Kit
![](http://dl.iteye.com/upload/attachment/582237/3b535d7f-4b00-3dab-a2d8-db1d2f9f0b7e.jpg)
它是一套免费的草图和线框元素套件。包括表单元素,图标,指示器,反馈信息,工具提示,导航元素,图像占位符,嵌入视频,滑块和常见的广告条等。
12. Android GUI PSD
![](http://dl.iteye.com/upload/attachment/582241/66b8eea8-c583-3d93-b403-1b3801945740.jpg)
这个Photoshop模板可以很容易地设计精确到像素的Android应用。
13. Best Practice UX Forms
![](http://dl.iteye.com/upload/attachment/582247/b886157e-85bd-37c5-9156-f85ca2add1a0.jpg)
UX表单设计,提供三种不同的布局方式,各有优势。这个版本还提供了不同的按钮布局,进度指示器,captcha代码输入域,标签等。
14. Free Wireframe Toolbar Icons for GUI designers.
![](http://dl.iteye.com/upload/attachment/582253/f439f5e0-3ec6-30fa-818c-786811e10af9.jpg)
这些图标可用于创建线框和软件模型,网站,软件应用程序的工具栏和菜单。适用于Android,Windows Mobile,Palm,iPhone和iPad应用。这些黑白色系的图标由8个游标和296个图标组成。这些图标包括导航箭头,趋势指向和投票控制,社交符号文件系统和文本编辑器操作符号等。
15. Sketching the iPad
![](http://dl.iteye.com/upload/attachment/582258/8edc4356-9ed6-3ca6-bb22-0fe36b93c581.jpg)
使用Omnigraffle iPad工具快速开发模型。
16. Yahoo Stencil Kit
![](http://dl.iteye.com/upload/attachment/582266/f240b875-169d-3886-9055-6b53013acb24.jpg)
Yahoo Stencil Kit 1.0是为OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG)和Adobe Photoshop (PNG)设计的套件,包括以下主题:广告单元,日历,Carousels,图表和表格,UI控制,表单元素,网格,菜单和按钮,移动iPhone,导航和分页,OS元素,占位符文本,屏幕分辨率选项卡,Windows和容器。
17. Web Wireframe Kit
![](http://dl.iteye.com/upload/attachment/582272/557f5df6-c6d7-3205-a9d7-e3ef0b7ea3a7.jpg)
使用该工具可以帮Web设计师高效、省时的进行布局设计。
18. Wireframe Shapes
![](http://dl.iteye.com/upload/attachment/582278/2730fa10-8ac8-3bf7-9217-61e64a97dd0f.jpg)
这是一款在OmniGraffle version 5.x (Mac OS X)系统下设计低高保真网页示意图的工具。包含创建用户界面的基本要素。
19. Simple UI Elements
![](http://dl.iteye.com/upload/attachment/582280/4800bfe4-6d90-3383-8567-29eb23efd00a.jpg)
它是一个简洁的Web和应用程序设计工具,包含常见的用户界面元素。
20. Keynote Wireframe Templates V1.2
![](http://dl.iteye.com/upload/attachment/582282/07da11ef-bbb0-3592-89e6-d9f8c46bca0d.jpg)
它能快速应用Apple Keynote添加超链接,使页面可点击。它是在Apple Keynote中设计的,可进行自定义操作而无需额外的工具。
21. Wireframe Magnets (DIY Kit)
![](http://dl.iteye.com/upload/attachment/582285/9a078d64-a60f-359f-986a-0ee9085100ef.jpg)
DIY magnet 模板是基于Konigi线框设计的,包括3个可有用于白板原型设计的元素。
22. Massive Web UI & Button Set
![](http://dl.iteye.com/upload/attachment/582290/73b70c06-7535-3abe-89d4-7ca863869378.jpg)
由Jon Phillips自己设计的Web UI和按钮集。从文本框到按钮,再到下拉菜单,这个集合应该对大家很有帮助。
23. User Interface Design Framework
![](http://dl.iteye.com/upload/attachment/582292/097a0119-dc04-378b-929c-b3a8ed456895.jpg)
GUI库——包含几百个可用于界面设计的矢量元素。
24. FUEL Free Web UI Wireframe Kit
![](http://dl.iteye.com/upload/attachment/582294/023e3869-1614-394c-9d76-1b43b9f69a46.jpg)
这个套件完全由形状对象组成,并在某些情况下转换成SmartObjects。因此,它的尺寸具有可扩展性。
VIA admixweb
摘自:http://www.iteye.com/news/23259/