资讯频道 → Web前端
阅读更多

8顶
1踩

Web前端

翻译新闻 24款线框图相关工具及资源大放送

2011-11-04 18:50 by 见习编辑 zhuyu 评论(2) 有23751人浏览
web wireframe
线框是一个非常有用的网页开发工具，正确使用有助于帮助Web开发者节省时间和精力！下面介绍一些常见的线框工具，希望对Web设计师有帮助。

1. 960.gs Templates for Inkscape



960个Inkscape模板集合。

2. Android Patterns



一组帮你设计Android应用的交互模式。交互模式是应用程序设计中的经典模式。但开发者无需墨守成规，要能够灵活运用。

3. Free Photoshop browser templates



展示设计的时候需要一个简洁的浏览器效果截图吧？别再找了，这款免费插件就可以做到。提供1024*768和800*600两种尺寸，适应各种浏览器。

4. Wireframe Symbols



Johnny Bilotta创建的一组线框元素集合。

5. iPad Sketch Elements AI



草图风格的iPad元素集合可以帮我们轻松快捷地自定义线框模拟效果。

6. Illustrator template for iPhone design



一组iPhone UI元素的模板。

7. Dragnet website wireframews kit for Adobe Fireworks



它是Adobe Fireworks的一个公共库，包含用于网站原型制作的25个对象。它可以免费下载和使用。该套件包含了常见的Web设计元素，如滚动条，按钮，菜单，警告等。它们大多数支持9-slice缩放功能，该功能可更好的调整对象尺寸。

8. Sqetch, an Illustrator Wireframe Toolkit



Sqetch是由几个模版和元素组成的小巧的Illustrator工具包，包括：浏览器、iPad upright、iPad landscape、Smartphone、GUI-Elements和Form-Elements。

9. Sketching the iPhone



这是一套全面的iPhone设计套件，包括几种不同的键盘，按钮，工具栏，dock图标等。

10. Sketchy Illustrator wireframes



Matthew Rea为Adobe Illustrator设计的一组线框。

11. Free Sketching & Wireframing Kit



它是一套免费的草图和线框元素套件。包括表单元素，图标，指示器，反馈信息，工具提示，导航元素，图像占位符，嵌入视频，滑块和常见的广告条等。

12. Android GUI PSD



这个Photoshop模板可以很容易地设计精确到像素的Android应用。

13. Best Practice UX Forms



UX表单设计，提供三种不同的布局方式，各有优势。这个版本还提供了不同的按钮布局，进度指示器，captcha代码输入域，标签等。

14. Free Wireframe Toolbar Icons for GUI designers.



这些图标可用于创建线框和软件模型，网站，软件应用程序的工具栏和菜单。适用于Android，Windows Mobile，Palm，iPhone和iPad应用。这些黑白色系的图标由8个游标和296个图标组成。这些图标包括导航箭头，趋势指向和投票控制，社交符号文件系统和文本编辑器操作符号等。

15. Sketching the iPad



使用Omnigraffle iPad工具快速开发模型。

16. Yahoo Stencil Kit



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



使用该工具可以帮Web设计师高效、省时的进行布局设计。

18. Wireframe Shapes



这是一款在OmniGraffle version 5.x (Mac OS X)系统下设计低高保真网页示意图的工具。包含创建用户界面的基本要素。

19. Simple UI Elements



它是一个简洁的Web和应用程序设计工具，包含常见的用户界面元素。

20. Keynote Wireframe Templates V1.2



它能快速应用Apple Keynote添加超链接，使页面可点击。它是在Apple Keynote中设计的，可进行自定义操作而无需额外的工具。

21. Wireframe Magnets (DIY Kit)



DIY magnet 模板是基于Konigi线框设计的，包括3个可有用于白板原型设计的元素。

22. Massive Web UI & Button Set



由Jon Phillips自己设计的Web UI和按钮集。从文本框到按钮，再到下拉菜单，这个集合应该对大家很有帮助。

23. User Interface Design Framework



GUI库——包含几百个可用于界面设计的矢量元素。

24. FUEL Free Web UI Wireframe Kit



这个套件完全由形状对象组成，并在某些情况下转换成SmartObjects。因此，它的尺寸具有可扩展性。

VIA admixweb
  • 大小: 15.4 KB
  • 大小: 24.2 KB
  • 大小: 10.9 KB
  • 大小: 17.1 KB
  • 大小: 13.2 KB
  • 大小: 16.1 KB
  • 大小: 21.7 KB
  • 大小: 17.1 KB
  • 大小: 15.3 KB
  • 大小: 21 KB
  • 大小: 16 KB
  • 大小: 23.1 KB
  • 大小: 20.3 KB
  • 大小: 12.2 KB
  • 大小: 9.5 KB
  • 大小: 15.6 KB
  • 大小: 10.3 KB
  • 大小: 19 KB
  • 大小: 20.8 KB
  • 大小: 12.7 KB
  • 大小: 13.4 KB
  • 大小: 23.4 KB
  • 大小: 37.3 KB
  • 大小: 10.9 KB
  • 大小: 15.6 KB
  • 大小: 7.3 KB
  • 大小: 15.8 KB
  • 大小: 12.9 KB
  • 大小: 28.4 KB
  • 大小: 12.8 KB
  • 大小: 18.4 KB
  • 大小: 26.4 KB
  • 大小: 10.1 KB
  • 大小: 15.4 KB
  • 大小: 27.5 KB
  • 大小: 14.8 KB
  • 大小: 16.2 KB
  • 大小: 18.3 KB
  • 大小: 16.8 KB
8
顶
1
踩
评论 共 2 条 请登录后发表评论
2 楼 sos8509 2011-12-18 21:27
我介绍一款在线线框图设计工具，框图宝youfabao.com/MyWireframe.html
1 楼 achun 2011-11-05 11:51
很实用，很精细

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 【设计】24款线框图相关工具及资源大放送

    【设计】24款线框图相关工具及资源大放送 线框是一个非常有用的网页开发工具，正确使用有助于帮助Web开发者节省时间和精力！下面介绍一些常见的线框工具，希望对Web设计师有帮助。  1. 960.gs ...

  • 24 款线框图相关工具及资源大放送

    线框是一个非常有用的网页开发工具，正确使用有助于帮助Web开发者节省时间和精力！下面介绍一些常见的线框工具，希望对Web设计师有帮助。 1. 960.gs Templates for Inkscape 960.gs Inkscape模板集合。 2. ...

  • 坯子库曲面推拉教程_为了学妹，掉几根头发算什么！学长熬夜整理的SU插件合集大放送！...

    学长熬夜整理的SU插件合集大放送！学妹 学妹学长，我刚学SU，一般都要装什么插件呀？小智本智SU插件太多了，装些常用的就可以 学妹学长有安装包么，能不能发我？小智本智我这有套SU插件合集，基本要用的都有，还有...

  • 免费的XShell替代品，又来一款国产良心工具....

    来源：toutiao.com/i6694563184428188171引言FinalShell是一款免费的国产的集SSH工具、服务器管理、远程桌面加速的良心软件,同时支持Windows,m...

  • 工具集核心教程 | 第一篇： .md即markdown文件的基本常用编写语法（图文并茂）...

    等资源合集大放送。 公众号回复“ 慕课 ”，领取 1T慕课实战 学习资源。 公众号回复“ 实战 ”，领取 750G项目实战 学习资源。 公众号回复“ 面试 ”，领取 8G面试实战 学习资源。 转载于:...

  • 工具集核心教程 | 第一篇： .md即markdown文件的基本常用编写语法（图文并茂）

    是可以的，但是为了让页面标签的统一性，不建议混合使用，推荐使用第一种，比较简洁，全面 为了搞清楚原理，我特意在网上搜一下在线编写markdown的工具，发现实际上是把这些标签最后转化为html标签，如图： 在线地址...

  • 前端开发者指南（2017）

    原型设计和线框图工具 制图工具 HTTP / 网络工具 代码编辑工具 浏览器上的神兵利器 HTML 工具 CSS 工具 DOM 工具 JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具（台式机...

  • maya中文对照的快捷说明！

    Maya菜单中英文对照,Maya快捷键,秘籍大放送 2008-10-22 23:13:12 Maya菜单中英文对照,Maya快捷键 Maya2008较常用的快捷键 １　－－　显示方式为最粗糙２　－－　显示方式为中等３　－－　显示方式为最好４　...

  • 过完年进入BAT 需要做哪些准备

    文/小北哥哥阅读本文需要 3.5分钟获取福利往下看一今天北妈通过最近的BAT社招情况，分析一些前端的行情。 北妈的粉丝群体里有大部分是在路上的前端开发...

  • 刘嘉怡.中期检查.doc

    刘嘉怡.中期检查.doc

  • COMSOL热电效应模型：基于MATLAB API的热电转换仿真与优化

    内容概要：本文详细介绍了如何使用COMSOL Multiphysics进行热电效应仿真的全过程。首先解释了热电效应的基本概念及其应用场景，如手机充电发烫、吹风机温度升高等。接着，通过具体实例展示了如何在COMSOL中建立热电模型，包括选择合适的物理场（焦耳热和热电效应）、设定材料属性（电导率、导热系数、塞贝克系数）、绘制几何形状以及设置边界条件。文中还提供了详细的MATLAB代码片段用于自动化建模流程，涵盖求解器配置、网格划分、后处理等方面的技术细节。此外，作者分享了一些常见问题的解决方案，如求解器不收敛、网格畸变等。 适合人群：对热电效应感兴趣的科研人员、工程技术人员及高校学生，尤其适用于有一定COMSOL和MATLAB基础的学习者。 使用场景及目标：帮助读者掌握热电效应的基本原理和COMSOL仿真技能，能够独立完成从模型构建到结果分析的完整流程。目标是提高热电转换系统的效率，优化设计参数，探索新材料的应用潜力。 其他说明：文章不仅提供了理论指导，还包括大量实战经验和技术技巧，有助于解决实际建模过程中遇到的问题。

  • 汽车内外饰模具设计规范详解：分型面、斜顶滑块及模架顶出系统的技术要点

    内容概要：本文深入探讨了汽车内外饰模具设计的关键要素，涵盖分型面设计、斜顶和滑块的应用、模架选择以及顶出系统的配置。针对每个部分，不仅提供了理论指导，还辅以Python、MATLAB等编程语言的实际代码示例，帮助理解和实施具体设计方案。例如，分型面设计强调了如何根据产品结构和外观要求确定最佳分型面位置；斜顶和滑块部分讨论了不同类型及其应用场景；模架和顶出系统则关注于结构稳定性和顶出效果的优化。 适合人群：从事汽车模具设计的专业人士，尤其是希望深入了解内外饰模具设计细节的新手设计师和技术人员。 使用场景及目标：适用于汽车内外饰模具设计项目，旨在提高模具设计的精度和效率，减少试错成本，确保产品质量。通过学习本文提供的技术和实践经验，能够更好地应对实际工作中遇到的各种挑战。 其他说明：文中提到的代码示例和经验公式均来源于实际工程案例，具有较高的参考价值。同时，作者还分享了许多宝贵的行业经验和技巧，有助于读者快速掌握模具设计的核心技能。

  • python3.10以上 可安装pyside6（类似pyqt），具体安装操作步骤

    python3.10以上 可安装pyside6（类似pyqt），具体安装操作步骤

  • 【人工智能领域】DeepSeek AI深度探索平台的优势解析：多模态处理、低成本训练与广泛应用场景综述

    内容概要：DeepSeek AI是由杭州深度求索人工智能基础技术研究有限公司于2025年1月20日发布的深度探索AI技术。它具有多模态能力、多语言支持、长上下文理解、领域垂直优化、开源特性等多项技术突破，支

  • IIS配置phpweb服务器所需VC-redist.x64.rar

    IIS配置phpweb服务器所需VC_redist.x64.rar

  • 云南移动5G-A网业战略发展探讨 -创新领航，千帆竞发，共同迈入5G-A新时代.pptx

    云南移动5G-A网业战略发展探讨 -创新领航，千帆竞发，共同迈入5G-A新时代.pptx

  • C#学习之OpenCv实现模版匹配案例

    本文描述了如何使用C#基于OpenCvSharpe实现模版匹配功能，其中实现了下功能： 1、图像加载； 2、模版加载、绘制、保存功能； 3、模版匹配功能。

  • 【软件工程与数据分析】数据结构求职面试问题汇总：涵盖链表、树结构及算法复杂度分析的实战题目解析

    内容概要：本文档汇集了CSci 235软件设计与分析II课程中关于数据结构的面试题，由Stewart Weiss教授整理。文档涵盖了广泛的数据结构主题，包括但不限于链表（如单链表、双向链表、循环链表）、二叉树（如二叉搜索树、最小高度二叉搜索树）、栈、队列等。每个问题都旨在考察求职者对不同数据结构的理解及其应用场景。例如，选择合适的数据结构实现手机通讯录功能，或设计支持撤销功能的文本编辑器。此外，文档还探讨了复杂度分析（Big-O表示法），以及如何优化特定操作的时间复杂度。最后，文档提供了额外的学习资源链接，帮助求职者进一步准备面试。 适合人群：计算机科学专业的学生或有志于从事软件开发工作的求职者，特别是那些希望在技术面试中表现优异的人士。 使用场景及目标：①理解并掌握常见数据结构的基本概念和特性；②学会根据不同场景选择最合适的数据结构；③掌握常见数据结构操作的时间复杂度分析；④为技术面试做充分准备，提高面试成功率。 其他说明：文档中的问题不仅限于理论知识，还包括实际编码练习，建议读者在学习过程中动手实践，以加深理解和记忆。同时，文档提供的额外资源链接可以作为扩展阅读材料，帮助读者更全面地掌握相关知识。

  • 【路径规划】基于matlab A_Star融合灰狼算法GWO求解多仓库机器人送货路径规划【含Matlab源码 13134期】.zip

    Matlab领域上传的视频是由对应的完整代码运行得来的，完整代码皆可运行，亲测可用，适合小白； 1、从视频里可见完整代码的内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

Global site tag (gtag.js) - Google Analytics