简化的Flash界面设计(下) Flash设计之前的提纲设计有很多事项需要注意。当然这些与本文的主题有些不搭调。但是你一旦开始按照这种方式布局界面,很快就会发现哪些方法比较有效。
创建界面的工具现在有很多种,我个人比较偏爱Fireworks MX 2004。这一程序易于创建界面原型,然后使用Flash的矢量工具,重新调整和定义设计元素每个设计师都有自己偏爱的程序,但是Fireworks MX 2004的确能让复杂矢量图的设计变得简单很多。省去了很多不必要的步骤。
考虑一下下面这个界面,虽然看起来很简单,但却是从一系列用Union工具排列在一起的圆润矩形图。标准的矢量图和文字工具被用作可用的界面来创建合成部分。
虽然,乍一看起来,这一界面设计并不复杂,但是使用Flash的标准工具来设计这一类的界面将会是一项艰巨的任务。只要看一下繁杂的曲线图标。
 在下列这个表格中,我创建了一系列有角的和无角的矩形板块。其他放置logo, 另外的图标和主要内容的放置位置都有清晰的标注,主菜单与子菜单也同样如此。
用一系列实体的填充物和简单的线条设计界面总共大概需要15分钟的时间,因为Fireworks MX 2004可以很轻易的把界面设计的元素归类(比如说所有的主菜单),我还会把这些属性仔细调整直至最后的布局让我对最后的设计感到满意。
Macromedia的魅力之一就是他们的结构紧凑,即使Flash 和 Fireworks之间的协调也是非常的协调一致。从最初的理念(在Flash中使用相关图层结构),我可以在两种程序之间自由的复制粘贴。因为这种设计是在矢量图格式中做出来的,(没有下拉阴影或闪光的效果等这类的效果应用到某些事项上),两种程序之间始终保持着一致性,向量格式的图片被成功导入Flash。要把我们在外部程序中创建的界面设计元素导入Flash,我们需要了解哪些界面元素之间可以相互搭配。在下面这个表格中,你会看到界面如何转化成图层然后一层一层的相互叠加以创建出一个多层次的界面。从顶部的板块条,一层一层错落有致以产生最后的效果。
 根据你使用Flash的方法,快速创建界面最简单的方式就是把一个整体的各个部分作为单独因素逐一导入,分时段的把这些事项安排到不同的图层。这样做不仅使你的设计层次分明条例清晰,易于管理,而且对每一部分的内容更容易操控。
注意在上述表格中每一不同的部分是如何一层一层叠加的。如果上方会出现更大的板块,出现在最底部的选项或者板块多数情况下会被隐藏。这是中很有用的恶理念,你可以使用图层遮盖其他层,而无需改变层的种类或使用复杂的遮盖技术,这种技术可以提高设计时设计的界面。
上一篇 本知识库文章由flash网站制作公司(上海)原创或翻译,如有转载需求,请联系我们,并注明文章出处,提供网站文章源链接。
|