论文部分内容阅读
摘要:在当今大数据化的时代,信息需求的日益增长,大部分人获得信息主要来自互联网。如何进行个性化的网页设计?首先必须了解自己要做网站的内容,只有抓住了网站内容的个性特征并且视觉化,然后从网页的界面、导航条、交互方式、文字、图片、色彩、声音、FLASH动画、视频等元素入手,才能设计出精彩且个性的网页来。
关键词:个性化的网页设计;界面;导航条;交互方式;文字;FLASH动画在当今大数据化的时代,信息需求的日益增长,大部分人获得信息主要来自互联网。个人和企事业单位、组织的发展,信息的发布交流等,同样也是大部分通过互联网实现的。网页的视觉展示,能向浏览者充分展示个人或企事业单位、组织自身的个性特征和企业文化。
如何进行个性化的网页设计?进行个性化的网页设计,首先必须了解自己要做网站的内容,只有抓住了网站内容的个性特征并且视觉化,然后从网页的界面、导航条、交互方式、文字、图片、色彩、声音、视频等元素入手,才能设计出精彩且个性化的网页来。
如何让网页界面的视觉个性化?(1)该网站内容的个性特点是什么?(2)如何从视觉上突出其特点?只有抓住了其网站内容的个性特点并且视觉化,才能抓住浏览者的视线。例如,十几年前韩国电影《醉画仙》发行时,为了配合电影《醉画仙》的发行,做了一个网站。这个网站除了它的FLASH技术做到了极致,它的视觉效果上做到了极具个性特征。以至于这个网站出来后,很多网站都风行一时的模仿它。《醉画仙》的电影讲的是十九世纪韩国画家张承业的故事,如何在平面的网页上展示电影里一个画家的故事和这部电影的相关内容,该网站的欢迎界面的背景是一张白色带底纹图片,白色带底纹的图片模拟出国画宣纸的质感。画面中间是一滴墨汁渗透的生宣上的痕迹,墨汁的里面的文字分别是金色的韩文——“醉画仙”和白色的中文——“醉画仙”。并且在墨迹里做了一条金鱼追踪的FLASH,当浏览者的鼠标划过墨汁时,出现一条金鱼追踪的动画,给浏览者以游戏般的交互体验。墨迹的左下方是一支毛笔,墨迹左上方的文字前面是一个红色的印章形的装饰元素,右下方的两种文字的链接前面也是用小的墨迹做的装饰元素。整个画面无论从文字到图形,都来自东方文化的元素,整个页面精彩绝伦的向浏览者展示了东方文化的神韵。同时,让人一看就知道这是一个跟绘画有关的网站。高超的FLAH技术和典雅的画面一下子就吸引住了浏览者的眼球。这样一个简洁明快精美的欢迎界面,给浏览者一个视觉美感和缓冲。同时,设计者牢牢地抓住了该网站的本质特征——这个网站是要介绍一位画家,一位画水墨的画家!
图1图2点击进去,主页依旧是白色带底纹的背景,优雅宁静。画面成大胆对角线构图,红艳艳的水墨山水风景画占住了画面右下方,酣畅淋漓又如水彩画般明艳轻薄透明,主角坐在山上,随着FLASH动畫的出现,点击主角发出豪放不羁声嘶力竭的嘶吼,浏览者为之震撼的同时,也略对网站人物的个性特征有所了解。精彩FLASH动画展示了主角精湛的作画过程,高超的FLASH技术令人叹为观止!伴随这个FLASH动画和背景音乐,把浏览者带入了十九世纪中叶,封建的朝鲜王朝内外交困中风雨飘摇的时代,淋漓尽致的表现了画家张承业狂放不羁的个性和技术高超的绘画过程。网页的导航设计非常个性且精彩,导航条的形状采用不拘一格的毛笔在纸上绘画留下的痕迹作为轮廓。
点击关于电影导演和电影相关信息的导航进入子网页,每一个人物介绍,每一个人物的图片都是用墨迹在生宣上绘画留下的生动的笔墨痕迹做背景。再一次将主角的职业和电影以及网页三者之间的关系绝妙地结合在一起。最精彩的是关于电影主要人物的介绍,FLASH 场景模仿电影场景,当鼠标划过人物时,角色会屈膝弯腰点头问好,并且会自我介绍,人物周围还有投影,完全是电影场面调度的效果,令浏览者迫不及待地想观看电影和电影相关的资料。
图3网页的字体设计和编排,在网页设计中占有相当重要的作用,整个网站的字体,为了更恰如其分的表现人物和内容,从标题字到导航和文本内容,所有的文字都是手写体。
图4韩国电影《醉画仙》网站是将电影、网页设计、绘画三者之间关系完美的结合,将东方文化的神韵的表达到了极致。该网页极具个性化设计:整个网站的文字为了更恰如其分的表现人物和内容,从标题文字到导航和文本内容,所有的文字都是手写体;整个网站的交互设计,欢迎界面不仅美轮美奂,还给浏览者游戏般的交互体验。其他的交互设计也给浏览者动态的视觉体验;图片和色彩都充分地突出网站的个性特征;网页的导航设计非常个性且精彩,导航条的形状采用不拘一格的毛笔在纸上绘画留下的痕迹作为轮廓。因此,对网页进行设计时,要想把网页设计做得极致,首先必须了解自己要做网站的内容,只有抓住了网站内容的个性特征并且视觉化。然后从网页的界面、导航条、交互方式、文字、图片、色彩、声音、视频等元素入手,才能设计出精彩且个性的网页来。参考文献:
[1] 曹金明.网页设计与配色[M].北京希望电子出版社,2005.
[2] 周埗.网页设计解析[M].清华大学出版社,2009.
[3] 张云峰.民族艺术与文字设计的关联与影响[J].民族艺术,2012(03).作者简介:朱俊华(1972—),女,湖北孝感人,助教,现任教于湖北美术学院设计系,主要研究方向:广告设计。
关键词:个性化的网页设计;界面;导航条;交互方式;文字;FLASH动画在当今大数据化的时代,信息需求的日益增长,大部分人获得信息主要来自互联网。个人和企事业单位、组织的发展,信息的发布交流等,同样也是大部分通过互联网实现的。网页的视觉展示,能向浏览者充分展示个人或企事业单位、组织自身的个性特征和企业文化。
如何进行个性化的网页设计?进行个性化的网页设计,首先必须了解自己要做网站的内容,只有抓住了网站内容的个性特征并且视觉化,然后从网页的界面、导航条、交互方式、文字、图片、色彩、声音、视频等元素入手,才能设计出精彩且个性化的网页来。
如何让网页界面的视觉个性化?(1)该网站内容的个性特点是什么?(2)如何从视觉上突出其特点?只有抓住了其网站内容的个性特点并且视觉化,才能抓住浏览者的视线。例如,十几年前韩国电影《醉画仙》发行时,为了配合电影《醉画仙》的发行,做了一个网站。这个网站除了它的FLASH技术做到了极致,它的视觉效果上做到了极具个性特征。以至于这个网站出来后,很多网站都风行一时的模仿它。《醉画仙》的电影讲的是十九世纪韩国画家张承业的故事,如何在平面的网页上展示电影里一个画家的故事和这部电影的相关内容,该网站的欢迎界面的背景是一张白色带底纹图片,白色带底纹的图片模拟出国画宣纸的质感。画面中间是一滴墨汁渗透的生宣上的痕迹,墨汁的里面的文字分别是金色的韩文——“醉画仙”和白色的中文——“醉画仙”。并且在墨迹里做了一条金鱼追踪的FLASH,当浏览者的鼠标划过墨汁时,出现一条金鱼追踪的动画,给浏览者以游戏般的交互体验。墨迹的左下方是一支毛笔,墨迹左上方的文字前面是一个红色的印章形的装饰元素,右下方的两种文字的链接前面也是用小的墨迹做的装饰元素。整个画面无论从文字到图形,都来自东方文化的元素,整个页面精彩绝伦的向浏览者展示了东方文化的神韵。同时,让人一看就知道这是一个跟绘画有关的网站。高超的FLAH技术和典雅的画面一下子就吸引住了浏览者的眼球。这样一个简洁明快精美的欢迎界面,给浏览者一个视觉美感和缓冲。同时,设计者牢牢地抓住了该网站的本质特征——这个网站是要介绍一位画家,一位画水墨的画家!
图1图2点击进去,主页依旧是白色带底纹的背景,优雅宁静。画面成大胆对角线构图,红艳艳的水墨山水风景画占住了画面右下方,酣畅淋漓又如水彩画般明艳轻薄透明,主角坐在山上,随着FLASH动畫的出现,点击主角发出豪放不羁声嘶力竭的嘶吼,浏览者为之震撼的同时,也略对网站人物的个性特征有所了解。精彩FLASH动画展示了主角精湛的作画过程,高超的FLASH技术令人叹为观止!伴随这个FLASH动画和背景音乐,把浏览者带入了十九世纪中叶,封建的朝鲜王朝内外交困中风雨飘摇的时代,淋漓尽致的表现了画家张承业狂放不羁的个性和技术高超的绘画过程。网页的导航设计非常个性且精彩,导航条的形状采用不拘一格的毛笔在纸上绘画留下的痕迹作为轮廓。
点击关于电影导演和电影相关信息的导航进入子网页,每一个人物介绍,每一个人物的图片都是用墨迹在生宣上绘画留下的生动的笔墨痕迹做背景。再一次将主角的职业和电影以及网页三者之间的关系绝妙地结合在一起。最精彩的是关于电影主要人物的介绍,FLASH 场景模仿电影场景,当鼠标划过人物时,角色会屈膝弯腰点头问好,并且会自我介绍,人物周围还有投影,完全是电影场面调度的效果,令浏览者迫不及待地想观看电影和电影相关的资料。
图3网页的字体设计和编排,在网页设计中占有相当重要的作用,整个网站的字体,为了更恰如其分的表现人物和内容,从标题字到导航和文本内容,所有的文字都是手写体。
图4韩国电影《醉画仙》网站是将电影、网页设计、绘画三者之间关系完美的结合,将东方文化的神韵的表达到了极致。该网页极具个性化设计:整个网站的文字为了更恰如其分的表现人物和内容,从标题文字到导航和文本内容,所有的文字都是手写体;整个网站的交互设计,欢迎界面不仅美轮美奂,还给浏览者游戏般的交互体验。其他的交互设计也给浏览者动态的视觉体验;图片和色彩都充分地突出网站的个性特征;网页的导航设计非常个性且精彩,导航条的形状采用不拘一格的毛笔在纸上绘画留下的痕迹作为轮廓。因此,对网页进行设计时,要想把网页设计做得极致,首先必须了解自己要做网站的内容,只有抓住了网站内容的个性特征并且视觉化。然后从网页的界面、导航条、交互方式、文字、图片、色彩、声音、视频等元素入手,才能设计出精彩且个性的网页来。参考文献:
[1] 曹金明.网页设计与配色[M].北京希望电子出版社,2005.
[2] 周埗.网页设计解析[M].清华大学出版社,2009.
[3] 张云峰.民族艺术与文字设计的关联与影响[J].民族艺术,2012(03).作者简介:朱俊华(1972—),女,湖北孝感人,助教,现任教于湖北美术学院设计系,主要研究方向:广告设计。