UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

项目3 网页界面设计

发布时间:2022-03-05 00:34   发布人:袁安翠   浏览次数:1148

 网页界面设计 】

        

       网络信息化时代,网页是我们日常生活中必不可少的内容,网页界面设计是对企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行功能策划和页面设计美化工作。企业通过精美的网页,来提升企业的互联网品牌形象。本项目将对网页导航栏,网页Banner及在线教育网页界面设计进行讲解。


【 项目引入 】

 

 

【 项目思维导图 】

             

网页界面设计1.jpg


学习任务

重点、难点

突破方法

1.网页界面设计概述;

2.网页导航栏设计;

3.网页Banner设计;

4.在线教育网页设计。

重点:1. 网页导航栏设计;

          2.网页Banner设计;

          3.在线教育网页设计;

难点:1.Banner设计;

          2.栅格网页的绘制。

采用翻转课堂、项目导入的教学模式,采用分组讨论、案例教学、演示动画等教学方法,运用在线教学平台。

知识目标

能力目标

素质目标

1.掌握网页设计的相关概念及参数指标;

2.掌握网页导航栏的常见版式及设计要点;

3.了解栅格网页绘制的一般原则。

1.能够进行简单的网页导航栏的设计;

2.能进行合成类Banner的设计;

3.能利用栅格进行网页界面的设计。

1. 养成积极主动学习意识;

2. 养成勤于动手的习惯;

3. 培养团队合作能力。

课程思政—团队合作

                 

效果图

                       

                  网页.png

                   

【 视频讲解】

知识储备


                       

 

【 资料下载 】

活页教材

          网页界面设计概述

课程教案

          网页界面设计概述

演示文稿

       

       1、网页界面设计概述.pdf


任务工单

          网页界面设计概述

素材下载

   百度网页界面设计文件

课后同步项目

         1、网页设计基础

   2、网页布局

练习题

       1、练习1

疑难问题解答

 1、什么是画笔?voice.jpg

         2、画笔的高级应用有哪些?voice.jpg