明辉站/图形图像/内容

Illustrator9.0与Golive5.0

图形图像2023-09-18 阅读
[摘要]首先要声明,我说的是Illustrator9.0和Golive5.0,第二,我是说真正的设计工具。ok!明白这两点其它就好说了。我以为,在制作网页的时候,功能性是放在第一位的,换句话说,无论你的页面有多美观,首先要具备基本的链接交互等功能。一旦怎样实现基本功能不再成为问题的时候,版式设计就成了最大...

首先要声明,我说的是Illustrator9.0和Golive5.0,第二,我是说真正的设计工具。ok!明白这两点其它就好说了。

我以为,在制作网页的时候,功能性是放在第一位的,换句话说,无论你的页面有多美观,首先要具备基本的链接交互等功能。一旦怎样实现基本功能不再成为问题的时候,版式设计就成了最大的问题??如果你是一位网页设计师的话。


Golive5.0的出现很大程度上改变了网页设计师的生活,它赋予网页设计师更大的自由空间,使他们可以推敲更改页面元素的排放,那么,我以为,这是网页设计真正的开始。特别是其中布局网格的使用,使设计师以表格的苦恼中解脱出来。而其拖放操放则给予设计师足够的直观(还有那有趣的点?射线)。是的,和绝大部分Adobe公司的软件一样,重视设计时直观性和思维连续性。我们可以更加容易的超出软件的束缚,更多关注创意,设计本身,一旦有了好的创意和脚本,很轻松可以马上看到效果,然后再继续前进。


而Illustrator9.0很显然以它矢量设计软件之王的身份,悄然发动了一场网页元素设计方式的革命,以前思路建立在像素基础上的设计师不得不考虑矢量编辑的可能性,因为Illustrator9.0提供的针对网页设计师的功能太诱人了(特别是当你是从平面转到网页设计)。当然并不是说photoshop在网页设计方面就没有存在的理由了,恰恰相反,photoshop无论在平面、网页、视频等图像处理方面的王者地位是短时期内不可动摇的。只是Illustrator9.0提供了更大的可能性,以及全新的思维方式。


那么接下来,我们可以讨论一下当两者同时工作的可能性与优劣(事实上,Golive5.0与photoshop的集成更为美满,它可以导入psd图层文件作为浮动框,以及使用追踪图象即trace image,也就是使用photoshop进行页面排版。)


记得在上课时,有位老师曾说过,Illustrator是创作工具,而photoshop是编辑处理工具。当时并没在意,对这句话的真正理解却是在好长时间以后,确实如此,毫无疑问,photoshop可以创作作品,可是当我们去看设计味很浓的作品时,很多、应该说是绝大多数作品是Illustrator类的作品。而Ps的作品很多都是以素材的高质量来取胜的。当你没有很好的素材时,要空手套白狼的时候,你会选择那个呢?我想绝大多数设计师都会选择Illustrator类的软件,而且就我个人来说,Illustrator的界面更能激发我的创造性。


在网页设计方面更是如此,如图标绘制,对元素的控制,文字排版等,使用Illustrator十分方便就可完成,尤其当你是从平面设计师转过来时,那更是轻松上手。

ok!举个例子,我要作一个600*400的页面,在Illustrator中新建一个如此大小的文件(RGB)然后在透明网格设置同样颜色的两种格色(这样就可以很容易察看背紧色效果,当然也可以后置矩形模板背景,个人喜好),接下来,导入素材,进行排式,作图标,甚至动画,或设置热点链接。(当然有些东西还是非用photoshop的)总之,干完你该干的一切,然后输出,单选图标,按ALT+SHIFT+CTRL+3隐藏其它物件(根本无需像photoshop那样裁来裁去,然后save for web,接着把文本输出成文本文件(如果你是用智能对象工具,你甚至只需粘贴,复制就够了)。一切结束后,ok,存盘ai文件,完全可更改。比如说,忽然发现标题图标有个字错了,如果是psd文件,那么就得从新再做一遍,而ai文件简单之极,如果你没生成轮廓路径文字,则只需更改就可,即使你己生成轮廓路径也没关系,删掉错字,再打上正确文字,使用吸管吸取同样属性文字,ok,搞定。我们甚至可以直接生成swf文件,网页图像不再受分辨率的限制(但没有svg效果好)注意的是一定要压平在一个图层上。而且Illustrator是第一个可以生成svg的图形软件,掌握了它对未来是有好处的(关于svg可以查看相关文章,就实用性来说,它还不太成熟,而且我觉得,也就是它可以给文字很多效果而不改变文字的可编辑属性还比较吸引人)


总之利用Golive5的智能对象功能及AI9的网页输出功能,我们可以做许多以前无法做的尝试。(这个站点的首页就是结合两者做的)当然,本文是个人观点,而且仅就Illustrator的范围进行评论,如果你有什么不同意见或更出色想法,欢迎探讨!
Photoshop默认保存的文件格式,可以保留所有有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等。

……

相关阅读