如何让WEB页面设计更具艺术性
关关 2018-06-19 来源 : 阅读 1153 评论 0

摘要:网页是随着互联网的产生而形成的一种新的媒体版面,像书报一样有图片、文字;像电影电视一样有动态图像;像光盘一样有多媒体。WEB页面设计除了传承传统媒体设计特点,还要融合日新月异的网络技术,追求艺术与技术的高度统一。本文结合有关网页的设计制作,谈谈网页艺术设计的方式和特点。希望阅读本篇文章以后大家有所收获,帮助大家对WEB页面设计的理解更加深入。

网页是随着互联网的产生而形成的一种新的媒体版面,像书报一样有图片、文字;像电影电视一样有动态图像;像光盘一样有多媒体。设计网页除了传承传统媒体设计特点,还要融合日新月异的网络技术,追求艺术与技术的高度统一。本文结合有关网页的设计制作,谈谈网页艺术设计的方式和特点。

一、网页艺术设计的方式
     1.策划主题,定位风格。
     每个设计只有一个主题,主题的内容决定风格与形式。风格的形成是通过版面设计、色调处理、图文组合等来表现的。
     比如:荆楚在线(湖北日报社新闻网站)开了一个“江河湖北”频道。频道主要反映湖北涉及江河的工程规划设计、江河物产、江河文化等等。既然跟水有关,那么整个频道的色调应是蓝色调,水纹图片是不可少的;南水北调和三峡工程是涉及我省的国家重点工程,那就放在中心重点部位。这个频道不同于资讯、 IT或文化等频道,在设计时尽量提升出江河湖北的科学、文化价值。于是,一个主题突出,格调鲜明的频道主页面就跳到了读者面前。
     2.运用平面设计原则进行版式设计。
     版式设计指的是页面的布局,即“经营位置”、“构图”,主要遵循原则:
     a.主题鲜明。一个页面只有一个“中心”。在“江河湖北”频道页中,考虑到要让浏览者最直观了解整个频道,我将频道宗旨以动态方式放在菜单栏下左部,又由于这一块是不变因素,不能占去太大面积,因此只能占不足1/4位置,而将中心位置用来反映湖北有关江河的最新动态新闻。
     b.内容与形式统一。内容决定形式,形式为内容服务,两者有机的统一,不能为装饰而装饰。
     c.整体感强。页面不能花,色彩不能用得太多,每一屏之间不能脱节……
     页面一旦确定了一个主色调后,就要把握好色彩的搭配:大部分用同一色系,局部用对比色,照片的选用也是如此。不管是深色系还是浅色系,页面都要干净,否则会严重干扰浏览者的视觉。
     3.协调网页技术与艺术设计的关系。
     标题的字数是否适合需要区域的宽度?是否换行?一个form需占多大面积?与相邻元素的关系如何处理?每个单元的尺寸,每副图片的比例,甚至一个点、一条线或一个小色块都是反映页面效果的必不可少的因素。有时,一个元素的变动会引起整个页面形式结构的变动。

二、网页艺术设计的特点
     1.技术的综合性。
     网页设计所涉及的技术是多方位的、独特的:1.平面设计──代表技术有图片处理PhotoShop、图形处理Illustrator、freehand;2.网页设计──三剑客包括Macrome- dia Dreamweaver、Macromedia Flash、Macromedia Fireworks;3.多媒体──包括影视、音乐、图像、声音,代表技术有realplay,Quick- Time,Director, Sound Forge;4.DHTML动态网页技术及其应用;5.三维动画Maya等;6.JavaScript程序语言等。
     层出不穷的网络新技术大大丰富了网页设计的表现力,网页设计的发展又对技术提出了更高的要求。
     2.人性化的设计语意。
     网页以电脑屏幕为载体,阅读方式的自由性、跳动性、承载的信息量之大要求设计时应充分考虑用户阅读时的心理,让用户在最短的时间内,迅速理解网页里的信息内容,这是设计师最起码的职业道德。这需要运用大量的设计语意:
     a.有通俗易懂的指南(文字尽量少),介绍网站内容,就像网站的地图──当你来到一个陌生的城市,凭借地图游览而不迷路。
     b.网页的长度要适中,一般一至三屏(二屏最佳),过长不仅会影响速度,还会使人阅读吃力,眼睛疲劳;宽度方向最好不要出现滚动条。
     c.有阅读指南,如:纵深型导航栏和横向型导航栏;阅读过的部分与未阅读部分的颜色区分;所有页面有 n个链接点,等等。
     3.展现效果不可控制。
     网页以电脑屏幕为载体,以全世界网民为用户,多变的网络特性决定了网页设计者不可控制网页设计效果在用户端的最终展现效果。主要表现为:
     (1)网民使用的浏览器种类(netscape或internet explorer)及版本都可能与设计者的浏览器不同,观看的效果自然不同:网页页面会根据当前浏览器窗口大小自动格式化输出;
     (2)同一种浏览器的工作环境(室内环境、屏幕区域     、亮度、对比度、色彩等等)不同,显示效果不同:网民可以控制网页页面在浏览器中的显示方式,比如字体大小、分辨率等,最常用的分辨率有两种:800X600pixel、1024X768pix- el)。


    本文由职坐标整理发布,更多相关知识,请关注职坐标设计创作网页设计频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程