第2章 网页设计的风格创意(上)

第2章 网页设计的风格创意(上)

ID:27546879

大小:5.55 MB

页数:11页

时间:2018-12-04

第2章 网页设计的风格创意(上)_第1页
第2章 网页设计的风格创意(上)_第2页
第2章 网页设计的风格创意(上)_第3页
第2章 网页设计的风格创意(上)_第4页
第2章 网页设计的风格创意(上)_第5页
资源描述:

《第2章 网页设计的风格创意(上)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第2章网页设计的风格创意(上)网站的整体风格及其创意设计是设计师们最难把握的,它没有一个固定的程式可以参照和模仿。如果拿来他人作品为己用,就会变成抄袭,变得平庸化。页面设计的创意和广告设计创意有着不同的涵义。广告独特的创意设计是为了更好地传播信息,而在多数情况下,网页独特的创意设计是为了更好地包装信息、归类信息及管理信息。网页设计是对一个信息空间的“包装”。设计风格独特的“信息包装”是为了更好地突出网站的形式美,给人们一种耳目一新的感觉,使大家可持久地记住这个站点。2.1网页的风格设计网站是特殊的信息载体,它与电视、广播、报纸、书籍截然不

2、同,它甚至兼顾了这些媒体所有的特点。网站承载的信息量很大,刷新速度快,信息储存完整,俨然是一个信息仓库。它远远超过精练信息的平面广告,也不是流动的电视广告,更不是印刷质量差的油墨报纸,它是仓库,像是杂志,也像是有声、有动画的图书馆。不同的杂志有截然不同的文化信息、气质和韵味。网站就好像一本杂志,不同的信息类型会产生不同的“气韵”,这种感觉就是风格。2.1.1金属风格2000年末到2001年初,网络上十分流行金属风格的网页设计,如图2-1-1和2-1-2所示就是典型金属风格的站点abravo.cl,这样的站点完全突出了网页个性。图2-1-1

3、www.abravo.cl首页-39-图2-1-2www.abravo.cl栏目首页现在已经不是手绘做广告的年代,如果仅仅可以想到好的创意,却无法利用电脑制作出来,构想就无法实现,一个好的创意就荒废了。这样的事情很多设计师都会遇到。另外,软件使用纯熟,也可以提高设计师的工作效率。如果仅注意技术,设计没有新意,这样也无法成就好的作品。在网络出现了多个金属风格的站点后,此类站点就没什么特点了。这种体现工业美的金属风格站点很对男孩子的口味,由于它给人的感觉只是绚丽、冷漠,没有情感和公式化,久而久之喜欢的人就越来越少了。金属风格的网页设计要想更上

4、一层楼,就要摒弃它的缺点,制作要更精细、更精美,这样才能脱颖而出,同时注意加强它的情感表达。2.1.2像素风格众所周知,数字化图形图像文件类型分“矢量图”和“点阵图”两种。其中的点阵图像是由许多“点”组成的,这些“点”称为像素(pixel)。只要棱角分明、制作精细、工艺化强的设计风格就是像素风格了。像素风格分类繁多,它的灵感来源于电脑游戏和手机屏保。如图2-1-3和2-1-4所示是一个韩国的网站,它就是此类风格的代表作。图2-1-3www.tutton.co.kr首页-39-图2-1-4www.tutton.co.kr栏目首页像素风格的网

5、页设计也在不断地进步与发展。这种风格给人的感觉是太过理性,缺乏情感表达,不过这种风格又充分地体现了数码感、游戏感和时代感。2.1.3面板风格享誉国际的MP3播放器软件Winamp可以变换软件面板。制作这样的面板,需要设计师具有一定的图形软件制作技巧。如果到国际最大的面板下载中心(skinz.org)看看,可以发现千万个Winampskin。网页风格多多稍稍也会受到来自不同风格的skin的影响。网络给了我们无限大的资源,在这里的确有一部分是依靠网络、电脑才衍生出来的艺术风格,如面板、图标。到今天,这些设计门类还没有专业的设计师进行设计,设计

6、制作此类产品的基本上都来自网页设计师,因此网页、面板、图标相互渗透,互相影响,如图2-1-5和2-1-6所示的网站就是属此类。-39-图2-1-5www.filmdeluxe.de首页图2-1-6www.filmdeluxe.de栏目首页面板设计中的作图风格,网页设计中的棱角按钮,到底是谁借鉴谁多呢?2.1.4报纸风格如图2-1-7和2-1-8所示是成都后花园的网站,从木纹材质的背景、鹅黄色彩与红泥搭配、标题字体的打印效果-39-、插图简洁但张力到位等各个角度,都可以找到报纸的影子。换句话说,就是活脱的一个网络报纸。这样的设计排版非常有新

7、意,网络上并不多见,突出了它的独创性和唯美的风格。图2-1-7www.cd7day.com首页图2-1-8www.cd7day.com栏目首页还有一些页面设计,可以从字体排版中找到“报纸网页”的感觉。它们的页面风格各异,但不难看出,设计信息量大的网页时,可利用文字排版疏密充当辅助线,划分界限,配上有突破性、冲击力的插图,但不要过于突兀。-39-2.1.5三维风格网页上也有三维设计吗?当然有,而且还很多!浏览中经常遇到一些视觉效果非常好的网页,却很难用平面软件制作而成,这时就可以考虑借助三维软件。三维设计在网络上是无处不见的。利用立体旋转的

8、网站标志,可以做出具有时代感、数码感效果的Flash动画。虚拟现实、全景360°等某些特殊网络技术也依赖三维技术来实现。随着宽带网的发展与推广,将来会有更多选择三维模式的场景。因此,一个好的多

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。