网站界面(UI)设计

综合运用视觉要素设计完成简单的网页界面

实训目的 学生掌握网页中常见构成要素的设计要点。能够使用设计软件制作简单的网页界面,在实践中提升对视觉要素的综合把握能力,以及设计软件的操作熟练度。

实训内容 掌握网站界面的设计与制作。设计制作特定主题的网站界面,了解网页的构成要素,综合运用视觉要素设计完成简单的网站界面。提交源文件,并附上不少于200字的设计说明。

实训要求 教师指导2学时,学生课后8学时或以上。

分析优秀网站的配色规律

实训目的 通过实际浏览比较并筛选各种网站,理解网站配色的原理和方法。在潜移默化中提升网站色彩搭配的审美品味,开阔设计眼界。

实训内容 1.上网浏览学习明显采用同类色相、类似色相、临近色相、对比色相、互补色相这五种色相对比方式进行配色的网站,每种至少一个精选的网站例子,标明网址,每个网站截屏3张,并分析其配色,用Photoshop制作色带。

2. 上网浏览学习明显采用高明度配色、低明度配色、高彩度配色、低彩度配色的网站,每种至少一个精选的网站例子,标明网址,每个网站截屏3张,并分析其配色,用Photoshop制作色带。

3.将所选例子的截屏、网址、分析文字及色带制作成可展示的PPT。 要求所选网站配色较为典型,PPT条理清晰,信息完整。 实训要求 教师指导2学时,学生课后练习16学时或以上。

网页布局版式设计训练

实训目的 通过动手实践,灵活运用网站布局的方法和技巧,能够对同一素材内容设计出不同的布局方案,在调整探索过程中体会不同布局适用情景和对网站整体视觉风格的影响。 实训内容 根据指定的图片和文字素材,设计两种不同网站布局版式的网页,采用栏式结构或区域结构不限。提交设计稿源文件两件。

实训要求 教师指导2学时,学生课后16学时或以上。

用Photoshop绘制2D剪影图标

实训目的 掌握剪影图标的绘制方法,并熟悉Photoshop软件的操作。 实训内容 用Photoshop绘制2D剪影图标,完成一套图标(至少包含4个)。可采用堆叠法进行绘制,并通过若干图形的组合,构造复杂的图形。提交图标源文件。 实训要求 教师指导2学时,学生课后8学时或以上。 更多试题及答案+扣二九七九一三九六八四$

运用Photoshop设计制作网站界面设计稿

实训目的 熟练掌握Photoshop软件进行网页布局及绘制网页元素的方法和技巧,使学生能够综合运用课程所学设计原理及软件操作技巧来设计制作具有较好审美水平的网页设计稿。 实训内容 收集优秀网页做参照,自主选择主题制作设计稿,要求主题突出、信息准确、布局合理、图片清晰、色彩搭配合理、体现整体美。提交设计稿源文件至少一件。 实训要求 教师指导6学时,学生课后练习36学时或以上。

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4