//>
密码:
1.4网页设计师必备的专业素质
网页制作是一个系统工程,一个网页的优劣完全取决于设计者的综合素质和动机。
不仅仅是一个技术的问题,还要重视艺术性。
并且不可以偏废。
技术是基础,艺术是升华,艺术效果表现用技术来实现。
好的网页让人留恋往返。
这不仅仅是技术的高超,而是艺术效果吸引了浏览者的眼球。
所以这是一个综合的系统的工程。
小结:
网站是爸妈,网页是她们的孩子;爸爸妈妈的行为影响她的孩子,也是孩子成长的灯塔;她的孩子优秀也使得爸爸妈妈荣光。
没有爸爸妈妈的孩子是无人问,没有孩子的爸爸妈妈只能孤独一生。
《网页设计与制作》课程讲义理论学时部分
第二章网页赏析
授课学时:
1
授课内容:
2.1网页设计与网站主题
2.2各类网站的设计总体框架
2.3网页颜色的使用风格
2.4网页赏析
基本要求:
初步了解网页赏析要求;理解网页赏析的理论要求;掌握网页突破性设计的要素;分清各类网站的设计要求和框架;理解实例分析过程。
重点与难点:
网页的赏析分析。
导入新内容:
网页界面的构成要素,除了有传统媒体的文字、图形、色彩等基本构成要素以外,还有声音、视频、动画等多媒体要素,以及其他一些特效和交互功能。
正因为如此,对于网页的赏析、评测也将是多角度、全方位的。
虽说网页界面设计与平面设计非常类似,但也存在着一个很大的差异,那就是网页界面作品具有明确的实用功能,而一般的艺术作品只具单纯性观念。
实际赏析和评测网页界面作品的第一点,是看它是否具有完整的功能,其次才是它的艺术效果。
优秀的网页界面作品应该是实用的物质功能与审美的精神功能完美的结合。
每一个人由于经历、经验、思维方式的不同,对事物的看法、认识常常也是不一样的。
网络的基本特征是资源共享,互联网是大众化的网络,是“平民”网。
虽然为了追求较完美的界面设计,我们在后面章节将从较专业的角度做了一些探讨,但是为了使“平民”能够接受,能够认同,网页的界面设计应该贴近大众,应该服务于大众。
这就要求我们站在一般浏览者的角度,去设计、审视、理解网页作品。
“平民”没有理解达芬奇蒙娜丽莎的微笑,但是知道蒙娜丽莎时时刻刻都是淡淡幸福的,能给人们带来无限的快乐。
不同的环境不同的心情看到相同的网页都有不同的理解,给人的感受肯定也是不一样的。
所以赏析无定规,只看自已识同,用自己的认识水平去理解。
纷繁复杂的社会造就了五彩缤纷的网页。
形态各异的网页最终谁能够占领市场,其相关的要素很多。
但是与网页的设计界面关系是不可以忽视的。
一个网页的页面设计完美,震撼,给人们心灵的触动,必然会在市场中有很高的点击率。
如何设计点击率高的网页,我们应该从心理学的角度来考虑设计方案和组织。
心理学中说到“注意”是人的心理对一定对象的选择集中。
纷繁复杂的世界,有限的人的大脑只能在众多的事物中挑选某些特定的对象或说事物来进行反映,而不管其他的事物。
所以说“注意”是贯穿心理活动的始终。
所以我们经常说“心无二用”酒就是这个道理。
网页设计也是一样,要使得人们去点击,必须设计出合乎人的心理的网页界面。
设计网页的时候要按照如下几点来来组织设计:
【1】有强烈的刺激:
一道强光,一声巨响,一种鲜艳的颜色等,这些都会引起人们的注意;
【2】有引人的兴趣:
凡能满足人的需要,符合人的直接兴趣的事物,都容易引起人的注意。
象球讯能引起球迷的注意,音乐广告可以被音乐爱好者的注意,有知识性的信息会给渴望得到的人的注意。
有兴趣的话题,就会吸引相应的人群。
【3】有巧妙的创意:
创意给人震撼,一种心灵的触动,让人们有如听小说“欲说后事如何,且听下回分解”,“余音绕梁,三日未绝”,给人期待。
总之,在设计网页之前,必须了解访问者的心理,需要了解访问者的浏览网页的感受,了解他们的耐心程度、年龄和性别,并了解他们浏览站点是为了娱乐、信息还是其他,这会给建立站点时确定色调和个性起到了十分重要的作用和决定性的影响。
所以如果要想在众多竞争对手中脱颖而出,在设计时要综合考虑众多因素:
从技术角度看要尽量减少带宽消耗因素,使网站去芜存精,删除不必要的细枝末节,让低速访问者也能得到较为理想的访问速度;从访问者的角度看要适当加入声音和视频等多媒体内容,做到有声有色,花开有声。
2.1网页设计与网站主题
网页设计与网站主题之间的关系归纳起来有三点,第一,设计应满足主题的要求,应该为主题服务;第二,设计使艺术和技术交融,应该是艺术和技术的完美结合。
就是说,在保证“美”的前提下,不丧失网站的“功能”;第三,无论是“美”,还是“功能”,都是为了更好地表达网站的主题思想。
当然,网站不同,其主题通常也会不同,对于“美”与“功能”的取向也有所不同。
例如,我们常用的搜索引擎Google、XX、一搜等,它的功能就是“搜索”,所以说“功能”就是它的主题;而对于某些功能较单一的网站,如个人网站,可以以“美”作为网页设计的目的,它完全可以冲着一个“美”的主题去体现自身的理念,所以说“美”就是它的主题;又例如门户网站,网易、新浪,还有如全球著名的电子商务零售网站亚马逊等,“内容”就是它们的主题。
网页设计的优秀与否,取决于设计师对主题的理解与掌握程度,好的页面设计肯定是服从于网站主题,鲜明地突出网站的诉求主题。
要使网页从形式上获得良好的诱导力,可以通过对网页的空间层次、主从关系、视觉秩序以及彼此之间的逻辑性来把握运用。
2.1.1网页突破性设计的要素
•主题鲜明:
网页设计的优秀与否取决于设计者对主题的理解和把握程度,好的网页肯定服从于网站的主题,鲜明地突出网站的诉求主题。
网页没有表达网站的主题就好象痴人说梦。
没有逻辑,没有条理性,无意义可谈。
•色彩多变:
色彩是自然美、生活美、艺术美的重要组成部分。
它代表着情感(绿色代表生命,红色代表热情,白色代表纯洁,蓝色代表深邃),代表着生活。
没有色彩的世界是死寂而平淡的。
•在主题明确的前提下,网页可以用丰富的色彩来烘托主题,让浏览者耳目一新的感觉。
给人清新,如坐春风,吃人生果,让人感觉身上三万六千个毛孔都渗透着激情。
但多变的色彩不要干扰了浏览者的易读,不可以浓妆艳抹,脱离主题。
•文化底蕴厚实:
要有文化底蕴,让人回味,让人期待;没有文化的网页也只能算是过眼烟云,随风而去,不留痕迹。
(“简约而不简单”广告语)
•表现夸张:
针对某一内容,用夸张的形式表现,来一个艺术的夸张,给人一个全新的理念,全新的概念,全新的感受。
•常规突破:
现在很多设计师突破常规思维,实现主题的表现。
•合理的结构:
网页是传播信息的载体,其结构由各种视听要素组成,以满足人们实际的目标而设计。
从整体结构上看其合理性,形式上丰富有条理,组织上有秩序,不单调,不混乱。
总之,欣赏、评析一幅网页作品可以从主题的鲜明性、独创性、结构的合理性、色彩的艺术性以及内容的针对性。
最根本的是不能偏离主题,只有保证在正确的方向的前提下才能创新设计、合理布局、“涂脂抹粉”、才能获得有效设计;否则,偏离主题的设计再好也只能“束之高阁”。
2.2各类网站的设计总体框架
(1)门户类网站:
门户类网站是互联网中的巨人,通常分为专业领域与搜索引擎类网站,拥有庞大的信息量和用户资源是这类网站的优势。
门户网站将无数信息整合,分类,为网上访问者打开了方便之门。
调查显示,大多数浏览者都是通过门户类网站来寻找它们感兴趣的信息资源,巨大的访问量给这类网站带来了无限商机。
(2)产品类网站:
生产与消费是维系社会发展的两大重要支柱,而将两者结合起来的就是形形色色的产品:
从传统的衣食住行到现代的通讯、软件、数码产品,浏览者都可以轻易地在互联网上找到。
立足生产厂商的角度开发的产品网站是互联网开发的一种重要的形式,借助不断涌现的更具有人性化的网上营销模式,生产厂商得到了产品国际化的流通渠道和便捷、价廉的信息反馈。
事实上电子商务已经悄悄地走进了人们地日常生活。
1.从网站设计的角度出发,产品类型的网站重要的是要突出产品的个性,将产品个性与精美的设计融会贯通才是这类网站中的上品。
(3)娱乐类网站:
娱乐人物总是人们关注的焦点,如果你是一个明星的超级FANS,那么第一时间更多更近地了解你的偶像,岂不是件乐事?
通过网络,我们可以更全面地了解我们所钟爱的影视明星。
1.娱乐与广告象是对孪生的姐妹,而广告又是支撑互联网的重要支柱,透过这层关系我们也就不难发掘这类网站的黄金本质了。
(4)游戏类网站:
同世界各地的朋友并肩作战,或是棋逢对手地较量一番,真是人生的一大乐事,“游民”是个新兴的网络群体,主要是以年轻朋友居多,理所当然是游戏类网站的主要客户群。
面对如此年轻、庞大的用户群,在线游戏网站及相关的游戏资讯网站也如雨后春笋般应运而生。
1.游戏类网站由于本身固有的强大娱乐性和完善的交互设计经验,使得无数“游民”废寝忘食,这为游戏公司带来了滚滚财源。
随着技术发展的突飞猛进与带宽环境的日渐改善,游戏类网站形式和内容有了很大的突破,可以说在线游戏已经迎来了一个美丽的春天。
(5)时尚类网站:
对于充满活力而不安于现状的人来说,时尚类网站是他们梦想的乐园。
i.时尚像个非常善变的美女,总是让你捉摸不透而难以追逐。
名模、靓衫、宝马、香车总是给人无限的遐思,各种设计理念的交汇与撞击首先在多变的时尚大潮中,进而引发流行时尚的燎原之势。
(6)音乐类网站:
在线音乐的发展经历了一波三折的过程,不论这个有多少起伏,能让一首新歌一夜之间传遍全球的也只有互联网。
i.大多数音乐网站提供乐在线的音乐欣赏,这在一定程度上起到乐传统唱片行业发行方面的推进作用,即便是当初最反对网上传播MP3的SONY唱片不也正在积极寻求在网上销售唱片的新方式吗?
看来防川之水在于“疏”而不在“堵”。
(7)杂志类网站:
杂志类网站是传统媒体融入互联网的新形势,依托原有的影响力以及专业的咨询,轻松地在互联网中站住了脚,这类网站通常还带有书面出版物的很多特征,而实时的资讯更新与反馈使得杂志类网站如虎添翼。
更有很多原来隶属于杂志社的网站由于在互联网上取得的成功,得以独立成为全新的多媒体杂志。
(8)传记类网站:
为名人建一座网上展览馆也是非常有意思的事情,让更多的人去了解他而从中获益,这是数字时代对名人对伟人的纪念方式。
i.目前单纯介绍人物的网站不是很多,面对日趋激烈的竞争形势,对于正在求职的毕业大学生而言,动手制作一个类似的网站将是非常出色的名片,或许能帮助你在众多竞争者中脱颖而出,当然如果参加网上求职岂不是更加方便?
(9)个人类网站:
个人网站是互联网中色彩最为绚丽的风景。
这里提供了充分展示个性的空间,可以说这些多姿多彩的个人网站就是互联网的基石,互联网正是因为亿万人的参与才会如此丰富,也是因为你、我、他的加入才使得互联网深深植根于我们的日常生活。
2.3网页颜色的使用风格
配色最先映入眼帘,它决定了主页的印象
配色是观者访问主页时目光无法回避的设计要素。
在看标题前的一瞬间已被决定了的配色效果不可轻视。
不经意之间,观者对主页的印象就被固定下来。
正如初次拜访别人家,在看清门牌之前,通过建筑物的外观和院子里的树木形状就可以把握那家人的性格一样。
配色印象无法更改
配色形成的印象非常稳固。
不知不觉之间,印入心灵的影像就被牢牢锁定了。
无论后面提供的新闻品质如何,配色效果就如同空气一样无声地环绕着整个主页。
由浅色构成的主页,无论内容多么热烈,与淡淡的气氛混合之后,留下的还是淡淡的回味。
配色不分场所,具有多重效果
插图的内容或标题和配色的印象一致时,就能发挥最大的效用。
欢乐的图画与欢乐的配色相叠加,传递出发自内心的喜悦。
相反,与图画和标语的印象不和谐的配色,会引起混乱,产生破坏性效果。
配色没有专用的场所,它与文字和图画相互协调,发挥着综合性作用。
色调的选择
配色决定印象的主要因素有以下三个:
l色调——鲜艳的色调、柔和的色调…
2色相——同系色、对比色、全色相型…
3对比——强明暗对