Graphviz(英文:GraphVisalizationSoftware的缩写)是一种由T&T实验室启动的开源工具包,用于绘制DOT语言脚本描述的图形。它同样也提供了供其它软件使用的库。其主要特点是能够生成代码图像,并且操作极其简单。
在我的那个“设计师技能进阶之路”(GitHb:https://githb.com/phodal/developer)里,就是使用这个工具制作了下面这张复杂的界面设计图。而其代码特别简单——和我们平时表达的手法是一样的,即:“界面布局”->"元素排列"->"颜色搭配""配色方案”“文字排版”->“图标选择”->“动画效果”“阴影效果”->“用户交互”。
至于这类图形界面创作软件的优劣,我们来了解一下。
静态绘图工具
在Windows世界里,这一类的工具最常见的算是Adobe XD:MS-XD-interface-design.
png很遗憾,它并不支持在MacOS上使用。而且,它并不在我购买的Office65套装里。
在Mac世界里,最好的工具算是Sketch,但同样——我们平时使用的是公司的Mac电脑,使用盗版软件是有法律风险的。
sketch_screen.jpg
对于GNU/Linux世界,我们则有Inkscape可选。Inkscape是开放源代码的向量图形编辑器,拥有丰富的功能,包括创建和组合路径、文本与对象、使用节点编辑工具进行路径编辑以及创建复杂的位图图像。
inkscape_screenshot.png
顺便安利一下,我最喜欢的操作系统OpenSSE——简洁、流畅、绿色。
open_sse.jpgOpenSSE在KDE桌面下效果最赞了——因为KDE和OpenSSE都是德国制造。
总的来说,会比Debian系的Debian和Ubuntu,及RetHat系的CentOS及Fedora稳定、漂亮。
动态界面设计软件
下面我们来看看动态界面设计软件的优缺点。
动态界面设计工具D.D.S.(Dynamic Design Simulator)
这是一款集图形界面设计与模拟于一体的强大工具。它可以制作出功能全面且操作简单的界面,并实时展示其在不同屏幕尺寸和分辨率下的效果。
dds_screenshot.png
不过遗憾的是:他们没有给我广告费。
界面原型设计软件
下面是几种界面原型设计软件的介绍。
Axure RP是一个基于Web的原型设计工具。它可以帮助用户快速创建交互式原型,便于团队间的协作与沟通。
axure_rp_screen.jpg
Figma则是一款在线绘图工具,可以用于制作各种图形界面原型,并且具有实时协同编辑功能。
figma_screen.png
ProcessOn同样也是一个在线协作绘图平台,支持用户在线创作原型、流程图等。同样,在我的那个“设计师进阶书单”(GitHb:https://githb.com/phodal/booktree)中,就是用这个工具画出规规矩矩的原型图。
processon_screen.jpg
总结
总的来说,图形界面设计软件有很多种,不同的工具适用于不同的场景和需求。希望这篇文章能对大家有所帮助。