关于网页设计与制作问题的研究

来源:用户上传      作者: 李英杰

　　摘 要：伴随信息技术的发展，各类企业单位都推出自己的网站，本文针对网页设计过程中如何做到不失主题又体现特色的问题进行研究，首先要针对企业特点明确网页设计的任务，在设计过程总要遵循一定的原则的基础上，阐述了网页设计与制作的过程。从而做到实用性与艺术性的统一。
　　关键词：网页设计；色彩；网页优化
　　中图分类号：TP393.092
　　随着信息技术的飞速发展，网络是人们获取信息的主要手段，尤其目前的很多商业性网站，除了追求信息量丰富、操作便捷之外，要求网页的视觉效果也要体现个性，突出网站的特色。因此，这就对网页的设计与制作提出了更高的要求。
　　在网页的设计过程中，首先要注重内容，无论是内容的承载信息量的广度和深度，还是内容的组织层次上都很重要，很多人浏览网页的针对性很强，比如上网查找软件、MP3、小说下载或一定的资讯、教材等能够更好地满足需求；其次是网站的速度。在确定内容的基础上，尽量提高速度十分必要，速度太慢，访问者也只有失去耐心，从而影响你网站的访问量；最后，是页面视觉的美观。要强调艺术性，注重通过独特的艺术风格来突出设计目的。
　　1 网页设计的任务
　　1.1 资讯类网站，目前知名新华网、新浪网、搜狐等都属于这类网站。它以提供信息的量大、及时、全面、权威等特点吸引广大访问者。因此在网页设计过程中要做到布局合理、页面分割有序，更要注重界面的亲和力等问题。
　　1.2 资讯和形象兼顾的网站，如高等学校的网站，一方面宣传办学理念、优势、特色等企业形象；另一方面也会向社会发布招生、就业等资讯。再如海尔海尔、索尼等一些知名企业的网站。在设计上既要保证资讯类网站的要求，同时又要突出企业、单位的形象。甚至要突出企业的经营理念，所以从目前状况上来看，很多企业不惜重金，不断更新软硬件设施，翻新网络内容和网页设计。
　　1.3 形象类网站，目前各类企业都会通过媒体宣传自己，树立企业的形象。所有的企业几乎追求的都是同一个目标，就是让自己企业的名字，产品以及服务都能深入人心，网络的出现也就提供给了企业另一个宣传的平台，为企业树立形象提供了一条新的路线。因此这类网站对设计者的美工水平要求较高。
　　2 网页设计应遵循的原则
　　在网页的设计过程中，画面中的所有元素组织要达到良好的效果，这就需要遵循以下几项原则：
　　2.1 统一性原则。画面中的各组成部分不能鼓励分散，缺乏条理性，能够放在同一界面的当中，就要保证内容的整体性，设计风格的一致性。
　　2.2 连贯性原则。页面之间都是相互联系的，每一条目犹如城市路标，清晰地指引浏览者走下目的地，这就需要将内容恰当归属；表现形式上也要前后一致、相互呼应，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
　　2.3 分割性原则。页面分成小块更容易产生清晰的视觉效果，使观者第一时间完整目标定位，在众多信息中找到重点，节省大量的信息筛选时间。
　　2.4 对比性原则。就是通过矛盾和冲突，使设计更加富有生气。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
　　2.5 和谐性原则。页面在多个元素之间划分，但也不失整体性，这是艺术设计中追寻美的法则。设计的作品中颜色、形状、线条太多、太杂就会失去其灵魂所在，充满太多随意性的作品无法实现觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣，这是设计能否成功的关键。
　　3 网页的设计与制作过程
　　3.1 网页设计的实现。网页设计的实现过程可以分为两个环节：首先，手工绘制阶段，用纸和笔画出站点的规划及草图。设计网页的版面布局，我们将以合适最适合的方式将图片和文字排放在页面的不同位置，动画也要设置恰当的路线、恰当的时机。“画竹要成竹于胸”有了这份蓝图，我们就到了真正的蓝图实现阶段了。第二环节在计算机上完成网页的制作。这时除了要有一台配置不错的计算机外，软件也是必需的。微软的FrontPage、前Macromedia公司的DreamWeaver及网页设计新贵Adobe公司的Golive。利用这些软件工具，将蓝图中的组织形式和设计理念付诸于实践。在设计的过程中要体现创意，融入恰当的艺术元素规划组织结构，体现信息内容。
　　3.2 色彩的运用。色彩是美丽而丰富的，它能唤起人类的心灵的共鸣，促使人们产生无限遐想。每种颜色都有其深刻的寓意，如红色是热烈、冲动、强有力的色彩，它能使肌肉的机能和血液循环加快。由于红色容易引起注意，所以在各种媒体中也被广泛的利用，除了具有较佳的明视效果之外，更被用来传达有活力，积极，热诚，温暖，前进等涵义的企业形象与精神，另外红色即是警告，危险，禁止，防火的指定色。因此网站设计过程中色彩设计是重要一环，网站的整体色彩搭配应符合网站的主题信息特征。而网站的整体色彩搭配是由主色调和辅助色调两部分。
　　主色调是构成网站形象的一种或一组主要色彩。明确网站的主题、服务对象之后我们再根据每种颜色的寓意进行选择。如绿色食品类的网站以绿色为主，突出希望、健康的主题。通过主色调体现企业形象，以此达到品牌或产品宣传的目的，给消费者留下一个多种媒介的统一印象。如麦当劳的红、黄，可口可乐的红。主题色的数量不可过多，一种或两种即可。
　　而辅助色调在网页设计的色彩设计环节中，经常要小面积地使用主题色以外的其它色彩，来增加页面的色彩层次或辅助实现某种功能。辅助色的面积虽然小，但却能起到缓冲和强调的作用。合理地使用辅助色，能让主色调更加鲜明、生动，使得页面视觉效果更加流畅、和谐。辅助色应在主色调确定后进行选择。要在保持主色调主导地位的前提下，与主色调间形成相互和谐的局面。可以选用柔和的相近色，也可选用反差较大的对比色。
　　3.3 造型的组合。在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造一个有机整体，引导受众的视野。通常使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。突出页面上的重要元素，突出设计的主题，增强美感。
　　3.4 网页的优化：（1）文字优化。文字是网页中传达信息的基本载体，因此字体的优化就显得尤为重要了。通常指定字体为宋体字号大小为12px，字体颜色要与背景色相协调，在能看清楚的基础上要求达到整体和谐。白色背景、黑色字体是最为常用的，防止浏览者产生眼疲劳，保证较长时间地浏览网页。（2）图片优化。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。（3）表格优化。设定表格的宽度、高度、边框、背景色、对齐方式等参数。
　　4 结束语
　　综上所述，灵活运用网页设计软件实现网页的设计，在不失网页设计主题的前提下，掺杂巧妙的艺术手法将网页的内容以个性化的方式呈现出来，更好地满足受众的需要，并达到瞬间产生深刻印象的艺术效果。
　　参考文献：
　　[1]王娟.网页设计中的色彩运用[J].电影评介，2010（03）.
　　[2]陈心威.浅谈色彩在网页设计中的应用[J].福建电脑，2009（10）.
　　作者简介：李英杰（1963.11-），女，吉林辽源人，高级讲师，工学学位，研究方向：计算机。
　　作者单位：辽源技师学院，吉林辽源 136200
转载注明来源:https://www.xzbu.com/8/view-6658110.htm