资源描述
网页设计对比原则
颜色中的对比
大多数人听到〞对比〞这个词,他们首先想到的就是颜色。无论对比原则中不只包涵颜色,但是颜色关于帮助用户识别页面中不同的元素有很大的帮助。
一般页面都包涵页头,内容区,页脚。那么我们就必须要从视觉上清楚的区分中这三个不同的部分。很好的方法就是: 使用不同的背景色。
尺寸中的对比
在页面制定中另外一种对比方式就是不同的元素使用不同的尺寸。换句话说,让一部分内容比其他的更大。
在不能依靠颜色的时候,通过尺寸建立对比则变得非常重要。Taxi的配色很少,而它的页面中有很多的新闻。因此,为了建立三列布局的结构,制定师在中间列使用了大得多的宽度-比左侧和右侧列的两倍还大。让用户一眼就能看出来,中间那列是页面中最重要的部分。
对齐方式的对比
在高品质网页制定中,好的对齐方式占了很大的比重。当物品排成一行时,通常看上去感觉更好。因此,我觉得使用不同的对齐方式来建立对比是较难的而且要更慎重的使用。但是如果做的好的话是非常有效的。
居中的大段文字是一个排版中的禁忌,因为会造成文本很难阅读,但是,可以尝试将左对齐的文本段落和居中对齐的标题来混合起来。这是使用不同的对齐方式建立对比的另外一个好办法。再结合使用一种美丽的衬线字体,这样也能获得很美丽的效果。
开始去做吧
学习在你的制定中建立合适的对比跟学习其他的制定准则一样–必须要学习。花些时间来研究那些优秀制定师的作品,看看他们是如何使用对比的。要记住,对比就是〞不同〞。如果两个元素实质上就是非常不同的,那么一定要让它们有显然的视觉差别。
2Web页面制定必须要遵循的原则
简洁
制定并不再现具体的物象和特征,它要表达的是一定的意图和要求,在适当的环境里 为人们所理解和接受。它与绘图有内在联系,但又不同于绘画,它以满足人们的有用和必须求为目标,因而它比绘画更单纯,清楚和准确。页面制定属于制定的一种,同样要求简练,准确。
从人记忆能力角度来说,由于人的大脑一次最多可记忆五到七条信息,因此如果希望人们在看完你的Web后能留下印象,最好也应该用一个简单的关键词语或图像吸引他们的注意力,如天极网的的“YESKY〞.,醒目易记。
坚持简洁的常用做法是使用一个醒目的标题,这个标题经常采纳图形来表示,但图形同样要求简洁。另一种坚持简洁的做法是限制所用的字体和颜色的数目。一般每页使用的字体不超过三种,一个页面中使用的颜色少于256种。页面上所有的元素都应当有明确的含义和用途,不要试图用无关的图片把页面装点起来,初学者容易犯的一个错误是把页面搞的花里呼哨,却不能让别人明白他到底要特别表达的是什么内容,主题和意念。
一致性
一致性是表现一个丫点的独特风格的重要手段之一。
要坚持一致性,可以从页面的排版下手,各个页面使用相同的页边距,文本,图形之间坚持相同的间距;主要图形,标题或符号旁边留下相同的空白;如果在第一页的顶部放置了公司标志,那么在其他各页面都放上这一标志;如果使用图标导航,则各个页面应当使用相同的图标。
一致性还包括:页面中的每个元素与整个页面以及站点的色彩和风格上的一致性。所有的图标都应当彩相同的制定风格,比如全部采纳图象的线条剪辑画或全部使用写实的照片等。
另一个坚持一致性的办法是字体和颜色的使用。文字的颜色要同图像的颜色坚持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色,为了坚持颜色上的一致性,标准色一致或相近。比如,站点的主题色彩如果为红色,可能就必须要将链接的色彩也改为红色。
对比度
使用对比是强调特别某些内容的最有效的办法之一。好的对比度使内容更易于识别和接受。实现对比的方法很多,最常用的是使用颜色的对比,比如,内容提要和正文使用不同颜色的字体,内容提要使用蓝色,而正文采纳黑色;也可以使用大的标题,也即是面积上的对比;还可以使用图像现对比,题头的图像明确的向浏览者传达本页的主题,这里同样必须要注意的是链接的色彩,在制定页面时我们经常会只注意到未被访问的链接的色彩,而容易忽视访问过的链接色彩将使得链接的文字难地识别。
还有一种实现对比的方法是使用学体变化。在文字排版中,可以使用斜体和黑体实出关键内容,但是注意不要乱用,否则就达不到应有的强调效果。
使用对比的关键是强调特别关键内容,以吸引浏览者,激励他去发掘更深层次的内容。
3如何制定网站的页面
网页技术更新很快,一个网站的界面制定寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典,经典只存在于是哪个首次成功革新性的应用。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页制定不同于其他艺术,在模仿加革新的网页制定领域当中,即便是完全自己制定的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹是非常显然的!还有哪个制定者敢腆着脸说,这都是我自己的原创制定?关于业界来说,经典只是个理念和象征!
不可否认,国内网页制定环境还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业人士,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。
企业客户所在行业往往有其特定的制定必须求,特别是关于企业网站建设当中的配色,除了应依据企业的VI标准色,以及客户自身的喜好进行配色分析外,同时不能忽略整个行业关于颜色上的‘惯例’。那么,企业网站在制定和制作当中,到底有哪一些配色规则必须要制定师遵循呢?
1、行业避忌的颜色
某些行业的企业客户,关于网站整体颜色的要求涉及到具体的颜色避忌,例如金融、投资类的企业网站,应尽量避免绿色,或相近颜色的使用。这是因为,绿色在金融投资行业当中代表的是低迷,不景气,下滑等负面的元素,因此即便企业宣扬的是环保、低碳等企业文化,也是不能轻易予以使用。
2、特征选色
企业客户在不同的发展阶段,关于网站制定的配色必须求并不一样。在企业初创阶段,企业建站的目的是打造品牌网络形象,开拓客户资源,这时候的企业客户更多的是关注自身的个性化,如何才干凸显企业的特质,如何才干在行业当中显示其独有的特性,这是初建网站的企业客户所重点关注的内容;在企业形成规模,进行品牌提升阶段,企业建设网站或进行改版的目的是重塑品牌网络形象,打造更为专业、沉稳和可继续发展的品牌理念和文化,这时候的企业客户更多的是合计如何将企业的品牌内涵与行业相融合,在配色的选择上更倾向于稳重、包容,能够适应各种场合必须要的配色。
4网页制定用css有什么作用
CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。在主页制作时采纳CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加准确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的整站网页制定的外观和格式。
css使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于广告制定和有远见。然而,也一直有荒诞的说法围绕着 css,阻碍了网页广告制定师学习和掌握这种语言。究竟是什么让人们大惊小怪呢?css将成为网页广告制定师必备知识之一问:css已经进入黄金发展期,您认为我们所有人现在就应该学习和开始使用css的十大理由是什么,下面是使用CSS进行整站网页制定理由:
1、强大的字体控制和排版能力。css控制字体的能 力比糟糕的font标签好多了,有了css,我们不再必须要用font标签或者透明的1 px gif图片来控制标题,改变字体颜色,字体样式等等。
2、css将从基础开始建设直到全面替代传统web制定方法。w3c组织创 建的css技术将替代html的表格、font标签、fr_ames以及其它用于表现的html元素。
3、提升页面浏览速度。使用css 方法,比传统的web制定方法至少节约50%以上的文件尺寸。
4、缩短改版时间。只要简单的修改几个css文件就可以重新制定一个有成百上千页面的站点。
5、css非常容易编写。你可以象写html代码一样轻松地编写css。
6、表现和内容相分开。将制定部分剥离出来放在一个独立样式文件中,你可以减 少将来网页无效的可能。
7、可以一次制定,随处发布。你的制定不仅仅用于web浏览器,也可以发布在其他设备上,比如 powerpoint。
8、更好的控制页面布局。不用多说。
9、更方便搜索引擎的搜索。用只包涵结构化内容的html代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价。
10、提升易用性。使用css可以结构化html,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用 户而不必须要建立独立的版本。
11、CSS能让我们更轻易的修改整个网站的制定风格。大多数的网站不会希望网站样貌是同一个样子,使用久了总会看腻,这时假设採用表格制定网页,势必要因為新的版面风格而重新製作表格栏位,反之,css所制定的版面,只必须要修改CSS文字样式即可。
12、CSS的编写照顾到弱势族群。盲人专用的浏览器(语音或点字浏览器),可将不必要的显示效果拿掉,而将最重要的内容优先显示,借此能让盲人马上掌握到最重要的资讯,这样是这几年最流行的无障碍整站网页制定。
第 8 页 共 8 页
展开阅读全文