`
wanguan2000
  • 浏览: 68555 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

    博客分类:
  • web
 
阅读更多

http://www.iteye.com/news/23259

线框是一个非常有用的网页开发工具,正确使用有助于帮助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。因此,它的尺寸具有可扩展性。

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    设计网页线框图

    本文将详细介绍设计网页线框图的相关知识点,并推荐10款优秀的线框图设计工具。 1. 线框图的定义与作用: - 线框图(Wireframe)是网站或应用设计的初步阶段,它不涉及色彩、字体或图形设计,主要关注内容结构和...

    axure线框图部件介绍

    Axure是一款广泛应用于原型设计的工具,尤其在IT行业中,它是产品设计初期快速构建交互模型的重要软件。线框图部件是Axure中的核心元素,它们帮助设计师构建出产品的基本结构和功能,为后续的视觉设计和开发工作奠定...

    4套线APP设计原型线框图

    本资源包含的"4套线APP设计原型线框图"是一个宝藏库,适用于那些在任何时间、任何地点都需要高效工作的产品经理。 首先,我们要明白线框图的本质。线框图是一种简化版的视觉表示,它展示了应用或网站的基本结构和...

    axure 线框图实例

    axure 线框图 实例 案例

    10款线框图和原型图设计软件.docx

    5. **QuirkTools**:作为一款浏览器内嵌的应用,QuirkTools使设计更快捷,可创建桌面、手机和平板的线框图。它还强调了与客户的沟通,方便协作。 6. **Wireframe.cc**:简洁的在线工具,专注于线框图设计,提供手机...

    章鱼计划第2课-线框图(Axure和Visio)

    6. **学习资源**:"章鱼计划第2课-线框图(Axure和Visio)"的压缩包可能包含教程文档、视频教程或者示例文件,这些资源将深入讲解如何使用这两款软件进行线框图设计,对于初学者来说是一份宝贵的参考资料。 通过学习...

    类目改造-需求及线框图_产品矩阵线框图

    本文将深入探讨“类目改造-需求及线框图_产品矩阵线框图”这一主题,旨在理解类目系统的需求,并通过线框图来规划产品的矩阵结构。 首先,类目是组织和展示产品或服务的一种方式,它帮助用户快速找到所需信息或完成...

    Axure RP Pro(制作线框图,流程图) 5.6 汉化绿色特别版

    Axure RP Pro是一款专业的原型设计工具,主要用于制作线框图、交互原型以及流程图,是网站策划和产品设计领域中的重要软件。5.6版本是该软件的一个历史版本,尽管现在已经有了更新迭代,但它的功能在当时已经相当...

    线框图培训讲义.pptx

    线框图是产品经理和设计师在项目初期阶段常用的一种设计工具,它主要用来描绘产品的界面布局、信息结构和基本功能,不涉及具体的视觉设计和品牌元素。线框图的目的是为了在设计过程中快速传达和验证设计理念,减少...

    论文研究-室内座椅线框图识别.pdf

    针对座椅识别归类问题提出一种由单幅线框图生成三维座椅模型的方法。首先对大量座椅的形态和结构进行学习和归纳,根据座椅在固定观察视点下的线框图,提取出能抽象表达座椅的基本图元集合,如线段、四边形和椭圆形等...

    axure线框图rplid

    axure线框图rplid

    美团网章鱼计划第2课-线框图(Axure和Visio)

    线框图是设计过程中的重要工具,用于呈现网站或应用程序的基本布局和功能,而不涉及具体的设计元素和视觉样式。在美团网的章鱼计划中,第二课重点讲解了如何使用Axure和Visio来创建线框图。这两个软件都是业界广泛...

    3DMAX一键渲染线框图插件下载

    总的来说,3DMAX的一键渲染线框图插件是一个实用的工具,结合了MaxScript的强大与3DMAX的灵活性,为用户提供了一种高效快捷的方式来生成线框图。无论是进行项目演示、设计讨论还是教学学习,它都是一种不可或缺的...

    01得到APP线框图交互说明.zip

    4. **原型工具Axure**:文件使用了Axure这款强大的原型设计工具,它能快速构建交互原型,并且支持自定义动态面板、状态切换、条件逻辑等高级功能,使得产品设计更为直观和动态。 5. **产品迭代**:1.0版本意味着...

    使用Photoshop 制作网页线框图简单实用

    Photoshop 是一款强大的图像处理软件,也常被用于制作网页设计的线框图。线框图是设计过程中的重要步骤,它能清晰地展现网页结构和功能,方便设计师与开发人员沟通,以及获取用户反馈。本文将详细介绍如何利用Photo...

    网站模板设计之线框图.docx

    线框图在网站模板设计中扮演着至关重要的角色,它是规划网站结构、导航和信息设计的有效工具。线框图,顾名思义,是用线条勾勒出的图形,它将界面元素、导航系统和信息层次结构融合在一个文档中,为视觉设计提供基础...

    大学生 产品经理 项目实训 某理财产品原型图(线框图) 开发工具Axure RP.zip

    Axure RP是一款强大的原型设计工具,它支持快速绘制线框图、交互原型及制作规格文档。在本实训中,我们将使用Axure RP创建“聚宝盆”理财产品的原型图,主要涉及以下几个方面: 1. **组件库**:Axure RP提供丰富的...

    得到APP线框图+交互说明.rar

    这份"得到APP线框图+交互说明.rar"文件,包含了一个名为"01得到APP线框图+交互说明.rp"的文件,很显然是使用Axure这款专业的产品原型设计工具创建的。 首先,线框图(Wireframe)是产品设计初期阶段的草图,它展示...

    数字绘-在线线框图、流程图、网络图、组织结构图、UML、BPMN绘制网站

    "数字绘"就是这样一款专注于在线线框图、流程图、网络图、组织结构图、UML及BPMN绘制的专业网站,它为用户提供了一个集设计、编辑和分享于一体的综合平台。 首先,我们要了解线框图。线框图是一种视觉设计工具,...

Global site tag (gtag.js) - Google Analytics