石油石化企业门户网站UI设计的探讨论文_赵捷

石油石化企业门户网站UI设计的探讨论文_赵捷

赵捷

大庆油田有限责任公司第十采油厂信息中心 黑龙江省 大庆市 163000

摘要:本为以Illustrator在网页设计中的实例,简述了Illustrator在桌面和移动两种开发模式中的优缺点,通过对比、分析Illustrator与其他设计软件的特性,论述了Illustrator在企业中应用实现网页设计、功能的可行性,确定了Illustrator是企业未来在网页设计领域的必备工具。

关键词:AI;网页设计;宽屏

1 引言

网站伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于企业需要通过网站呈现产品、服务、理念、文化,或向大众提供某种功能服务,因此网页设计在企业与客户交互中变得尤为重要。同时,随着4G和WLAN在中国越来越普及,各类移动终端应用集中爆发,移动互联网颠覆了许多的产业和领域。企业级移动应用作为后起之秀,正以超越其它应用的惊人速度发展,因此,油田信息建设移动化成为今后发展的方向。

下面将介绍Illustrator的功能及特性,通过展示其在桌面端网页、移动端网页和PPT中的应用效果,论述Illustrator在桌面和移动两种开发模式中的优缺点,并简述Illustrator在网页设计上的先进之处,及在企业中应用Illustrator实现网页设计、功能的可行性。

2 AI的特性

Adobe Illustrator(AI)是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,最初是Adobe公司在1986年为苹果公司麦金塔电脑设计开发的,目前该软件的最新版本为Illustrator CC,该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。Illustrator一直深受世界各地平面设计人员的青眯,它现在几乎可以与所有的平面、页面、动画等设计软件进行最完美的结合,包括InDesign、Photoshop、Dreamweaver以及Flash等,这使得Illustrator能够横跨平面、网页与多媒体的设计环境,因此不论是哪个领域的设计人员,Illustrator都将是设计者最好的助手。

2.1 软件特点

最大特征在于钢笔工具的使用,使得操作简单功能强大的矢量绘图成为可能。它还集成文字处理、上色等功能,不仅在插图制作,在印刷制品(如广告传单、小册子)设计制作方面也广泛使用,事实上已经成为桌面出版(DTP)业界的默认标准。

所谓的钢笔工具方法,在这个软件中就是通过“钢笔工具”设定“锚点”和“方向线”实现的。开始使用会感到不习惯,一旦掌握便能随心所欲绘制出各种线条,并直观可靠。

AI作为创意软件套装Creative Suite的重要组成部分,与Photoshop有类似的界面,并能共享一些插件和功能,例如两种文件格式的直接应用,实现无缝连接。同时它也可以将文件输出为Flash格式。因此,可以通过Illustrator让Adobe公司的产品与Flash连接。

2.2 功能特性

2.2.1提供的工具

Illustrator是一款专业图形设计工具,提供丰富的像素描绘功能以及顺畅灵活的矢量图编辑功能,能够快速创建设计工作流程。借助Expression Design,可以为屏幕、网页和打印产品创建复杂的设计和图形元素。Illustrator它支持许多矢量图形处理功能,拥有很多拥护者,也经历了时间的考验,同时,Illustrator还提供了一些相当典型的矢量图形工具,诸如三维原型、多边形和样条曲线,一些常见的操作从这里都能被发现。

2.2.2特别的界面

Illustrator外观颜色不同于Adobe的其他产品,Design是黑灰色或亮灰色外观,这种外观上改变或许是Adobe故意为之,意在告诉用户这是两个新产品,而不是原先产品的改进版。

2.2.3贝赛尔曲线的使用

Illustrator最大特征在于贝赛尔曲线的使用,使得操作简单功能强大的矢量绘图成为可能。它还集成文字处理,上色等功能,不仅在插图制作,在印刷制品(如广告传单,小册子)设计制作方面也广泛使用。

2.3AI与PS的区别

AI是一款专业矢量绘图软件,它的应用范围相当宽广,它主要用于绘图、标志设计、包装盒、包装袋设计等。所以AI也是平面设计者的首选软件,因为它生成的是矢量图像,无论怎么缩放都不会变形,非常方便。它也可以像PS那样做出一些效果,只不过如果图比较大或者比较多,会相对反应缓慢,其中有一个3D效果,简单快捷。AI也可以用于出版印刷,和一些插画设计。

总的来说,Illustrator(简称AI)是矢量图的创作、处理软件,主要用来制作动画、艺术创作的,它生成的矢量图可以无限放大而不失真和损失。此外,AI还可以将矢量图导出为位图,得到质量不错的位图,然后再用位图软件进行后期处理。Photoshop(简称PS)就是位图的合成处理软件,主要用来对各种已有的素材进行后期加工处理,合成各种各样的图片,比如广告图片等。

所以,AI与PS最大的不同是放大后效果。AI放大后,图像依然清晰;Photoshop:放大后,图像会被模糊。AI适合用来绘制矢量图,比如手机APP、网页设计的布局排版、按钮、图标等矢量元素。PS适合用来做平面广告、插画或后期处理等。

期刊文章分类查询,尽在期刊图书馆

3 AI的应用技巧和效果

3.1AI在网页设计中的应用效果

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。以厂信息中心主页效果为例。

将AI制作的页脚矢量图片,与之前PS制作的页脚位图图片同时进行放大400倍的操作,进行效果对比可以看出,AI制作的页脚图片,没有失真,而PS制作的也叫图片失真严重,即使在IE、Chrome、Firefox、遨游等多个不同内核的浏览器下,AI图片也不会发生失真的情况。

所以Illustrator也是平面设计者的首选软件,因为它生成的是矢量图像,无论拉多大都不会变形,同理,用Illustrator设计布局排版、按钮、图标等矢量元素,也是网页设计者的首选。

3.2AI在移动端页面设计的效果

随着4G网络时代来临,无线接入技术和移动端技术的飞速发展,人们迫切希望能够随时随地乃至在移动过程中方便的获取信息和服务,截至2016年12月,中国手机网民规模以达6.95亿,移动应用的迅猛发展使得企业也要在移动软件上进行开拓。以大庆油田工会APP为例。

移动端网站的应用,使得企业与用户之间的交互更为便捷,实时性更强,企业的各类信息的宣传更为广泛,其中移动端的网页设计、图片设计等矢量图片的设计制作,离不开AI的制作。使得在桌面端与移动端之间进行图片移植操作变得准确、简洁。

随着移动端网站的普及发展,未来开发本厂的APP软件是必然趋势,AI是时下流行的移动端网页设计工具,其素材资源多,网站下载的资源可以直接进行编辑应用,为了提高用户体验,在移动端网页设计中,从信息架构由于内容量的不同,很难限定该类应用的信息架构曾;导航和层级样式;功能分级和抽屉式页面布局;精致的文字四方面总结出,移动端页面简洁大方,完全依赖矢量图片、文字实现个性功能和信息传递,因此,AI这款专门设计矢量图软件的应用,在移动端网页设计中是不可缺少的。

3.3 AI在PPT中应用的效果

AI是制作矢量图的软件,在PPT的应用中,AI设计制作的母版,表头,标签,柱状图等任意缩放的矢量图,可以轻松的进行应用。对于不满意的效果,可以轻松的在AI中进行批量,准确的修改和编辑,直到达到满意的效果。

4 Illustrator先进之处

AI是Adobe公司开发的平面设计软件,Adobe Illustrator CC 2017是最新的版本,其新功能的研发和漏洞的修复都即使并有保障,多年的矢量图设计软件积累了大量的用户和素材资源,使得学习和应用Illustrator变得更加便捷。

4.1 学习简单

Adobe Illustrator是Adobe公司开发的一系列软件之一,最相近的PS软件与Illustrator相比,无论是操作还是图标都如出一辙,使得会PS的用户上手Illustrator非常快。其次经过多年的发展,Illustrator教学书籍和视频很容易买到,以上两个因素使得要掌握Illustrator网页设计变得简单。

4.2 兼容性更好

Adobe公司开发的Adobe Photoshop、Adobe Edge、Adobe Flash Catalyst、Adobe Illustrator、Adobe Dreamweaver等主流设计软件,存储文件的格式可以互相应用,这为设计提供了很好的兼容性,使得工作量下降,效率提升。

4.3 更快的运行速度

新版本的AI设计软件支持64位操作系统,好处是软件可以有更大的内存支持,运算能力更强。还新增了不少功能和对原有的功能进行增强。

4.4 自适应性强

AI解决了让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局的问题,如手机、平板等,实现了“一次设计,普遍适用”的目标,降低了架构设计的复杂度。

5 结论

随着油田信息化进一步发展,未来网络设备将在生产制作中起到越来越重要的作用。以上通过介绍AI的特性,阐述了AI在网页设计应用的优缺点,论述AI在桌面和移动两种开发模式中的方法和技巧,以及确定AI在未来企业搭建移动端网站页面应用的发展方向。

今后,按照油田在新媒体方面的实际业务要求,将在桌面端网页、移动端网页和办公应用软件等领域开发出更多、更优秀的作品,在专业领域为油田建设做出更大贡献。

参考文献:

[1] 吴玉娥.Illustrator和Photoshop结合使用绘制服装款式图的研究.山东纺织科技,2019,(03).

[2] 窦海娥,赵澄.电脑图文设计软件实验课程教学模式探讨.美术教育研究.2019,(07).

[3] 张兵,李少梅.基于Illustrator的地图符号制作及线状要素关系处理.测绘与空间地理信息.2019,(01).

[4] 杨淑霞,高晖,陈通.常用图形软件在地图编制中的应用对比.测绘标准化.2018,(03).

[5] 朱颖岚.Illustrator中钢笔工具的使用技巧分析.中外企业家.2018,(16).

论文作者:赵捷

论文发表刊物:《文化时代》2019年15期

论文发表时间:2019/10/28

标签:;  ;  ;  ;  ;  ;  ;  ;  

石油石化企业门户网站UI设计的探讨论文_赵捷
下载Doc文档

猜你喜欢