推荐13款优秀的网页线框图设计和制作工具

标签: 网页 设计 制作 | 发表时间:2013-01-04 15:07 | 作者:梦想天空(山边小溪)
出处:http://www.cnblogs.com/lhb25/

  当你开始做一个项目的时候,用线框图把你的想法勾勒出来非常重要。这是你把想法变成际成果的必要步骤,通过绘制线框图原型才能决定怎么样做更合理。今天这篇文章收集了13款超级有用的优秀网页线框图工具分享给大家,这些工具能够帮助你做出优秀的线框图。

您可能还喜欢

 

pidoco

Pidoco 是一款基于Web的原型设计软件,用于快速创建可点击的线框图。

也可以用于制作网站项目、移动项目、企业应用程序的用户界面原型。

拥有智能的共享和协同工作功能以及便捷的可用性测试模块,更易于使用。

Wireframe Tools

Jumpchart

Jumpchart 让你规划架构更加容易。通过创建页面和子页面,您可以快速的勾画出你的网站的层次结构。

更改标题并通过点击和拖动原型组件就可以非常轻松的组织出网页界面原型。

Wireframe Tools

Creately

Creately 专注于让团队更容易协同工作。

这款伟大的在线应用程序易于使用,能够带给你非凡的使用体验,相信你一定会喜欢。

Wireframe Tools

Wireframe Tools

frame box

它是基于浏览器的线框图工具,其特色是通过点击和拖动来布局系统。

轻松、快速的创建可调整大小的,容易调节的线框图。

Wireframe Tools

Pencil

这款工具的旨在建立一个自由和开源的工具,用于制作图表和图形用户界面原型。

主要功能:内置图表原型,多页文档背景页面,跨页链接的以及富文本编辑支持。

Wireframe Tools

Wireframe Tools

JustProto

JustProto 允许在同一时间允许多个合作者协同制作交互式原型。

可以把只制作好的原型共享给其他用户,只需要刷新就能看到变化并预览。

Wireframe Tools

Gliffy

这款工具可以轻松地创建网页线框图。

Gliffy 用户可以更清楚的沟通,促进创新,提高决策,并更高效地工作。

Wireframe Tools

Wireframe Tools

WireframeSketcher

WireframeSketcher 这款软件可以帮助产品经理,设计师和开发人员快速创建桌面,Web和移动应用程序的线框模型,实体模型和原型。

Wireframe Tools

Wireframe Tools

FlairBuilder

开始线框图设计的时候,布局和主要设计元素,如品牌,导航,侧栏内容等都是先勾勒出来,接下来可以添加交互的线框元素。

从简单的页面到复杂的交互功能,都可以使用较少的时间完成,让你的想法变成看得到的成果。

Wireframe Tools

Simple Diagrams

SimpleDiagrams 是一个小的桌面应用程序,可以帮助你快速、简单地表达你的想法,有足够的功能来描述一个思想或过程。

Wireframe Tools

梦想天空博客关注 前端开发技术,展示最新 HTML5CSS3应用,分享实用的 jQuery插件,推荐 网页设计案例。

iPhone Mockup

iPhone 原型可以让你以铅笔图或插图的形式,用不同的风格创造出样机。

Wireframe Tools

MockNow

MockNow 是一个在线的线框图共享工具,它的目标是提供简单的方法在线制作高质量的线框图。

Wireframe Tools

justinmind

justinmind 是使用丰富的互动线框图定义Web和移动应用程序的最佳平台。

 

您可能感兴趣的相关文章

 

本文链接: 推荐13款非常优秀的网页线框图设计和制作工具

编译来源: 梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

hide

本文链接

相关 [网页 设计 制作] 推荐:

推荐13款优秀的网页线框图设计和制作工具

- - 博客园_梦想天空
  当你开始做一个项目的时候,用线框图把你的想法勾勒出来非常重要. 这是你把想法变成际成果的必要步骤,通过绘制线框图原型才能决定怎么样做更合理. 今天这篇文章收集了13款超级有用的优秀网页线框图工具分享给大家,这些工具能够帮助你做出优秀的线框图. 12款很棒的浏览器兼容性测试工具推荐. 推荐10款非常优秀的HTML5开发工具.

响应式网页设计

- - 前端观察
这个话题最近很火爆,我也一直在关注,响应式网页设计和移动互联网密切相关,并因移动终端的丰富和普及而兴盛,并且是一个颇具争议的话题,我今天将和大家探讨下. 上周写了个简单的ppt在组内大概介绍了下,感兴趣的话可以 先看下这个PPT. 在说到这个话题前,我们先看下网页设计和前端开发的现状:. 全球有超过53亿手机用户(包括传统手机).

如何用Paper.js制作网页动画

- - HTML5研究小组
导读:在很长一段时间内,网页动画是有GIF和Flash主导的,他们会有一个独立于页面其他元素的板块,而不是像文字和图像那样自然地呈现. 这个 直到HTML5 Convas(画布)出现,一切都改变了. canvas 把动画和手绘自然地融入到网页设计中. 你可以把动画和文字结合起来并让他们互动. 动画的效果变好了,编译是否也能简化.

网页板块设计研究

- Xu - 所有文章 - UCD大社区
用户体验(User Experience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受. 在基于Web的产品设计中,UE是一个相对较新的概念. Donald Norman博士提出了“用户体验”一词,他是一个认知科学的研究人员,首次提出了在互联网领域以用户为中心设计的重要性(用户的需求决定产品如何设计).

网页设计的12种颜色

- chenhua - 阮一峰的网络日志
前不久,ColourLovers.com公布了一项调查结果. 他们发现,美国前100大网站的Logo,主要使用12种颜色. 其中,采用蓝色的网站最多,红色排在第二种,黄色排在第三种. 我把这12种颜色的RGB代码列出来,供将来自己做网页时参考.

网页设计师的新挑战

- changwei - 互联网的那点事
随着苹果带来的平板电脑风暴让很多设计理念得到进一步的升级. 每天都有太多的好的创意涌现出来,似乎世界的每个角落都有一群孜孜不倦的Geek在研究着新的技术,在想着好的创意. 或许他们只是用着一种自娱自乐的姿态做着自己喜欢的事情,却给很多人带来了快乐和方便,也在微妙的改变着这个时代. 下面是来自网络搜集来的30个伟大的应用程序以及字体设计,来自网页设计师和开发人员.

如何成为网页设计专家

- Desmond - 译言-每日精品译文推荐
你是否想与客户侃侃而谈让他们认真的对待你的观点,因为看上去你就是个专家. 如果你的答案是肯定的,那么恭喜你,有许多人与你一样. 如果希望有一天能真正做到,那么你需要退后一步再想想,成为专家对你来说为什么如此重要. 为什么我们都希望看上去像个专家. 我们都希望成为专家是因为我们希望我们的观点能够被其它人认真对待.

HTML5和CSS3:网页设计的框架

- 壮壮爱 - 译言-每日精品译文推荐
来源HTML5 and CSS3: Wireframing in the final product. 框架是Photoshop和网页经典的比较之处. 现有的框架和原型工具不能准确体现网站的需求. 静态设计的网站不能在web浏览器上浏览. 而且当你完成网站最终建设,网页上一些元素看起来和草稿中相对应元素不完全一样,客户端会发现那些字体定位上的细微的区别.

网页设计应急小技巧

- Guan - 所有文章 - UCD大社区
工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长……. 突然觉得束手无策,脑袋里一片空白,没想法了,怎么办. 下面简浅的归纳了几个快速让页面出彩的小技巧:. 1.旋转法 – 将页面的主体或局部进行旋转. 我们一般的页面版式都是方方正正,四平八稳,有点呆板.