请选择 进入手机版 | 继续访问电脑版
热搜: 活动 交友 discuz

网页欣赏分析教学平台设计

[复制链接]
840 0

关键词:网页欣赏;网页设计;教学平台设计

1网页设计课程中存在的问题

观摩了不少教师网页设计课程的公开课,与很多学生沟通了学习专业课程中存在的一些问题,发现部分学生对学习网页设计课程的兴趣不高,究其原因,由于整个课程设计教学情景的创建不突出,教师很少在课堂上展示国内外一些精品网站的作品,完全是依照课本的知识顺序抽象地进行授课,提不起学生的学习兴趣。学生则依照老师所讲的内容模仿训练,没有更多的时间进行思考和创意设计构思,师生间的互动不得当,造成整个教学过程的教学形式单一、教学效果差等结果。

2构建教学平台的基本要素与设计技巧

当我们欣赏一些大师的作品时,会从他们对界面设计的细节上发现:每个作品的网站界面设计和色彩运用风格均有所不同。当我们打开任何一个网站的页面时,给我们留下最深印象的不是内容的丰富,也不是界面的布局,而是网站的色彩。由此可以看出,网站的色彩对构成界面的视觉效果是非常重要的。网页欣赏精品分析教学平台的构建要素应做好以下几方面工作[2]:第一,网页界面设计的色彩搭配和运用【色彩搭配设计】;第二,网页界面设计的风格形式与定位分析【Dreamweaver网页设计】;第三,网页界面整体的图像、文字及其排版设计【Photoshop设计】;第四,网页界面中的动画表现力【FLASH动画设计】;第五,网页界面设计的创意与构思【综合知识的运用和整合】。由此看出,一个网站界面设计所运用的教学知识点在不同的领域,创作的角度与风格是有所区别的,这就要求教师们要依据自己的设计风格,运用自己的知识和教学经验及最大化的软件运用能力,透彻的分析和解读网站设计精品,让学生们逐步建立起学习网页设计课程的兴趣,通过对各种精品的欣赏,领会不同类型网站设计的风格和艺术表现手法。逐步完成一套:作品欣赏—创意构思—知识运用—作品设计的自我学习过程。整个教学平台的设计原则如下。

2.1备足功课是创建教学情景的关键

网站界面的视觉构成设计是一种思维训练的过程,更是知识综合运用能力的展现,教师在这一教学环节中,备足功课是首要任务。将色彩、版式设计、动画分析等知识综合地运用在一起是创建教学情景的首要环节[3]。通过演示、分析及作品讲解,让学生们从欣赏的角度去品味大师们在设计上的创意理念、色彩构成的恰当运用以及细节上的处理,使学生的视觉思维在感知形体结构中形成准确的定位。

2.2剔除错觉是教学设计的主要环节

在教学设计中,剔除错觉是正确感知世界的一个重要环节,为我们进行网页设计教学时形成确切的概念和严谨的布局打下良好的基础。一般情况下,网页界面设计的视觉构成应该把握以下几种设计思路:A.单点和多点视觉的表现;B.直线、斜线和曲线视觉的表现;C.圆形、方形和自由图形视觉的表现;D.点、线、面混合视觉的表现。如果单纯地运用点、线、面,其界面有可能会单调、乏味,反之,如果能在设计中合理地安排好点、线、面之间的关系,就能设计出丰富且具有极佳视觉效果的界面。如图所示。

2.3创意设计是教学设计的灵魂

好的界面创意可以让人印象深刻,过目不忘,内容深入人心,使作品个性鲜明、充满魅力。创意的形式是在平时学习、收集素材的过程中孕育的,是一个不可复制、厚积薄发的过程。创意设计就像是界面设计的灵魂,是设计者智慧的释放[4]。如图所示。

2.4色彩运用是教学设计的情感特征

网页界面的色彩运用是具有极为丰富的感情含义。在网页界面设计中,色彩的运用尽量不要超过4种以上。用色太多会导致作品没有方向性、没有侧重感,容易产生色彩杂乱的感觉。教师在教学作品评价中要对学生进行用色上的指导。色彩搭配合理,可以产生和谐统一的效果,形成协调的视觉韵律。

2.5简约设计是教学设计的加减法

在网页设计中,要学会使用白色来进行画面对比。在某种程度上,留白是为了给观者留下思考和透气的空间。许多人倾向于过度填充他们的界面,使人们在视觉上感到疲劳。保持干净和适当的空白更能让用户保持愉悦的情感去浏览下去,只有舒适的网页界面才会受到欢迎,才能达到更好的传播效果。为此,网页设计时要学会加减法,从设计的第一个元素开始,就要不断地运用加减法来搭建画面,适当运用放大或缩小,不断地变化。当加法做到一定的量时,再去做减法设计,这是对界面整体把握能力的一个评估。例如:大胆地去除边框,让画面更通透大气,视觉元素更丰富,但不乏美感。科学合理地运用加减法是我们不断追求完美设计的过程。

3网页设计的重要过程———减少视觉感知

减少视觉感知是通过移除和隐藏来减少设计的复杂性。降低“视觉感知”的复杂性也是网页设计中一个非常重要的设计过程,而空白和对比无疑成为有效减少视觉干扰的重要手段。因此,在设计页面的视觉布局时,要适当的留白来平衡页面元素。另外,在使用空白的同时,还要保证其对比感。要学习如何用最少的视觉变化来表达思想,使设计元素之间有主次感。可透气的白色空间不像淡白,用有趣的设计来刺激用户的视觉神经,使设计作品更有思想性。例如,在留出必要的空白之后,试着给文本添加一些修饰,或者在段落中添加一个小图标。适当的修饰是必不可少的。

4结语

网页欣赏精品分析教学平台的设计,可根据不同的课程教学内容,有效地避免教学情境的单一化。这种教学方式有助于学生在学习中最大限度地发挥自我潜能,从而赢得同伴的尊重,对于增强学生的自信心和提高学习积极性起到很大的促进作用。综上所述,网页欣赏精品分析这一教学平台,是依据中职学生学习能力“最邻近发展区”来建立的一种情境教学法,通过这种欣赏分析的教学手段,不断地把学生的学习能力和智力潜能提升到更高的水平,使学生的创作理念走到实践学习的前面。

END

中云创科网络科技有限公司从事软件设计,软件开发,软件测试于一体专业化软件定制开发公司!我公司长期致力于APP,微信小程序及公众号开发定制 ,逐渐形成一套完善的行业化且专业化网络营销解决方案!十年经验,值得信任!!
    (3)智能硬件开发,有过智慧城市,智慧农业的策划,部署和实施经验
    (4)网站建设:高端网站定制、营销型网站建设、模板建站、手机网站建设、微信微站建设、淘宝店装修、域名空间、响应式网站、电子商务网站、外贸网站、平台网站、企业网站
为什么选择我们?
公司出品:8年网站建设经验,专业策划师、设计师、程序技术团队,无论做何种网站,都为您策划推荐,做适合贵司的网站或系统!
策略营销:我们不单只是给您做合适的网站,更要把它变成为您赚钱的网站;还会推荐较适合您的营销推广策略,让您持续赚钱!
优质服务:耐心倾听客户需求,做出另您满意的网站之余、还会为您提供放心的售后服务,让您没有后顾之忧!
https://lai170.com
https://dazhuangkeji.cn

售后电话:4009030429



举报 使用道具

回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0

关注

0

粉丝

87

主题
精彩推荐
热门资讯
网友晒图
图文推荐
  • 联系我们
  • 邮箱:161412644#qq.com(请把#改成@)
  • 电话:15642930400
  • QQ客服 161412644
  • 工作时间:周一至周五(早上9点至下午5点)
  • 微信公众平台

  • 扫描访问手机版

QQ|Archiver|手机版|小黑屋|老超市社区 ( 辽ICP备16008076号-2 ) |辽公网安备21140202000057号

GMT+8, 2020-10-27 19:35 , Processed in 0.087579 second(s), 42 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

  • QQ: 161412644

    客服电话

    15642930400

    电子邮件

    161412644@qq.com

    在线时间:8:00-16:00