SVG技术使用说明书_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
SVG技术使用说明书
上传于||暂无简介
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
下载文档到电脑，查找使用更方便
还剩21页未读，继续阅读
你可能喜欢网页设计与制作(第一讲)_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
网页设计与制作(第一讲)
上传于||暂无简介
大小：5.11MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢界面设计工具 Sketch 的使用体验如何？
按投票排序
如果全团队是Mac的话，Sketch是非常好用且适应现在的设计趋势的。我们公司现在已经全部都用Sketch了。Sketch尤其适合设计师职能不细分的中小团队和个人作品的制作。线框到视觉稿可以在一个软件里完成，能省去不少时间。Sketch的用户社区也比较繁荣健康，让人挺有信心继续用下去。（Sketch的扩展开发比PS容易的样子，我看github上还有人做了自动生成iconfont之类的高级脚本……）其他回答基本都只是在特色功能上评论，确实，这软件一开始的印象可能只有小巧便捷够用。但用多了后就会发现他最好的地方不是比PS多了什么功能，而是针对UI设计的操作、交互模式，用起来非常高效。PS因为要考虑摄影用户的使用，并不能针对UI设计师做最优设计。有些回答中说道的切图、测距等功能，其实最新的PS CC也能胜任（其他很多功能我相信要在PS上出现也只是个时间问题。跟PS比功能是很难有核心竞争力的），但PS的基本工具的操作/交互方式从来不是对UI设计专门设计的（我想这很难改变）。而这正是Sketch的取胜之道。UI设计时，最频繁的操作有选择/移动，整理图层、更改属性/样式。这3样东西是互相影响的，Sketch在这3方面都做得挺好，就完成了1+1+1=5的出色体验（虽然有一些是矢量软件天生的操作优势）：整理图层UI设计中得图层，和照片编辑时很不同的一点是，模块（or板块or分组）之间大多数不重叠，因此图层顺序也就相对不那么重要。只要对象能够被用户方便的选择到（后面讲选择功能的设计），图层的顺序很多时候是无所谓的。事实上浏览图层面板是低效的，不管缩略图还是文件名，人的读取效率都是不够理想的。Sketch通过更适宜的基本功能设计，很大程度上减少了用户对图层面板的依赖程度（不用去看），不仅直接简化了操作，也使用户可以更专注于画布上得内容。不要小看Forward和Backward的设计。Sketch的这个功能设计地非常好。首先这个功能的运作方式非常高效，它会考虑到遮罩关系，不做无意义的顺序变动。比如从上到下有a/b/c三图层，a遮着c了，但是b在其他地方，那我对c执行一次forward，c就是直接跑到a上面了（c/a/b），而不是只傻傻地提升一个级别（a/c/b）其次它只改变同级别内的图层，所以图层组内的东西怎么forward都不会跳出图层组。相比PS，图层一多，拖动来改变顺序太痛苦，用forward和backward每次只移动一层，低效，而连按太欢了又可能一不小心把分组逻辑搞乱了，必须小心翼翼复制、粘贴Sketch中复制、粘贴的操作和日常其他软件里的复制粘贴很相似。选中图层or图层组的情况下command+c复制，command+v粘贴。另外很重要的一个设计是，当前选中的对象决定粘贴出来的东西在哪个图层组里。这样大部分复制粘贴操作是不用看图层面板的。而PS里，ctrl+c和ctrl+v只能复制像素（选区），图层/对象的各种复制都远没有Sketch那么爽快，因为你必须通过不狗直观的图层面板来决定新图层的上下关系和包含关系。选取、移动工具这个最基本、最重要的工具设计的好不好，影响是巨大的。PS选择分为矢量的选择（A）和位图的选择（M）和图层的选择（V），略微复杂、繁琐。比如我现在要改变一个矩形矢量图层的圆角参数，我得先V切换到图层选择工具选中图层，然后A切换到矢量选择工具选中该路径，然后属性面板里才给我出现了圆角的参数。而Sketch里只有唯一的选择工具，一统天下。Sketch里的选择工具，通过双击可以把选择范围的层级深入一层（也就是可以选图层组里的东西），这样即使是嵌套了很多层图层组，每层还好多个图层组的情况，也可以很方便且逻辑较清晰地进行对象的选择。这个双击使得用户更加不需要关注图层面板。而PS里的选择工具有两个模式，一个是选图层组，一个是选图层。图层组模式是不能选图层组里的图层；图层模式时不能直接选整个图层组。双击？那是什么？Sketch里的默认的工具是选择/移动工具。其他工具都是画一下就切换回选择工具。你说你要连续添加很多个图形/元素？用make grid批量复制并布局吧。画好一个东西后接着布局，更加符合绘制UI的情况。而PS里你画好一个图形后还得按着ctrl才能移动。（PS的操作就是ctrl基本不离手）更改属性/样式Sketch里的涂层样式是在右栏里常开的。而在PS里先要在图层面板里找到当前选中的涂层然后双击打开样式编辑窗口，而样式窗口的弹出位置又是不那么确定的（尤其是多屏环境时），这么多次的视线和鼠标的移动，是非常低效且烦人的。其实这点PS也是可以模仿的，只要开发个图层样式的面板，然后这个面板可以自定义显示哪些属性（不然会过多塞不下）就可以了。但Adobe没有，我也没搜到这样的一款扩展/插件。经我这么一番叙述大家应该可以意识到了PS做UI设计是多么繁琐。sketch不仅简化了流程，还让左手（不用太多时间按着ctrl）和眼睛（不用去仔细阅读图层面板）更加轻松。它带来的隐藏的效率提升是比较可观的。至少操作体验是很好的。Sketch还有很多人性化的设计细节。各位用着用着就能体会到。简单明了的功能加上以上各种亲切的交互设计使得这软件的上手难度极低。我转向Sketch的时候除了个别疑点稍微搜了下文档，总体边学边用的过程都毫无阻碍。感受到的相对的不足有：团队小，软件没有Adobe的产品稳定，遇到bug时基本上就是毫无办法。也不知道什么时候会修复。大点的项目or大尺寸位图多点，性能就很一般了。之前做一个web app，背景整个是个位图，结果artboard也就十几张就比PS还卡了。Sketch如果功能上能满足团队需求，是目前的不二之选。它决不是简单地针对UI设计开发特别的功能、去掉不太用的功能，而是在基本的操作层次上给UI设计师带来了得更好地体验。
大概用 Sketch 用了将近一个月，原来是一直用 Illustrator 做界面设计。Sketch 有很多优点，但是同样的也有很多不爽的地方，大概列举一下，供参考：优点：快，用 Sketch 好像没有冷启动时间一样，这也就是为什么 AI 和 PS 需要启动画面OSX 支持好，原生全屏，原生的版本控制，支持 Retina功能集足够，支持贝塞尔曲线，支持布尔运算，支持文字转曲，支持图层样式功能亮点原生支持 @2x 图片导出保存切片时，可以选择导出的图层。如果在背景上画图标的话，不用像PS那么苦逼多个图层样式叠加，一个样式可以有n个阴影，基本上用 PS，AI 做出来的效果用 Sketch 没大问题。方便的阵列生成，有一个图形快速生成 n×n 的阵列，有内建的功能。支持 CSS 样式复制每个顶点的圆角半径设置 (PS内牛满面)比 Adobe 好用的智能辅助线，不仅可以对齐，选中之后按住 option 还可以量距离Sub-pixel 的文字渲染，这个 Adobe 从来没做到过。像素对齐，这个 PS 和 AI 也是痛点，但是 Sketch 也有小问题。不限制大小的画布，这也是 PS 的一大痛点。缺点快捷键覆蓋率不高，和 Adobe 系不一样 (比如R是矩形，Adobe系一直是M)，且不好自定义。像素图像编辑功能弱到爆，相当于没有。蒙板功能难用到爆，哪怕我只是想 Crop 一张像素图，也要画个路径，选中之后做蒙板。只支持 SVG 的导入，不支持 psd, ai 路径的导入，复制粘贴群组内编辑比较弱偶尔不稳定，不明原因地变慢文字编辑工具属于刚刚能用的状态&del&不能设置虚线和箭头&/del& Update: 可以设置，Border 那里有下拉菜单……最大的缺点：Sketch 文件属于没人支持的状态。你不可能永远不把原文件给别人。既然一个工具能让我用将近一个月，并且有相对稳定的产出，这个工具肯定是足够一般的用途了，但是要挑战 Adobe CS 这些大块头，还是不太现实，比较适合小团队，做一些简单的界面（话说现在扁平化流行的年代，用 Sketch 倒是刚刚好）。秀一个 Sketch 画的，并不复杂，但是比较典型的比其它工具都方便：
经过几个月在工作上的实际使用，上手容易，产出不错，在Ui设计上基本可以完全替代photoshop，目前已成为我的主力设计工具。它的优点其实就两个：一是提高工作效率，二是增加鼠标寿命。缺点也很明显，位图处理不能。------------------------------------------------------------------------------------------------------------日补充目前sketch已经更新到3.0版本，估计不久的将来会正式发布，各种功能加强，例如导出功能支持多种缩放尺寸，切片路径作为单独的文件可管理，Greate Symbol（虽然还搞不清怎么用但看起来很厉害的样子）等等...,着实的更加方便。------------------------------------------------------------------------------------------------------------有图有真相。界面：图标：文档：Sketch的优点：自动保存为了减少photoshop的崩溃的损失，每一个Ui设计师都会不停的command＋s，这其实是一件很残忍的事，你可以打开自动保存，但你无法预估它的保存时间，但随着文件越做越大，它来这么一下，你就得停下不动，这事尤其的蛋疼。sketch可以自动保存并且最关键的事，它不会打断你，你不必神经质的每隔几分钟手便抽动一次。矢量图形在sketch创建的图形全部是矢量的，在放大缩小就很方便，不需要调整太多，还有一个很好的小功能，就是可以一键把0.几的像素变成整数，而且可以很方便的在矢量视图和像素视图之间进行切换。可以很方便的创建一些重复形状构成的图形。测量工具我们在用photoshop做界面设计时，为了元素位置的精确，需要用蚂蚁线或者切片工具来测量元素与元素之间的距离，画完蚂蚁线或切片如果有变动，你还得再量一遍。在sketch在这点就会节省你很多时间，并且让我们的设计更加精确，只要选中这个元素，按住alt键，然后再把鼠标点选其他元素或者移动就可以实时的显示上下左右之间的距离，这是我认为sketch的一个最棒的功能。圆角矩形sketch对圆角矩形的创建是很方便的，既可以控制四个角圆角大小，也可以双击，对单个圆角进行调整，并且可以随意调圆角矩形，圆角也不会变形，当然photoshopcc也解决了这个问题，但它的操作很笨重。还有一个好处是，你可以点击右边的数值，并拖动鼠标，可以实时看到图形的变化。方便的选择元素左侧图层和分组栏，可以看到矢量图形的的缩略图。当用鼠标掠过画布上的各个元素的时候，左侧会出现一个蓝色框对对焦到我们选中的元素。另外如果你是一个分层分组科学合理，命名规范的设计师的话，那sketch的搜索会让你寻找界面元素的时候更加方便，并且随着上下点击会对焦到你选中的元素。图层样式sketch的图层样式和photoshop一样，渐变，描边，内外阴影，不同的是sketch可以在一个图形上添加最多四层完全不同的渐变，添加无限的描边和内外阴影。我们创建比较复杂的图形质感的时候也就更加方便。文字的样式也可以单独的保存起来，方便对多个的文本进行调整。无论图层样式还是文字样式都可以用alt＋command＋c或v进行粘贴。钢笔工具sketch的钢笔工具也比photoshop好用，具体表现在可以方便控制像素对齐或半个像素对齐，而在photoshop中虽然也可以对一个像素对齐，但设置和切换很麻烦。最棒的是，它可以画完美的弧线，只要按住atl键拖动鼠标即可。网格工具又是一个photoshop比较渣的点，photoshop不用第三方的网格插件基本就不可用，在sketch可以很方便的对网格进行编辑，有传统的方格，也有横向和纵向组成的长方形。文字渲染这个点其实说的是sketch支持sub-pixel渲染，翻译成中文可以说是次级像素，我随便截图给大家看一下，这种渲染方式是以前的旧技术，为低分辨率的显示器而生，现在绝大多数的系统和屏幕都是有的，当然有的同学要抬杠了，iOS的屏幕上没有，实际上是有的，只是Apple默认关闭，为什么关闭？1是iOS的现在的屏幕的像素密度不需要，刚才也说说了这是一个旧的技术，2是由于底层技术上的原因所以不支持。导出切图画切片和输出切图对设计师是最痛苦的一件事，痛苦程度随着切图数量和设备屏幕的多少不断递增。sketch输出切图很方便，等待时候比photoshop真是短太久了，因为是完全的矢量，可以无限缩放，并且可以同时输出一倍和二倍图。还可以自动画出切片大小。甚至可以直接把切图直接拖到指定的位置。效果图镜像sketch是原生支持在iOS设备上查看设计稿的，可以下载iOS的App，就可以在iPhone，iPad实时查看设计稿了。稳定和效率sketch可以添加无限的画布，可以把界面全部在一个文件内完成，有点像ppt，每页都可以建立多个画布，把多个界面平铺，即便设计很多界面也不会觉得运行效率上有所降低，由于都是矢量，所以文件体积也比photoshop小很多。所以最关键的一点就是稳定，彻底把你从不停的command＋s解放出来，也不用在一个psd固定的内只建几个界面。更新勤快sketch工具是一个年轻小团队，更新比较勤奋，对于用户的反馈也很及时。售价448元，安装包不到10m，破解也是方便，但建议差钱的和不差钱的购买正版，拿出人民币真正的支持这些能够切实的解决问题的人。支持eps和svg的导入可以把psd内的矢量文件转成eps或svg格式，可以在sketch内打开。Photoshop的槽点：不适合UI设计师在photoshop诞生时到现在，无论从官方的宣传，还是迄今为止的的版本更新点，都可以看到，photoshop的定位就是图像处理软件，Ui设计师从来都不是目标受众，我们使用的只是刚好能够提供界面设计功能的photoshop，但绝对谈不上就是给ui设计师准备的界面设计工具，打个比方，photoshop是全能，臃肿，笨重的工具箱，里面有钳子扳手改锥锤子等等工具，但我们需要只是一把用来削苹果的小刀。不适合Ui设计Ui设计很重要的一个点就是要求精确，同一个界面，你还得适配多种尺寸屏幕，这个过程在photoshop会花去你大量的时间去调整，像素，图标，文字，距离等等，因为photoshop从来没说它是个专业的排版工具。Ui设计对“对齐”这个词格外敏感，所以你需要对齐像素，对齐文字，对齐图形等等。对齐这些元素需要辅助线，网格等，但在photoshop这些原生工具真心难用，以至于我们必须下载第三方插件解决这个问题。在设计的最后，画切片，输出切图的时候往往是是很痛苦的。photoshop一直没有一个好的解决方式，只能第三方来了。我们还需要一个能实时在手机屏幕上查看效果图的工具，我们可以依赖photoshop第三方插件，但毕竟是第三方，总会有些问题，比如为了实时预览你的psd画板大小始终是640X1136，并且时不时的卡死等等。运行速度慢photoshop的年龄大概将近30来岁，第一个正式的版本是1990年发布在mac上的，当时只有800多k，发展到目前的photoshopcc，有1个多g。从安装包大小，启动速度，处理文件时的等待时间，即便优化重新写过，在最新的photoshopcc还是让人感到慢，卡。我们不能抱怨，因为photoshop的产品定位就是图像处理，静态的动态甚至3D的，什么都可以做。更新速度慢当时买了retina本子是没办法用photoshop的，过了几个月adobe才发布更新。不会随着拖拽变化的圆角矩形又等了多久，字体渲染要等多久，是因为产品庞大，尾大不掉，响应速度特别慢。photoshop有着广泛的用户群体，UI设计师只是其中的一点点，我们的需求不会被第一时间得到响应。弹出框我相信这是设计师最难以接受的情景就是各种各样的假死或真死的对话框，绝对菊花一紧，如果运气好话也保存过重新打开photoshop就好了，就怕一打开是几个小时前的成果，或者更惨点儿打不开了，文件没有备份，只有一份，遇到这种情况真就除了卧槽没别的辙，只有重新来过。UI设计师在Photoshop生存要点每5分钟按一次command＋s。Psd文件不能大于30M。Psd内不能超过6个界面。安装Psd缩略图补丁。使用智能对象。打开Psd，保存，或者输出切片要控制情绪。... ...工具并不是最重要的，但时间很重要。
用Sketch有一段时间了，特别适合用来设计web/移动端的界面，无论是上手速度还是工作起来的设计速度都甩ps/ai好几条街。相比与Adobe的东西，Sketch较为专注，自然也较为轻量，值得一试。ps.最近翻译了一篇相关的文章，可以看下
Sketch做绘图的确不靠谱，但是现在做iOS7和Windows 8的扁平设计，效率比使用PS不知道要高多少。一些复杂的图像可以从PS导过来作为库使用，我现在已经全面从PS撤离转Sketch了。源文件问题，Sketch的源文件现在已经蛮多的了，虽然比起PS还是少，但基本够用，使用别人源文件的难度也降低了很多。还有个最大的好处是，我发现新的设计师上手PS比上手Sketch要难得多，这就意味着独立产品开发者，可以自己一个人用Sketch+Xcode5完成设计到开发的全过程。
我只想说，我那天旋转复制了120个矩形，就再也打不开那个文件了。。。
对于界面设计师来说，尤其是安卓版本，简直是彻底解脱的感觉。装2个插件，自动生成安卓的多个版本，自动换算dp值，自动标注，还可以自动换算成DP值。IOS版本可以使用px值。以前用markman标注，也还是得手工处理呀，这下好了，全自动啊，感动死了！这里的介绍与教程
sketch在UI设计，尤其是移动终端和扁平化风格下是非常具有优势和效率的。硬伤是没有windows版本，不过技术上应该不是很难实现双版本。adobe一定注意到这款软件了，是收购还是改造现有产品？我觉得有可能会收购。
恩，用Sketch，作为产品我可以搭配Origami做交互（这个暂时还学得不太好）方便上手，有一些设计知识，半天可以上手。产出效率非常快，export功能可以小刀export每一个单独的元素。show一张我用学的Sketch教程吧，20分钟做的一个icon。我来更新一下，每天十分钟，一周左右的画布。
说实话，不太好用。还是说说有点，原生mac程序，制作ios & mac的界面和图标来还是非常顺畅的，从尺寸到格式，无不方便。但是——比较起重造型的AI的操控来说，太有限的布尔运算功能，羸弱的剪刀功能以及基本上没太大用处的剪切蒙版都是大软肋呀；比较起重效果的PS的操控来说，......好吧，直接在PS里面做导入进来就好吧！Sketch，要想替代ADOBE2件套，还有很长的路要走！
用户体验太好了，所以注定不能成为专业设计师的主力设计工具.
有了sketch，让我等技术宅终于可以自由自在的自己设计想要的ui效果了（当年一拿起ps就一头冷汗），于是果断买了（限时促销ing，要买的赶紧了）。
专门为UI设计而生的工具，像我这样的非设计师，再也不用看视频看书学习PS了，分分钟上手，随便画画就能产出低保真的线框图，稍有积累就可以做高保真，真实我等的福音。大快所有无基础人员人心的大好事。其实OmniGraffle的新版也不错。
说下感受：优点：做界面排版速度杠杠的。自动对齐，像素对齐。导出资源的功能很强大。自动保存也很贴心。快速在移动设备上预览。不足：画图工具还达不到AI和PS那么方便。钢笔工具。形状路径调整，比ps和ai弱很多很多。因此，工作中会这样，图标会在ai里画好。再拖入sketch里。sketch里就画些简单的形状吧。
做一点补充。sketch的钢笔工具其实做了很多优化，个人认为比ps甚至AI都要好，和sketch一贯的风格一样，在提升UI设计效率上下了大功夫。具体的操作，你看过下面我总结的一些快捷键就知道了。o 单击v进去钢笔工具o 双击锚点可以在straight和mirrored之间切换模式o 单击tab可以选中下一个锚点o 单击1，2，3，4可以切换模式（straight，mirrored，disconnected，asymmetric）o 按住commend拖动锚点关闭smart guides（就是那条水平垂直方向和其他点对齐的线）o 按住commend拖动手柄可以自由定位手柄位置（直接切换到disconnected）有人可能不知道straight，mirrored，disconnected，asymmetric都是些啥。进去钢笔工具模式后，右侧inspector可以看到这四个按键。straight（直线角）：点击画布时添加一个直角，没有弧度。两个锚点得到的就是一条直线。mirrored（镜像）：两个锚点镜像对应，也就是两点距离相等且相互对立。通常是默认模式。disconnected（断开连接）：两个锚点完全独立互不影响。asymmetric（不对称）：两个锚点相互对立，但是距离独立不受影响。其实掌握1234这四个快捷键钢笔工具就可以用的很溜零阻碍了，在不知道这个快捷键之前转换模式我还得一个一个在inspector上点，非常浪费时间。希望大家使用愉快~
要自己学习Sketch3，就下载我利用业余时间做的《Sketch3中文手册》吧，可以在UIweek官网上下载到，使用ibooks查看
目前已经成为团队的主力设计工具，产出效率和质量可以完全替代ps。但是如果开发用windows，那么还是需要单独标注。
对啊Sketch支持Windows么？是不是完全不支持啊？
no mac!!!!!!!!!!!!!!!!我额很想学
只有我感觉不好嘛。。。我觉得这个东西是为程序员等设计领域的门外汉量身打造滴呃。。。
已有帐号？
社交帐号登录
无法登录？
社交帐号登录实现一个基于JBPM流程定义设计器， 最好是用svg或者是vml实现的？_百度知道
实现一个基于JBPM流程定义设计器， 最好是用svg或者是vml实现的？
比户新建任务节点我应该要显示张图片eclipse画类型TaskNodeTaskNode名称执行该节点用户名要张已图片写名字新图片做图片要应段XML代码,关联建N任务节点些节点间页面何联系
提问者采纳
自写实非麻烦用现比较熟控件集项目用性强推荐用比图形控件支持svgvml用担浏览器兼容问题内说做比较熟
提问者评价
其他类似问题
为您推荐：
jbpm的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁| 时间排序
海云数据，Tableau.新兴的领域，目前在学术界的价值要远高于在业界的价值。不过这几年发展的很快。还是蛮有潜力的
海云数据，Tableau.新兴的领域，目前在学术界的价值要远高于在业界的价值。不过这几年发展的很快。还是蛮有潜力的
我这么低调怎会邀到我。谢谢。&br&&br&我不知道有没有什么特别的工具能快捷地生成你要的这种效果。如果只是打算编程实现的话，任何语言都有图形处理的工具包去实现。
我这么低调怎会邀到我。谢谢。我不知道有没有什么特别的工具能快捷地生成你要的这种效果。如果只是打算编程实现的话，任何语言都有图形处理的工具包去实现。
大数据，数据可视化主要就三种专业。&br&1. computer science (or computational engineer).&br&2. Information system.&br&3. MBA (specialization in data analytics/big data)&br&其他的专业比如统计，market analytics，business analytics也都是相关专业，但是大数据，数据可视化的教育程度参差不齐，具体情况视学校而定。
大数据，数据可视化主要就三种专业。1. computer science (or computational engineer).2. Information system.3. MBA (specialization in data analytics/big data)其他的专业比如统计，market analytics，business analytics也都是相关专业，但是大数据，…
你的具体情况还不清楚，建议你看看这个&a href=&///?target=http%3A//school./school/hot/programs%23lba& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&留学专业方向引导大全&i class=&icon-external&&&/i&&/a&，可能会比较详细一点
你的具体情况还不清楚，建议你看看这个，可能会比较详细一点
用雷达图展示比较好
用雷达图展示比较好
可以尝试去专业的可视化论文会议投稿，比如ieee vis, tvcg, euroVis, pacificVis这些&br&&br&一般可视化研究领域的论文，通常分成几种类型：&br&1. application，你在某个领域成功地应用了可视化，得出了比较好的结果；&br&2. interaction，你设计实现了比较好的交互方式，工具，比较新颖的话，也是可以发的；&br&3. presentation，就是数据的展现形式和相关算法；&br&4. algorithm，可视化过程中的各种算法，都可以发表，包括数据的处理、挖掘，上述1-3类的各种实现算法。。。&br&&br&一般而言，如果是应用型的论文，通常需要是一个比较全面的系统，包括了你面对具体问题时，怎么解决交互，数据的计算和呈现，如果在这些方面比较新颖，有启发意义，也是会被接收的
可以尝试去专业的可视化论文会议投稿，比如ieee vis, tvcg, euroVis, pacificVis这些一般可视化研究领域的论文，通常分成几种类型：1. application，你在某个领域成功地应用了可视化，得出了比较好的结果；2. interaction，你设计实现了比较好的交互方式，…
第二个图看不清楚
第二个图看不清楚
谢邀。&br&这种东西都是根据需求分析的，具体案例具体分析，因为这都是游戏本身的逻辑，所以其实策划去coding这块会比较好（国外都是这样的），当然游戏的灵活性也就在这里（所以就没什么真正“好”的游戏框架）。
谢邀。这种东西都是根据需求分析的，具体案例具体分析，因为这都是游戏本身的逻辑，所以其实策划去coding这块会比较好（国外都是这样的），当然游戏的灵活性也就在这里（所以就没什么真正“好”的游戏框架）。
你要记住，游戏程序各个模块之间几乎都是串行，历史上就没个什么模型啥的适合游戏，一切根据实际需求来定，一天改三十次不嫌多
你要记住，游戏程序各个模块之间几乎都是串行，历史上就没个什么模型啥的适合游戏，一切根据实际需求来定，一天改三十次不嫌多
这种矢量图一般用AI做比较好，可以放大缩小；然而如果用习惯了PS也可以做，用形状工具就可以了。
这种矢量图一般用AI做比较好，可以放大缩小；然而如果用习惯了PS也可以做，用形状工具就可以了。
excel、echarts、d3.js……等等都能搞出来，excel2016应该能最快做出来。主要是要有数据，懂点配色。
excel、echarts、d3.js……等等都能搞出来，excel2016应该能最快做出来。主要是要有数据，懂点配色。
这样图片很多软件可以做，专门的作图软件如AI，PS，Coreldraw；就是excel也是可以做的
这样图片很多软件可以做，专门的作图软件如AI，PS，Coreldraw；就是excel也是可以做的
推荐一个国内的产品，很不错，&a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&大数据魔镜—首款免费大数据可视化分析工具&i class=&icon-external&&&/i&&/a&，免费使用的，整合了市面上的可视化效果，可视效果很多，同时还有上卷下钻，数据预测，聚类分析，相关性分析，数据联想，地图，组合图等很多功能。&br&&br&&b&操作简单的，导入数据源，拖入维度和度量，选择图表就可以了。&/b&&br&&img src=&/43eb807f6b7a1c8baff3d92c_b.png& data-rawwidth=&1251& data-rawheight=&727& class=&origin_image zh-lightbox-thumb& width=&1251& data-original=&/43eb807f6b7a1c8baff3d92c_r.png&&&br&&br&&img src=&/d50c2c455f9d99871eea4fd531ec355b_b.png& data-rawwidth=&1555& data-rawheight=&708& class=&origin_image zh-lightbox-thumb& width=&1555& data-original=&/d50c2c455f9d99871eea4fd531ec355b_r.png&&&img src=&/a4e3cbdd2a34f0882a77_b.png& data-rawwidth=&1574& data-rawheight=&794& class=&origin_image zh-lightbox-thumb& width=&1574& data-original=&/a4e3cbdd2a34f0882a77_r.png&&&br&&img src=&/978c847eaefa52b62b429a76aadb0f85_b.png& data-rawwidth=&1321& data-rawheight=&670& class=&origin_image zh-lightbox-thumb& width=&1321& data-original=&/978c847eaefa52b62b429a76aadb0f85_r.png&&&br&&img src=&/e5fade0f0dd_b.png& data-rawwidth=&553& data-rawheight=&334& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/e5fade0f0dd_r.png&&&br&&img src=&/3cf49d768c39d_b.png& data-rawwidth=&1182& data-rawheight=&494& class=&origin_image zh-lightbox-thumb& width=&1182& data-original=&/3cf49d768c39d_r.png&&&img src=&/de7149882cbc270f219875edb6b1e19e_b.png& data-rawwidth=&1078& data-rawheight=&443& class=&origin_image zh-lightbox-thumb& width=&1078& data-original=&/de7149882cbc270f219875edb6b1e19e_r.png&&&b&可以搭配自己喜欢的色调&/b&&br&&img src=&/ba33cc6e0db9379eea5fefa_b.png& data-rawwidth=&1538& data-rawheight=&507& class=&origin_image zh-lightbox-thumb& width=&1538& data-original=&/ba33cc6e0db9379eea5fefa_r.png&&&img src=&/b9d6841deb20fbe72b2718eadcab1f7f_b.png& data-rawwidth=&1578& data-rawheight=&706& class=&origin_image zh-lightbox-thumb& width=&1578& data-original=&/b9d6841deb20fbe72b2718eadcab1f7f_r.png&&&br&&br&&b&支持多种数据源、可视化效果多&/b&&br&&b&&img src=&/be2db31bc999f8a61ea357_b.png& data-rawwidth=&1417& data-rawheight=&743& class=&origin_image zh-lightbox-thumb& width=&1417& data-original=&/be2db31bc999f8a61ea357_r.png&&&img src=&/e3d0f4281ee54acc59cbde_b.png& data-rawwidth=&678& data-rawheight=&613& class=&origin_image zh-lightbox-thumb& width=&678& data-original=&/e3d0f4281ee54acc59cbde_r.png&&当然还有其他很好的可视化工具：&/b&&br&&p&1、Excel&/p&&p&Excel作为一个入门级工具，是快速分析数据的理想工具，也能创建供内部使用的数据图，但是Excel在颜色、线条和样式上课选择的范围有限，这也意味着用Excel很难制作出能符合专业出版物和网站需要的数据图。&/p&&br&&p&2、Charting Fonts&/p&&p&Charting Fonts是将符号字体与字体整合（把符号变成字体），创建出漂亮的矢量化图标。&/p&&br&&p&3、Gephi&/p&&p&Gephi是进行社会图谱数据可视化分析的工具，不但能处理大规模数据集并且Gephi是一个可视化的网络探索平台，用于构建动态的、分层的数据图表。&/p&&br&&p&4、CartoDB&/p&&p&CartoDB是一个不可错过的网站，你可以用CartoDB很轻易就把表格数据和地图关联起来，这方面CartoDB是最优秀的选择。&/p&&br&&p&5、Google Chart API &/p&&p&Google Chart提供了一种非常完美的方式来可视化数据，提供了大量现成的图标类型，从简单的线图表到复杂的分层树地图等。它还内置了动画和用户交互控制。&/p&&br&&p&6、D3&/p&&p&D3（Data Driven
Documents）是支持SVG渲染的另一种JavaScript库。但是D3能够提供大量线性图和条形图之外的复杂图表样式，例如Voronoi图、树形图、圆形集群和单词云等。&/p&&br&&p&7、Crossfilter&/p&&p&Crossfilter既是图表，又是互动图形用户界面的小程序，当你调整一个图表中的输入范围时，其他关联图表的数据也会随之改变&/p&&br&&p&8、Raphael&/p&&p&Raphael是创建图表和图形的JavaScript库，与其他库最大的不同是输出格式仅限SVG和VML. &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Rapha?l—JavaScript Library&i class=&icon-external&&&/i&&/a&&/p&&br&&p&9、R&/p&&p&R语言是主要用于统计分析、绘图的语言和操作环境。虽然R主要用于统计分析或者开发统计相关的软件，但也有用作矩阵计算。其分析速度可比美GNUOctave甚至商业软件MATLAB。&/p&&br&&p&10、&a href=&///?target=http%3A//Visual.ly& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&Visual.ly&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&如果你需要制作信息图而不仅仅是数据可视化，&a href=&///?target=http%3A//Visual.ly& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&Visual.ly&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&是最流行的一个选择。&/p&&br&&p&11、Weka&/p&&p&Weka是一个能根据属性分类和集群大量数据的优秀工具，Weka不但是数据分析的强大工具，还能生成一些简单的图表。&/p&&br&&p&12、NodeBox&/p&&p&NodeBox是OS X上创建二维图形和可视化的应用程序，你需要了解Python程序，NodeBox与Processing类似，但没有Processing的互动功能。&a href=&///?target=https%3A//www.nodebox.net/code/index.php/Home& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&nodebox.net/code/index.&/span&&span class=&invisible&&php/Home&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&br&&p&13、Processing&/p&&p&Processing是数据可视化的招牌工具。你只需要编写一些简单的代码，然后编译成Java。Processing可以在几乎所有平台上运行。&/p&&br&&p&14、Leaflet &/p&&p&Leaflet是一个开源的JavaScript库，用来开发移动友好地交互地图。&/p&&br&&p&15、Openlayers&/p&&p&Openlayers可能是所有地图库中可靠性最高的一个。虽然文档注释并不完善。且学习曲线非常陡峭，但是对于特定的任务来说，Openlayers能够提供一些其他地图库都没有的特殊工具。&/p&&br&&p&16、PolyMaps&/p&&p&PolyMaps是一个地图库，主要面向数据可视化用户。PolyMaps在地图风格化方面有独到之处，类似CSS样式表的选择器。&/p&&br&&p&17、Tangle &/p&&p&Tangle是一个用来探索，Play和可以立即查看文档更新的交互工具。&/p&&br&&p&18、jsDraw2DX&/p&&p&jsDraw2DX是一个标准的JavaScript库，用来创建任意类型的SVG交互式图形，可生成包括线、矩形、多边形、椭圆、弧线等图形。&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&SVG Graphics Library for JavaScript HTML5 :jsDraw2DX&i class=&icon-external&&&/i&&/a&&/p&&br&&p&19、iCharts&/p&&p&iCharts提供可一个用于创建并呈现引人注目图表的托管解决方案。有许多不同种类的图表可供选择，每种类型都完全可定制，以适合网站的主题。iCharts有交互元素，可以从Google Doc、Excel表单和其他来源中获取数据。&/p&&br&&p&20、Modest Maps&/p&&p&Modest Maps是一个轻量级、可扩展的、可定制的和免费的地图显示类库，这个类库能帮助开发人员在他们自己的项目里能够与地图进行交互。&/p&&br&&p&21、Many Eyes&/p&&p&Many Eyes是一个Web应用程序，用来创建、分享和讨论用户上传图形数据。&/p&&br&&p&22、Anychart&/p&&p&Anychart是一个灵活的基于Flash/JavaScript(HTML5)的图表解决方案、跨浏览器、跨平台。除了图表功能外，它还有一款收费的交互式图表和仪表。&/p&&br&&p&23、Kartograph&/p&&p&Kartograph不需要任何地图提供者像Google
Maps，用来建立互动式地图，由两个libraries组成，从空间数据开放格式，利用向量投影的Python library以及post GIS，并将两者结合到SVG和JavaScript library，并把这些SVG资料转变成互动性地图。&/p&&br&&p&24、Modest Maps&/p&&p&Modest Maps是一个很小的地图库，在一些扩展库的配合下，例如Wax、Modest Maps立刻会变成一个强大的地图工具。&/p&&br&&p&25、Raw&/p&&p&Raw局域非常流行的D3.js库开发，支持很多图表类型，例如泡泡图、映射图、环图等。它可以使数据集在途、复制、粘贴、拖曳、删除于一体，并且允许我们定制化试图和层次。&/p&&br&&p&26、Zoho Reports&/p&&p&Zoho Reports支持丰富的功能帮助不同的用户解决各种个性化需求，支持SQL查询、类四暗自表格界面等。&/p&&br&&p&27、Quantum GIS(QDIS)&/p&&p&Quantum GIS(QDIS)是一个用户界面友好、开源代码的GIS客户端程序，支持数据的可视化、管理、编辑与分析和印刷地图的制作。&/p&&br&&p&28、Springy&/p&&p&Springy设计清凉并且简答。它提供了一个抽象的图形处理和计算的布局，支持Canvas、SVG、WebGL、HTML元素。&/p&&br&&p&29、Bonsai&/p&&p&Bonsai使用SVG作为输出方式来生成图形和动画效果，拥有非常完整的图形处理API，可以使得你更加方便的处理图形效果。它还支持渐变和过滤器（灰度、模糊、不透明度）等效果。&/p&&br&&p&30、Dundas Chart &/p&&p&Dundas Chart处于行业领先地位的NET图表处理控件，于2009年被微软收购，并将图表产品的一部分功能集成到Visual Studio中。&/p&&br&&p&31、TimeFlow&/p&&p&TimeFlow Analytical Timeline是为了暂时性资料的视觉化工具，现在有alpha版本因此有机会可以发现差错，提供以下不同的呈现方式：时间轴、日历、柱状图、表格等。&/p&&br&&p&32、Cube&/p&&p&Cube是一个开源的系统，用来可视化时间系列数据。它是基于MongoDB、NodeJS和D3.js开发。用户可以使用它为内部仪表板构建实时可视化的仪表板指标。&/p&&br&&p&33、Gantti&/p&&p&Gantti是一个开源的PHP类，帮助用户即时生成Gantti图表。使用Gantti创建图表无需使用JavaScript，纯HTML-CSS3实现。图表默认输出非常漂亮，但用户可以自定义样式进行输出（SASS样式表）。&/p&&br&&p&34、Smoothie Charts&/p&&p&Smoothie Charts是一个十分小的动态流数据图表路。通过推送一个webSocket来显示实时数据流。Smoothie Charts只支持Chorme和Safari浏览器，并且不支持刻印文字或饼图，它很擅长显示流媒体数据。&/p&&br&&p&35、Flot&/p&&p&Flot是一个优秀的线框图表库，支持所有支持canvas的浏览器（目前主流的浏览器如火狐、IE、Chrome等都支持）。&/p&&br&&p&36、Pizza Pie Charts&/p&&p&Pizza Pie Charts是个响应式饼图图表，基于Adobe
Snap SVG框架，通过HTML标记和CSS来替代JavaScript对象，更容易集成各种先进的技术。&/p&&br&&p&37、Fusion Charts Suit
XT &/p&&p&Fusion Charts Suit XT是一款跨平台、跨浏览器的JavaScript图表组件，为你提供令人愉悦的JavaScript图表体验。它是最全面的图表解决方案，包含90+图表类型和众多交互功能，包括3D、各种仪表、工具提示、向下钻取、缩放和滚动等。它拥有完整的文档以及现成的演示，可以帮助你快速创建图表。&/p&&br&&p&38、Tableau Public&/p&&p&Tableau Public是一款桌面可视化工具，用户可以创建自己的数据可视化，并将交互性数据可视化发布到网页上。&/p&&br&&p&39、Protovis&/p&&p&Protovis是一个可视化JavaScript图表生成工具。&/p&&br&&p&40、Arbor.Js&/p&&p&Arbor.Js提供有效率、以力导向的版面配置演算法，抽象画图表组织以及筛选更新的处理。&/p&&br&&p&41、Timeline&/p&&p&Timeline即时间轴，用户通过这个工具可以一目了然的知道自己在何时做了什么。&/p&&br&&p&42、Highchart.js&/p&&p&Highchart.js是单纯由JavaScript所写的图表资料库，提供简单的方法来增加互动性图表来表达你的网站或网站应用程式。目前它能支援线图、样条函数图。&/p&&br&&p&43、Choosel&/p&&p&Choosel是可扩展的模块化Google网络工具框架，可用来创建基于网络的整合了数据工作台和信息图表的可视化平台。&/p&&br&&p&44、NodeXL&/p&&p&NodeXLDE 主要功能是社交网络可视化。&/p&&br&&p&45、BirdEye&/p&&p&BirdEye是Decearative Visual
Analytics，它属于一个群体专案，为了要提升设计和广泛的开源资料视觉化发展，并且为了Adobe Flex建视觉分析图库，这个动作以叙述性的资料库为主，让使用者能够建立多元资料视觉化界面来分析以及呈现资讯。&/p&&br&&p&46、Paper.js&/p&&p&Paper.js是一个开源向量图表叙述架构，能够在HTML5
Canvas 运作，对于初学者来说它是很容易学习的，其中也有很多专业面向可以提供中阶及高阶使用者。&/p&&br&&p&47、Visualize Free&/p&&p&Visualize Free是一个建立在高阶商业后台集游InetScoft开发的视觉化软体免费的视觉分析工具，可从多元变量资料筛选并看其趋势，或是利用简单地点及方法来切割资料或是小范围的资料。&/p&&br&&p&48、Echarts&/p&&p&经常使用开源软件的朋友应该很熟悉ECharts，大家都知道去年春节以及近期央视大规划报道的百度大数据产品，如百度迁徙、百度司南、百度大数据预测等等，这些产品的数据可视化均是通过ECharts来实现的。&/p&&br&&p&49、OpenStreetMap&/p&&p&OpenStreetMap是一个世界地图，由像您一样的人们所构筑，可依据开放协议自由使用。&/p&&br&&p&50、OpenHeatMap&/p&&p&OpenHeatMap简单易用，用户可以用它上传数据、创建地图、交流信息。它可以把数据（如Google Spreadsheet的表单）转化为交互式的地图应用，并在网上分享。&/p&&br&&p&51、GeoCommons&/p&&p&GeoCommons可以使用户构建富交互可视化应用来解决问题，即使他们没有任何传统地图使用经验。你可以将实社会化数据或者GeoCommons保存的超5万份开源数据在地图上可视化，创造带交互的可视化分析作品，并将作品嵌入网站、博客或分享到社交网络上。&/p&&br&&p&52、Circos&/p&&p&Circos最初主要用于基因组序列相关数据的可视化，目前已应用于多个领域，例如：影视作品中的人物关系分析，物流公司的订单来源和流向分析等，大多数关系型数据都可以尝试用Circos来可视化。&/p&&br&&p&53、Impure&/p&&p&Impure是一个可视化编程语言，旨在收集、处理可视化信息。&/p&&br&&p&54、Sigma.js&/p&&p&Sigma.js是一个开源的轻量级库，用来显示交互式的静态和动态图表。&/p&&br&&p&55、Polymaps&/p&&p&Polymaps是一个基于矢量和tile创建动态、交互式的动态地图。&/p&&br&&p&56、Rickshaw&/p&&p&Rickshaw是一个基于D3.JS来创建序交互式的时间序列图表库。&/p&
推荐一个国内的产品，很不错，，免费使用的，整合了市面上的可视化效果，可视效果很多，同时还有上卷下钻，数据预测，聚类分析，相关性分析，数据联想，地图，组合图等很多功能。操作简单的，导入数据源，拖入维度…
已有帐号？
社交帐号登录
无法登录？
社交帐号登录