制作漂亮网页的窍门

我们浏览任何一个网页,仅从界面上就可以轻易的识别出专业和非专业的区别,那么怎么才能让网页设计的专业、漂亮、好看?这就要涉及到美术的一些基本常识。首先网页风格的形成主要依赖于网页的版式设计,页面的色调处理,还有图片与文字的组合形式等。

一、版面设计

网页设计首先涉及到的是页面的版面编排问题。推荐: 网页布局

网页作为一种版面,既有文字,又有图片。文字有大有小,还有标题和正文之分;图片也有大小,而且有横有竖之别。图片和文字都需要同时展示给观众,不能简单地罗列在一个页面上,这样往往会搞得杂乱无章。必须根据内容的需要,将这些图片和文字按照一定的次序进行合理的编排和布局,使它们组成一个有机的整体,展现给广大的观众。

1.主次分明,中心突出

制作漂亮网页的窍门

在一个页面上,必然考虑视觉的中心,这个中心一般在屏幕的中央,或者在中间偏上的部位。因此,一些重要的文章和图片一般可以安排在这个部位,在视觉中心以外的地方就可以安排那些稍微次要的内容,这样在页面上就突出了重点,做到了主次有别。

2.大小搭配,相互呼应

制作漂亮网页的窍门

较长的文章或标题,不要编排在一起,要有一定的距离,同样,较短的文章,也不能编排在一起。对待图片的安排也是这样,要互相错开,造成大小之间有一定的间隔,这样可以使页面错落有致,避免重心的偏离。

3.图文并茂,相得益彰

制作漂亮网页的窍门

文字和图片具有一种相互补充的视觉关系,页面上文字太多,就显得沉闷,缺乏生气。页面上图片太多,缺少文字,必然就会减少页面的信息容量。因此,最理想的效果是文字与图片的密切配合,互为衬托,既能活跃页面,又使网页有丰富的内容。

二、线条和形状

文字、标题、图片等的组合,会在页面上形成各种各样的线条和形状。这些线条与形状的组合,构成了网页的总体艺术效果。必须注意艺术地搭配好这些线条和形状,才能增强页面的艺术魅力。

1.直线(矩形)的应用

制作漂亮网页的窍门

直线条的艺术效果是流畅、挺拔、规矩、整齐,所谓有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的网页题材。

2.曲线(弧形)的应用

制作漂亮网页的窍门

曲线的效果是流动、活跃,具有动感。曲线和弧形在页面上的重复组合可以呈现流畅、轻快,富有活力的视觉效果。一般应用于青春、活泼的网页题材。

3.曲、直线(矩形、弧形)的综合应用

把以上两种线条和形状结合起来运用,可以大大丰富网页的表现力,使页面呈现更加丰富多彩的艺术效果。这种形式的网页,适应的范围更大,各种主题的网页都可以应用。但是,在页面的编排处理上,难度也会相应大一些,处理得不好会产生凌乱的效果。最简单的途径是,在一个页面上以一种线条(形状)为主,只在局部的范围内适当用一些其它线条(形状)。

三、色彩处理

色彩是人的视觉最敏感的东西。网页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是”总体协调,局部对比”,也就是:网页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。你需要知道的色彩基础知识

在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调。

你需要知道的色彩基础知识

因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。

其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。

色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。

另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。

设计师必须掌握的色彩心理学

充分运用色彩的这些特性,可以使我们的网页具有深刻的艺术内涵,从而提升网页的文化品位。

下面介绍几种常用的配色方案:  网页设计常用色彩搭配表《配色表》

1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使网页呈现温馨、和煦、热情的氛围。
2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使网页呈现宁静、清凉、高雅的氛围。
3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。

这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握”大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。

配色就是这么简单!7个在线配色网站推荐    网页设计师必备的45个配色神器

最后,还要考虑网页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是”高调”和”低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为”明度变化”。有些网页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响阅读效果。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/4215.html

(0)
江山如画的头像江山如画管理团队
上一篇 2019年11月16日 上午10:01
下一篇 2019年11月16日 上午10:53

99%的人还看了以下文章

  • 如何制作自己的网页

    要制作网页,建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充足的学习时间,熟悉office办公软件。当然,这些不是一定必须的。 第一阶段:开始时最好是学些网页编辑软件 如:Dreamweaver,hbuiler X,webstorm,Sublime Text 这样可以使您更了解网页制作与运营的原理。最好是结合教程边学习边制…

    2020年2月18日
    6.3K0
  • 网页制作实战项目三:运动会页面制作

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 运动会页面制作 【上机目的】 1 、掌握表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使用 【上机难点】 1、导航条的制作 2、CSS的使用 【上机内容】 请在规定时间内制作出以下网页:(要求要符合网站建设的规范!) 所需素…

    2018年4月19日
    12.6K1
  • 两天入门React+ Node,全栈工程师培训教程(精)

    两天入门React+Node(全栈工程师培训教程),教程内容完整、脉络清晰、通俗易懂,能帮助初学者看清技术路径,快速入门。所有内容都配有 Demo 和操作指导。

    2018年2月13日
    4.6K0
  • 网页设计中字体运用的12个技巧一超实用!

    文字、文本排版是日常网站设计工作中经常用到,看似简单的文字,实际上排版也是很有讲究。 1. 了解字体的性格 每个字体都有性格,人们比较喜欢一些有特色的东西。那么这些被喜欢的存在什么规则呢,了解你的目标人群,知道你文档的用途,选择一类字体,使用你的目标人群所期望的字体,是你的文档的用途所需要的字体。 更多请阅读:网页设计字体篇:字体的性格 2. 避免使用默认字…

    2019年10月26日 网页设计
    10.8K0
  • 网页设计之前端开发工具和学习资源大全(精)

    前端文档 MDN 官方文档:https://developer.mozilla.org/zh-CN/docs/Web 前端社区 GitHub stackoverflow 掘金 JS 学习资源 现代 JavaScript 教程:https://zh.javascript.info/ 阮一峰 JS教程:https://wangdoc.com/javascript…

    2023年1月18日
    7.8K0
  • 网页制作实战项目二:爱的天空

    请加入网页设计交流群:208047327 ,在项目制作过程中有任何问题,可以在群内讨论,或进入本站问答社区互动。 【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 《爱的天空》主页面及心情日志页面制作 【上机目的】 1 、巩固表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使…

    2018年4月12日 网页设计
    16.6K0

发表回复

登录后才能评论