网页设计的术语
整个互联网的世界是由许许多多遍布全世界的计算机组织而成的,当一台计算机在连接上网的一瞬间,它就已经是互联网的一部分了。下面介绍网页设计的术语,希望可以帮助到大家。
[图片0]
在打开网页时,浏览者可能都会有这样的经历,在相同的条件下,有些网页不仅美观、大方、打开的速度也非常快,而有些网页却要等很久,这就说明网页设计不仅需要网页精美、布局整洁、很大程度上还要依赖于网络技术。因此,网站不仅仅是设计者审美观、阅历的体现,更是设计者知识面、技术等综合素质的展示。
下面向大家介绍一些与网页设计相关的术语,只有了解网页设计的相关术语,才能够制作出具有艺术性和技术性的网页。
(1)互联网(Internet)
整个互联网的世界是由许许多多遍布全世界的计算机组织而成的,当一台计算机在连接上网的一瞬间,它就已经是互联网的一部分了。网络是没有国界的,通过互联网,你随时可以传递文件信息到世界任何互联网所能包含的角落,当然也可以接收来自世界各地的实时信息。
在互联网上查找信息,“搜索”是最好的办法。例如,可以使用“百度”搜索引擎。它提供了强大的搜索能力,读者只需要再文本框中输入几个查找内容的关键字,就可以找到成千上万与之相关的信息。
(2)浏览器。浏览器是安装在计算机中用来查看互联网的网页的一种工具,每个互联网用户都要在计算机上安装浏览器来“阅读”网页中的信息,这是使用互联网最基本的条件,就好像我们要用电视机来收看电视节目一样。目前大多数用户所用的Windows操作系统中已经内置了浏览器。
目前主流的浏览器主要为微软公司开发的Microsoft Internet Explorer浏览器,简称IE,目前最高版本是。
(3)静态页面。
静态网页是相对于动态网页而言的,并不是说网页中的元素都是静止不动的。静态网页是指浏览器与服务器端不发生交互的网页,网页中的GIF动画、Flash动画等都会发生变化。静态网页的执行过程中大致如下:
①浏览器向网络中的服务器发出请求,指向某个静态网页。
②服务器接到请求后将其传输给浏览器,此时传送的只是文本文件。
③浏览器接到服务器传来的文件后解析HTML标签,将结果显示出来。
(4)动态网页。
动态网页除了静态网页中的元素外,还包括一些应用程序,这些程序需要浏览器与服务器之间发生交互行为,而且应用程序的执行需要服务器才能完成。目前的动态网页主要使用ASP、PHP、JSP和.NET等程序。
(5)URL。URL是Uniform Resource Locater 的缩写,中文为“统一资源定位器”它就是网页在因特网中的地址,要访问该网站时需要URL才能够找到该网页的地址。例如“搜狐”的URL是,也就是它的网址。
(6)HTTP。HTTP是Hypertext Transfer Protocol的缩写,中文为“超文本传输协议”,它是一种最常用的网络通信协议。如果想链接到某一特定的网页,就必须通过HTTP,不论使用哪一种网页编辑软件,在网页中加入什么资料,或是使用哪一种浏览器,利用HTTP都可以看到正确的网页效果。
(7)HCP/IP
TCP/IP是Transmission Control Protocol/Internet Protocl的缩写,中文为“传输控制协议/网络协议”,它是互联网所采用的标准协议,因此只要遵循TCP/IP,不管计算机使用的是什么系统或平台,均可以在因特网的世界畅行无阻。
(8)FTP
FTP是File Transfer Protocol的缩写,中文为“文件传输协议”。与HTTP相同,它也是URL地址使用的一种协议名称,以制定传输某一种因特网资源。HTTP用于链接到某一网页,而FTP则用于上传或是下载文件的情况。
网页设计与网页制作
很多人对网页设计与网页制作的概念和界限都很模糊,那么网页设计和网页制作之间到底有什么区别和联系呢?
首先来看看如下两则招聘广告:
甲网络公司:精通Dreamweaver、flash、Fireworks等网页制作软件,能够手工修改源代码,熟练使用Photoshop等图形设计软件,有网站维护工作经验者优先。
乙网络公司:美术设计专业毕业,五年以上相关专业工作经验,精通先进流行的各种平面设计、动画、网页制作技术。
这两个招聘启事是众多信息中挑出的具有代表性的两个,对网页制作的定位可以说是各有千秋,甲的重点是能够编写网页;乙则更倾向于要求招聘者就有一定的美术功底。
这样可以试着给网页设计与网页制作做出如下定义:
网页设计+网页技术+网页设计
网页制作+网页技术
看了以上两个公式你一定明白了,网页设计师所需要的技能显然更加全面,优秀的网页设计师肯定是网页技术高手和设计高手的结合,也就是说应该做到“网页设计”和“网页技术”两手抓,这样制作出来的网站才既具备众多交互性能、动态效果,又具有形式上的美感。
另外,我们说往回走哪“设计”而不是网站“制作”,因为设计是一个思考的过程,而制作只是将思考的结果表现出来。成功的网站首先需要优秀的设计,然后辅之优秀的制作。设计是网站的核心和灵魂,一个相同的设计可以有多种制作表现的方式。
有许多网站现在几乎已不再设立专门的网页制作职位,不过对于那些想要进入Web开发行业而又欠缺经验的朋友来说,从这个职位做起将是最好的选择。
从所用编程语言不通来划分,网站包括ASP、PHP、JSP、等等。
掌握一种或者多种网站编程语言,是每个站长都想要完成的,可是掌握一门语言,说起来容易,做起来其实还是有些许困难的。
(1)ASP是最快入门的脚本,安全性太差是它的缺点,其实这也不能怪ASP,因为现在的海洋木马是很难防范的。
(2)PHP的运行效率最高,最大优势是省钱,从操作系统到数据库到脚本,都是免费的,这些证符合了国内对这方面的需要。因为国外的服务器软件是需要正版的,用ASP要装正版的Windows,PHP的运行环境LINUX+apache+MYSQL免费,LINUX系统相当稳定,MTSQL也比ACCESS好用,PHP唯一的麻烦就是代码不是很好理解,还有很多正规表达式。但作为网络开发人员来说,确实是一门值得掌握的语言。
(3)可以用VB语言写也可以用C#语言写,根据跟人爱好,的开发平台十分强大,VS 2005布局可以采用拖拽式,跟Windows平台下的快速开发工具很像,开发机需要装NET框架,我认为确实是ASP的接班人,安全性能也比ASP好,开发比ASP快,稳定性也比ASP好。现在的当当网、携程网就是采用此框架,鱼塘中的很多小网络公司的开发语言也将会从ASP转到。
从用途不同来划分,包括门户网站、行业网站、娱乐网站等。
(1)门户网站,是指通向某类综合性因特网信息资源并提供有关信息服务的应用系统。门户网站最初提供搜索服务、目录服务,胡来由于市场竞争日益激烈,门户网站不得不快速地拓展各种新的业务类型,希望通过门类众多的业务来吸引和留住因特网用户,以至于目前门户网站的业务包罗万象,成为网络世界的“百货商场”或“网络超市”。
(2)行业网站,行业网站即所诶行业门户,可以理解为“门+户+路”三者的几何体,即包含为更多行业企业设计服务的大门,丰富的资讯信息以及强大的搜索引擎。“门”,即为跟多的行业及企业提供服务的大门。
(3)娱乐网站,是具有让人追求快乐、缓解压力的。娱乐网应该是具有影视娱乐、八卦新闻、明星娱乐、戏剧等娱乐性服务,还应该包括明星、电影、电视、音乐、戏剧、演出等资讯以及相关使用信息。
从持有者不同来划分,包括个人网站、商业网站、政府网站等等。
(1)个人网站是指因特网上一块固定的面向全世界发布消息的地方,个人网站由域名(也就是网站地址)程序和网站空间构成,通常包括主页和其他居于超链接文件的页面。网站是一种通信工具,就像布告栏一样,人们可以通过往回走哪来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。
(2)商业网站首先要考虑网站的定位,以确定其功能和规模,提出基本需求。里面要考虑的包括网站风格、域名、logo、空间大小、广告位、页面数量、数据库结构、维护需求、人力成本等内容,如果要自己制作的话应多参考别人的东西,如果只是做个策划、具体交给别人做,那就主要确定网站的定位和基本风格要求,与技术人员做好沟通。
(3)政府网站是指一级政府在各部门的信息化建设基础之上,建立起跨部门的、综合的业务应用系统,使公民、企业与政府工作人员都能快速便捷地接入所有相关政府部门的政务信息也业务应用,时合适的人能够在恰当的时间获得恰当的服务。
做好网站建设视觉设计的要点
每一个网站都有一种诉求,就是能够让用户多欣赏自己,如果换成行业术语,那就是网站的停留率,从优化角度说,网站页面用户停留时间越长,对网站就越好,反之跳出率高的话,就不是一件好事;从用户体验来说,用户停留在一个网站页面上,总有什么东西吸引着他,则包括的内容有很多,当然也包括网页的视觉设计,一个设计别致一新的网页,总会让人停留一会欣赏一下,这是毋庸置疑的。
今天我们就浅谈一下网站的视觉设计,什么的视觉设计让用户走心,间接的提升网站的权重呢?什么都是有规律可循的,在网站建设视觉设计中,要从主次、对比、相似性、分层、配色和排版等基本面来完善的。
[图片1]
主次
网页如何布局,尤其是产品页面布局,会直接影响用户浏览网页的便捷性。有主有次的布局,会让用户在很短的时间内发现自己需要的内容或者产品。主次混淆的布局,会导致用户寻找费力,而且网站没有主打产品,不利于抓住核心流量,这样造成用户快速流失。
网页主次设计,就是要把最为重要的内容或者产品放到最为明显的位置上,次要的功能和产品就放到一一般的位置上,而不重要的内容或者产品就放到不显眼的地方,当然,这是一个动态的设计,因为随着网站运营发生变化,产品的关注度也会因此不同,不过,只要是想要主打某个产品,就要放到网页重要的位置上,做到主次分明。
这种设计不难理解,设身处地的想一想,我们访问一个陌生的网站,通常都是扫描型浏览,期望迅速的捕捉到对自己有用的信息,如果看不到,就会关闭网页,再换另一个网站,所以,对于网站来说,要充分懂得用户这种体验心理,在网页视觉设计上,做到主次分明,“不耽搁”彼此的时间。
对比
一朵鲜花,孤零零的开着,看不出它的美丽,如果有绿叶衬托,或者有别的花对比,才能显出这朵鲜花的与众不同。同样,在页面设计中,重要的产品或者内容也是通过巧妙的衬托或者对比,显示出自己的更加重要。
正确的运营网页对比设计,能够让用户对网页推荐的产品记忆更将深刻,对比也是网页设计一种突出界面视觉层次关系中一个重要手段。通过对比,会让重要的更加重要,不重要的更加被边缘化。
相似性
所谓相似性,是把相关联、相近的功能或者内容放到一起,我们最为常见的页面设计就是相关推荐。
在传统页面设计中,我们看到一篇不错的文章,当很感兴趣的独到最后的时候,网站为了不让用户离开,会在文章底部推出相关推荐的功能,根据用户的喜好,推荐一些相似的文章,吸引用户点击。
在移动页面设计,当我们看到一篇文章不错的时候,可以通过右上角的按钮进行分享,包括微博、QQ、微信、链接等等,这都是相似性的网页设计。
分层
网页设计者,根据每一个元素的视觉提示进行分层,则包括颜色视觉和大小视觉等都会对页面设计产生分层效果。比如说,从颜色的角度上,有深色、冷色、不饱和色卓渐产生层次感,以此类推,相反、明暗、冷暖、饱和色彩对比,都会形成分层效果。而大小是从元素上进行分层,大的层次高,小的层次低。
页面达到分层效果相对很难,因为达到有效的分层效果,必须使用最少量的对比来维持页面同层内各条目的紧密相似性。所以,网站分层设计主要是是网站设计者完成的。
配色
谈到网页的视觉设计,很多人第一想到的可能就是色彩,的确,色彩在网页设计中占据着重要的作用,是页面视觉语言不可缺少的一部分,不同的配色给用户传达的信息是不一样的,合理的网页色彩搭配能够有效吸引用户的注意力。
排版
当所有的元素都具备,如何用统一的架构表现出来, 排版在这里就起到了举足轻重的作用。网页排版如果杂乱无章,密密麻麻挤在一起,用户浏览就会非常吃力,如果有风格、有区块、有强调的排版,那么,用户对这样的界面会感到很舒服,也会有耐心的寻找自己感兴趣的区块浏览。
网页排版和内容的多少有很大的关系,网页内容越多,对排版的要求则越高,对于网页设计者来说,如果用清晰的逻辑思维,达到多而不杂,实在是一个不小的考验,当然,如果从开始就打下一个良好的基础,对网站内容建设,会起着重要的作用。