网页设计资源分享:WEB设计流程图和图表

文章描述:饼图、柱状图、线图和许多其他的图形是非常重要的用来表示数据和沟通的信息,并可展示两个实体之间的关系。而这些图形如果用在 Web 上则有助于吸引访客的注意力,并有效地解释相关数据。 在这里我们推荐一些很棒的工具,你可以通过点击创建非常直观的设计流程图和图表。

饼图、柱状图、线图和许多其他的图形是非常重要的用来表示数据和沟通的信息,并可展示两个实体之间的关系。而这些图形如果用在 Web 上则有助于吸引访客的注意力,并有效地解释相关数据。 在这里我们推荐一些很棒的工具,你可以通过点击创建非常直观的设计流程图和图表。

Gliffy

使用 Gliffy 可创建非常漂亮的各种图表、流程图、平面图和技术图纸等等。

Highcharts

Highcharts是一个制作图表的纯Javascript类库,主要特性如下:

●兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;

●对个人用户完全免费;

●纯JS,无BS;

●支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;

●跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas

●emulator for IE和Jquery类库或者MooTools类库;

●提示功能:鼠标移动到图表的某一点上有提示信息;

●放大功能:选中图表部分放大,近距离观察图表;

●易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;

●时间轴:可以精确到毫秒;

Barchart

这是一个用来创建柱状图的工具。

CSS Chart Generator

完全使用 Flash 和 XML 构建的图表生成工具。

Grapher

非常易用,可点击箭头来创建列,点击标题和数字来修改标题和单位,可右键打印图表。

Hohli Charts

生成动态图表

MGraph

Ajax MGraph 基于 Prototype.js 的 Ajax 图表库,纯 XHTML 和 CSS 实现。

Flowchart

Flowchart.com 是一个在线多用户、实时协作的流程图服务

Online Chart Generator

这是一个最棒的在线图表生成工具,支持三维的图表

[1] [2]  下一页

时间: 2024-11-08 17:39:26

网页设计资源分享:WEB设计流程图和图表的相关文章

设计资源分享:ued/UI设计/图标资源

文章描述:设计资源分享 用户体验团队网站 1.UCD大社区 http://ucdchina.com/ 2.腾讯WSD http://wsd.tencent.com/ 3.腾讯CDC http://cdc.tencent.com/ 4.腾讯ISD http://isd.tencent.com/ 5.淘宝UED http://ued.taobao.com/ 6.著片会http://www.shupianhui.com/ 7.口啤UED http://ued.koubei.com/ 8.阿里UED h

交互设计经验分享:WEB拖放交互设计

文章描述:交互设计经验分享:WEB拖放交互设计.   开篇呈上赵本山和宋丹丹的小品笑话:  要把大象放进冰箱总共分几步? 把大象塞进冰箱要3步:1 把冰箱门打开:2 把大象装进去:3 把冰箱门带上. 这虽是一则脑筋急转弯的笑话,但却提炼出我们生活中将一个物体放进另外一个物体里通常有的3个步骤. 1.    虚实结合的世界  随着信息化时代的到来,我们的生活不仅局限于可触摸的自然环境,而且拓展到无形的虚拟环境中.继而,真实生活中的行为,如购物.交友.娱乐,也会映射到虚拟环境里.虚拟世界中,鼠标.键

星空或极光设计效果在Web设计中的网站

今天网页教学网将和大家一同分享Web设计新趋势中的又一新颖元素,那就是星空和极光效果,首先引领这个网页设计趋势的时苹果Leopard OSX,它的极光/星空效果让人眼前一亮且深入人心,深深的吸引了大量从事Web设计工作的设计师们的眼球.如果将这种简单的星空或极光设计效果添加到你的网站.博客的背景图或页头中,马上会令富有新的生命力! 下面我们来一起欣赏一下网页教学网为大家收集的20个使用了星空/极光效果的网站吧,最后还会为大家加提供一些该效果相关的网页设计教程. 网页设计趋势欣赏:星空/极光 1.

WEB响应式设计:响应式Web设计的CSS框架分享

文章简介:Web布局设计新方式-响应式设计,应用越来越广泛,在这里为大家分享10个用于响应式Web设计的CSS框架,让您的开发工作越来越轻松. Web布局设计新方式-响应式设计,应用越来越广泛,在这里为大家分享10个用于响应式Web设计的CSS框架,让您的开发工作越来越轻松. 1) Less Framework Less框架是一个用于设计自适应网站的CSS网格系统,它包含4个布局和3套预设布局,这些都以一个单一网格为基础.Less框架的目标是更高效地创建多布局网站,并在布局之间保持一致. 2)

微软设计主管谈web设计

作为设计主管,Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具,这些工具被用于下载中心.产品目录.配置文件中心. 搜索 和注册等联机功能. 他为几个内部工具设计了用户界面,并且正致力于创建将于今年晚些时候发布的下一代主页. 从头衔上,您可能认为我主要关心的是 microsoft.com Web 站点几千个网页的版面设计.的确,这些确实是我所关注的.视觉上的吸引力是重要的,但是这仅仅是工作的一小部分.而最终的目的是确保整个站点运转正常. 我的

国外设计参考:以web设计为主的国外设计博客

以web设计为主,兼之前端技术.平面.矢量.摄影以及素材.来源都是国外的blog.虽然都是英文的,但基本图像就可以说明一切,所以英语不好的同学也不用有负担. -----------------------------– Interview With Digital Artist Ferdi Rizkiyanto aka Pepey Pepey.是来自印尼著名平面设计师,他关于温室效应的招贴设计全球闻名(有沙漏的那幅).他的作品中既有激动人心的创造力,又具备无与伦比的细节.在一些广告设计中使用的三

设计经验分享:如何设计文字标志

上文:设计经验分享:怎样才能设计最成功的标志 [译者的话] 虽然在我们网站已经有很多篇谈论标志设计的文章,但对我们有帮助的文章不怕多.在设计一个标志时我们或许会认为"创意"是最重要的,但事实上,有一些基本原则比创意更重要.这些原则对于日后设计一个成功的标志是必不可少的. 如何设计文字标 文字标是指不包含图形的标志,设计这种标志其实可以很简单! 一个标志如果不包含图形或图片即称之为文字标,这类标志设计起来相对比较容易.文字标是使用最广泛的一类标志,事实上,很多国际性大公司都在使用这种标志

游戏官网设计经验分享:网站设计具体过程

文章描述:内页的设计,延续昏暗的设计风格.第一人称视角.全程的背景音乐,这一切都旨在为玩家提供一个真实环境氛围,让玩家体验更加真实.刺激. 引言: 提到横版格斗的网络游戏,大家可能最熟悉的就是腾讯代理的2D像素游戏(DNF),从08年上线到现在一直热度不减,可见在中国的游戏市场上格斗类的游戏是多么的受到玩家的热爱.随着电脑硬件的提高,游戏的画面品质得到了进一步提高.创造出高品质的横版格斗游戏成了众多游戏厂商的目标. 项目背景: <暗影之剑>是一款成人横版动作MMORPG.游戏首次将暗黑写实风格

网页设计资源分享:国外CSS和javascript教程

文章简介:最新的Javascript和CSS应用技巧荟萃. 随着前端技术的发展,javascript和css在网站和web应用中展现出强大的统治力,特别是随着HTML5和CSS3的标准的成熟,我们可以使用javascript和css开发出你想都没有想到过的特效和动画,在今天的这篇文章中,网页教学网将介绍一组相关CSS和javascript的强大教程和插件,希望大家喜欢! CSS动画和过渡效果 随着CSS3标准的来到,CSS过渡效果和动画效果常常应用到互动的用户体验中,设计师可以通过CSS创建出令