理论教育 DIV+CSS3网页设计与制作:著名网站主页赏析

DIV+CSS3网页设计与制作:著名网站主页赏析

时间:2023-11-22 理论教育 版权反馈
【摘要】:图1.4.3哔哩哔哩网站网页1.4.4长沙市人民政府网站主页赏析政府网站是向群众发布政务信息,为人民提供网上办事的窗口。

DIV+CSS3网页设计与制作:著名网站主页赏析

【案例引入】

伦敦黑色伯列费尔桥上,常常有人跳河自杀。当用蓝色重新粉刷之后,跳河自杀者减少了一半。在加州,一座监狱的看守长常为犯人寻衅闹事而苦恼。有一次,他偶然把一伙狂暴的犯人换到一间浅绿色的牢房里,奇迹就发生了:那些原来容易暴躁的犯人,就好像服用了镇静剂一样,渐渐平静下来,看守长由此受到启发,把所有囚室漆成绿色,犯人寻滋事件随之减少。颜色专家指出蓝色、绿色使人感到幽静、安详,红色会兴奋神经,促使人多吃快吃;白色给人洁净和安定的感觉,促使人细嚼慢咽,尽情品味,自然不会少吃;黄色会使顾客愿意掏钱来大享口福;而绿色和蓝色等冷色则使人愉快地减少食量或倾向于多吃青绿色蔬菜。所以,餐厅的色彩布置是颇费心思的。在一些比较讲究的餐厅里,墙壁常刷成黄色,桌椅也漆成黄色,以此来刺激食欲。同理,浅蓝色、淡黄色和橙色能使学生精神集中,情绪稳定,尤其是橙色,还能影响学生的行为,减少同学之间的对立情绪。白色、黑色和棕色对学生的脑神经有刺激,易产生负面影响。如果人置身于绿色或蓝色的环境里,皮肤温度可降低1~2.2℃,脉搏每分钟减少4~8次,呼吸减慢,血压降低,心脏负担减小;淡蓝色对于发高烧的患者能起良好作用;紫色可使孕妇镇静;赭石色能帮助低血压病人升高血压。绿色能缓和紧张,使人安静。

【案例分析】

各种不同的颜色能对人的情绪产生不同的影响。我们在制作网页时,要合理运用颜色创造一个和平协调的氛围,引导浏览者心情愉悦、积极上进。

【主要知识点】

1.4.1 淘宝网站主页赏析

微课1.6 项目实施网站作品赏析

淘宝网站是一个电商网站,网页中红色是主色调,也是贯穿整个网站的颜色。红色有助于刺激用户的兴奋性。运用白色背景,能通过一个整洁有序的界面来帮助用户浏览这个网站的商品。效果如图1.4.1所示。

图1.4.1 淘宝网站主页

1.4.2 网易网站主页赏析

网易网站是一个综合型网站。网页中,灰是主色调,也是贯穿整个网站的颜色。首页简洁清晰,以白色为底色,文字以深灰和红色为主,给人一目了然、认真权威之感。运用白色背景,能通过一个整洁有序的界面来帮助用户浏览这个网站的内容。效果如图1.4.2所示。

图1.4.2 网易网站主页(www.daowen.com)

1.4.3 哔哩哔哩网站主页赏析

哔哩哔哩是以弹幕文化二次元为主的综合视频网站,用户以年轻群体为主。网页中,蓝绿灰构成主色调,体现了年轻人的活跃、轻松、求知欲旺盛等特点。首页以色彩丰富的图片为主,给人一种生机盎然的景象,吸引住人们的注意力,效果如图1.4.3所示。

图1.4.3 哔哩哔哩网站网页

1.4.4 长沙市人民政府网站主页赏析

政府网站是向群众发布政务信息,为人民提供网上办事的窗口。网页中,红蓝构成主色调,体现了简洁大方、清新美观、特色鲜明等特点,显得稳重、大气、协调。首页以毛泽东雕像的图片与民众游玩图片为主,给人一种庄重而又生气勃勃的景象,吸引人们的注意力,其效果如图1.4.4所示。

图1.4.4 长沙市人民政府网站网页

1.4.5 湖南师范大学网站主页赏析

湖南师范大学的网页以红色为主色调,辅以绿色,让人感到青春、活力、动感,呈现年轻人的心态,给人的感觉是生机盎然,充满了互动色彩和青春气息,效果如图1.4.5所示。

图1.4.5 湖南师范大学网站网页

课程育人】

案例引入和本节色彩相关的知识,使我们认识到色彩的作用。我们要熟悉色彩的特点,对网页色彩进行正确运用,在网络平台产生正向引导,让用户有美的享受,心情愉悦。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈