核心提示:很多人都想设计出Flash界面,但是很多经历过这种设计过程的人都备受打击,发誓再也不做这一类的设计。这种失败的确很丢人。本文大致列举了一些运用平面设计程序,精心的规划和简洁的逻辑进行Flash界面设计的方法和窍门。
Flash绘图工具在这类软件的早期版本中就已出现,而且在软件历经升级换代的同时并未发生太大改变。只使用Flash软件中的工具要设计出有效的工具来是很困难的,往往也会让Flash设计新手和过于循规蹈矩的设计师备受挫折。这也是为什么人们喜欢在外部设计图形,然后再将其导入Flash调整。
界面设计对所有终端媒体来说都是个非常棘手的问题;对设计师来说,要在可用性,功能性和美观方面之间协调恰当,难度不亚于哈里森福特寻找圣杯。设计的平台不止一个,但没有一个比Flash播放器使用起来更麻烦。很多好的设计理念,因为操作不当或者规划不周而不能得以体现。但是这二种错误是可以纠正的,只要你遵循这些从经验中得来的法则,虽然这些法则也不是一成不变的,但还是能给我们不少帮助。
给设计添加线框
给设计添加线框对很多人来说并不陌生。在设计中很多人都回无意识的使用线框。
简单说来,使用线框就是创建直观的框架图,像是网站内容的一个占位符。比如说,如果你的网页设计中有很多文本内容,你就要考虑使用下拉条而不是翻页设计了。
设计在版面规划阶段就有很多细节需要考虑到。
要做界面设计,可使用的工具有很多。我比较喜欢Fireworks MX 2004。这一程序对创建界面模型很有帮助;使用Flash的矢量工具在重新调整大小,重新定位目标方面比较快捷。每个人都有自己偏好的程序,但是Fireworks MX 2004大大简化了复杂的矢量图。这种设计乍一看并不复杂,但是这种使用Flash的标准工具设计界面的创建也是件很艰巨的任务。
我曾经创建了一系列简单的边框圆滑的矩形框。放置logo的,额外的图标和主要的内容区域,都应该被清晰的标记出来。主次菜单也应该如此。用固体填充和简单的线条作者一类的设计需要大概十五分钟,因为Fireworks MX 2004使得平面设计元素的归类变得十分简单。我可以仔细调整属性与定位直到我满意自己的设计为止。Macromedia一系列的产品中其中一项优点是他们的结构紧凑,Flash 和Fireworks之间的关系也是如此。
从最原始的概念出发,在Flash中使用图层结构,我可以在各个应用程序之间快速的复制粘贴。因为设计是矢量格式的,(并提供非现场效果,比如下拉阴影或光线,都会用在这一程序中。为了维持这种程序间的完整性,矢量格式图被完整的引入了Flash软件。
理解图层排序
要将外部程序中的界面元素融入到Flash设计中,我们需要理解单独界面元素是如何融到一起的。鉴于自己使用Flash的方式,快速创建一个Flash界面最有效的方式就是把整个设计作为个体引入,并将其排列在各个图层当中。这样做不仅使设计层次分明从而易于管理。还大大减轻了控制相关联的界面的定位问题。
Fireworks和Flash都支持图层,我们可以很容易的将内容从Fireworks转移到Flash上。在Flash中重复使用图层,并将内容依次放到每一个图层中,我们便可以对比一下在Fireworks中设计的界面,会发现过程被大大简化了。