网站设计中必不可少的几大元素

admin  2016-07-10 20:17   Hits: 

色彩
 
每个人都有自己喜欢的颜色,因此在选用网站配色的时候,难免会受到,个人偏好的影响。但是在选用色彩的时候也要注意,因为不同的颜色给人的感觉是不同的。
1、红色
红色给人以热情、活力的感觉。在很多使用了红色的网站中,红色所担任的角色都是强调色,因希红色比鄭辩明,极易吸引人们的眼球。
2、橙色
一般情况下,橙色总是给人时尚、轻快的感觉,常常用于某些时尚新潮的网站中,如时装、化妆品、电子制品等。其实在商业网站的制作中,橙色也是非常常用的。通过色调的变换,橙色既能表现出青春的活垄,又能够表现出沉稳老练的效果。该页面使用橙色与蓝色搭配,非常具有视觉冲击力,同时使用灰色的背景色,可以缓冲两种颜色的矛盾,使页面又显得更加成熟而沉稳。这种颜色的搭配方式非常时尚,都市化的印象。
3、黄色
黄色给人明亮的感觉,也是在站点配色中使用较多的一种颜色。因为黄色能够营造出愉快的氛围,能够得到大部分人的认可,因此小到儿童站点,大到商业网站,黄色几乎可以在每一个角落中找到自己的发挥空间。
4、绿色
绿色是植物的颜色,所以总是能给人宁静、希望的感觉。绿色还可以表现出自然。的感觉。浅绿、黄绿等绿色既有绿色的特点,又能表现出黄色的温暖,因此用在站点中常能够得到青年人和儿童的喜爱。面使用了灰色作为主色调,中间用较亮的绿色点缀,是整个页面的亮点,让网页显得更有活力,吸引目光的同时也表达了一种温暖的感情。
5、蓝色
蓝色作为页面的主色,会给人凉爽、清新、专业的感觉,因此蓝色多用于商业网站。一汽大众官方网站的首页。整个页面采用了浅蓝色作为主色,搭配深蓝色和其他小块颜色,整个页面显得清爽、专业,向客户传达了一种放心的感觉。面使用了深蓝色作为网页的主色调,深蓝色传达了一种凝重的气氛,显得更加规矩,表现了都市化、现代派的风格。
6、其他颜色
除了以上几种商业网站中常见的颜色外,还有几种颜色在网站中也比较常用。例如白,给人洁白、纯真的感觉,多用作网站背景色。黑色给人一种深沉的感觉,比较安全,可与任何颜色搭配。灰色传达了一种中庸的氛围,比较收敛,较之红色、橙色等比较有视觉冲击力的颜色,灰色比较低调。用于灰色与饱和度极低的暖色搭配,显得有一种温柔、透明感觉。整个页面比较中庸,虽然没有向外突出的感觉,但是会令浏览者的眼球觉得非常舒服。
为了在设计中有效地使用色彩,必须掌握一些色彩的基础理论知识,结合自己的实际经验,来设计自己的作品。同一色彩有数之不尽的应用方法,并没有非常机械的色彩调和的法则,在一定的原则下必须靠自己的眼睛和审美观点来作出选择。
 
图像 
一般来说,网页是一段超文本代码,在超文本中只记录了所用到图片以及其他元素的位置而并非图片本身的表达,为了便于网络传输,通常要把一张大的图片切成若干部分,在网页中与其他内容结合起来,形成页面效果。所以,并非图像设计完成以后,网页就完成了。图像制作(即从图形到网页)基本分以下几个方面:天津网站设计
(1)优化图形
-就是在尽量保持图形效果的情况下,对图形文件进行压缩以便于网络传输。这涉及到一些其他的概念,如网络安全色(Web Safe Color)、图形格式(包括GIF、JP,EG、PNG)。等。要注意:设计网页时首先需要考虑的是速度。当前,速度仍是影响网络阅读最主要的因素。随着网络的极速膨胀,人们抱怨最多的还是网络的速度。虽然线路的速度不是个人所能控制的,但可以在网页设计中避免一些常见的误区,将主页的文件尺寸尽量缩到最小,以达到增速的效果。关于什么样的网页才是最好,,从未有过定论。‘但现在的趋势是越简单易读越好。此外,不要使用巨幅的或过多的图形,目前网民上网的一个最主要目的就是寻找信息,速度越快越好。一些必须的照片或图画可以制成单独的链接以分流主页的大过多的图形意味着访问者必须多次连接服务器,严重影响网络速度。浏览网页是一个将对方服务器的文件下载到自己计算机的过程,下载要受到网络传输速度的影响,当文件没有被下载完,用户在浏览器中只能看见一片空白或者是残缺不全的页面,如果用戶仍然不能很好地浏览网页内容的话,一定会考虑以后还会不会上这个“破烂”的网站了,可以说这样的网站基本上是失败的。
要想尽量避免这种情况,设计者的文件就要经过很好的规划和处理。对于网页中使用到的图片,一方面可以将其分割成几个部分,另一方面还要进行优化一这里说的优化,不是指图形内容的优化,而是指文件大小的优化,将其尽可能减小。有观点认为,网站首页所有文件加起来一般不能超过60KB,其他页面也要尽量达到这个标准,随着网络的发展,这些观点(包括网络安全色等)必然会过时,但是在现阶段,这还是弋一个比较实际的考虑。
 
字体
 
不同的字体传达的印象是不同的。天津网站制作,下面分析几种常见的中文字体。
1.宋体
宋体的横细竖粗,字型工整,结构匀称,清晰明快,隽永悦目。根据粗细程度可用于排正文、标题等。
2.黑体
黑体的横竖粗细相同,笔法自然,工整肃目,庄重严谨,美观实用。一般用于排各类标题。
3.圆体
圆体字写法圆润饱满,构体丰满自然,艺术性强。根据粗细程度可用于正文、标题及装饰。
4.美术体
以前的字体多属于方方正正、规规矩矩一类,当人们在制作广告创意时,特别需要更。富有创意的字体。美术字体美观实用,设计精巧,装饰效果好。一般用于广告、装饰等。
5.书法体  
书法字体被制作成与印刷字体结合、字数完整的数字化字库的有隶书、行楷、魏碑、舒同体、康体、瘦金书、黄草等几种。书法体取法自然笔力道劲,飘逸洒脱。标题及广告、装饰等。
将文字变细,会显得十分优美;反之将文字变粗,会显得很有力量。细字冷静而粗字热情,看到细字的标题,会想到页面更纤细,倾向于女性风格。粗而明快的标题带来精力充沛的感觉,更倾向于男性风格。对于正文来讲,一般情况下,不要调整太大幅度的粗细,那样有可能会造成可读性的降低,因此还是用标准的正文文字比较好。
字号的大小控制了页面的形象。大些的文字给人有力量、自信的印象?小些的文字表现纤密、紧凑的印象,将标题的字号变大,使之和正文的比率变大,这样的画面会更活跃,反之页面显得更稳重。
 
网页特效
 
除了使用软件完成一些必备的工作外,天津网站制作网页时还需要一些必备的技术,如DHTML技术。DHTML (Dynamic HTML)称为动态HTML”动态HTML网页的基础是HTML言,利用CSS层叠样式表进行布局,并利用JavaScript控制网页元素。要引用动态HTML,必须熟悉3种不同的技术:HTML、CSS层叠样式表和JavaScript。动态HTML网页实际就是这3种技术的集成。因此DHTML语言有如下3个必备的基本要素:
HTML:这是DHTML语言的基础,DHTML在传统的HTML语言基础上进行了扩充。
CSS层叠样式表:CSS (Cascading Style Sheet)将对布局、字体、颜色、背景和其他图文效果实现更加精确的控制。
JavaScript: JavaScrip,是一种Script脚本语言,所谓的脚本语言就是可以泰至多》语言混在一起使用的语言,可以用来在浏览器的客户端进行程序编制,从而控制浏览器等对象操作。
1.html
HTML是纯文本类型的语言,使用HTML编写的网页文件也是标准的纯文本文件。可以用任何文本编辑器,例如W'mdows的“记事本”程序打开它,查看其中的HTML源代码,也可以在用浏览器打开网页时,通过相应的“查看>源文件”命令查看网页中的HTML文件可以直接由浏览器解释执行,而无需编译。当用浏览器打开网页时,浏览器读取网页中的HTML代码,分析其语法结构,然后根据解释的结果显示网页内容,正是因为如此,网页显示的速度同网页代码的质量有很大的关系,保持精简和高效的HTML源代码是十分重要的。编写HTML文件主要有如下3种方法:
(1)手工直接编写,由于HTML语言编写的文件是标准的ASCII文本文件,所以可以使用任何的文本编辑器来打开并编写HTML文件,如Windows系统中自带的“记事本”。
(2)使用可视化软件Microsoft公司的FrontPage, Macromedia公司的Dreamweaver, Adobe公司的golive。等软件均可以可视化的方式进行网页的编辑制作。
(3)由Web服务器一方实时动态生成这需要进行后端的网页编程来实现,如ASP、PhP等,一般情况下都需要数据库的配合。
2、css
CSS可以使用HTML标签或命名的方式定义,除了可以控制一些传统的文本属性外,例如字体、字号、颜色等,还可以控制一些比较特别的HTML属性,像对象位置、图片效、鼠标指针等。层叠样式表可以一次控制多个文档中的文本,并且可以随时改动CSS的内容,以自动更新文档中文本的样式。从总体来说,CSS能够完成下列工作:弥补HTML对网页格式化功能的不足,比如段落间距,行距、字体变化和大小、页面格式的动态更新、排版定位等。
3. javaScfipt
综合来看,JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言一起实现在一个Web页面中与Web客户交互作用。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷。JavaScript是一种比较简单的编程语言,使用方法是向Web页面的HTML文件增加一个脚本,不需单独编译解释,当一个支持JavaScript的浏览器打开这个页面时,它会读出这个脚本并执行其指令。因此JavaScnpt使用较容易、方便,运行快,适用于较简单的应用。
上一篇:网页设计中常见的排版格式
下一篇:网站建设流程分析