网站界面(UI)设计_第1页
网站界面(UI)设计_第2页
网站界面(UI)设计_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

本文格式为Word版，下载可任意编辑——网站界面(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软件进行网页布局及绘制网页元素的方法和技巧，使学生能够综合运用课程所学设计原理及软件操作技巧来设计制作具有较好审美水平的网页设计稿。实训内容收集优秀网页做参照，自主选择主题制作设计稿，要求主题突出、信息确凿、布局合理、图片明了、色调搭协同理、表达整体美。提

人人文库> 全部分类> 教育资料 > 中学教育

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论