2010年3月-2010年7月,网页设计艺术鉴赏,开学寄语 共同走进网络的世界 全面、系统感受网页设计的艺术性,段青霞 QQ；6928796 数字艺术系多媒体教研室 6928796qq.com 13435488306,2000年 大连轻工业学院 装潢艺术设计专业毕业 2000年-2002年 沈阳网络科技公司任网页设计师，开始进入IT行业。 2002年-2006年 深圳计算机科技公司从事软件界面设计工作，任UI设计师。关注界面交互设计、用户体验、界面使用过程中易用性、界面设计艺术性与实用性。 2006年-2009年 深圳大学攻读硕士研究生.方向:产品设计与研究.主攻产品设计管理、界面交互设计、设计心理学。,学生,主要内容 一、网页无所不在 二、网页界面构成要素-赏析点 三、网页设计艺术鉴赏课程主要内容 四、上课方式与考核内容 五、优秀网页设计作品基本艺术特征-经典作品赏析,数字技术与设计艺术 数字技术发展 信息时代（数字时代、E时代）到来了 20世纪90年代，数字技术发展，电脑普及，网络扩张 特点：基于提供服务和非物质产品的社会 数字化 非物质 化虚拟化 数字化计算机图形图像技术发展为艺术设计带来新语境 艺术设计在非物质社会中内涵和外延得到了扩张 设计艺术新特征 设计内容艺术化、个人化、多元化发展 设计手段虚拟化、无纸化趋势,数字设计艺术-新的设计门类 计算技术进步推动了数字影像技术发展 图形图像处理为基础的可视化技术应用成功过借助大众媒体、互联网等手段广泛传播。 DV、FLASH、电子杂志、动画、网络游戏日益成为新生代生活中不可缺少的一部分。 数字艺术定义-使用数字、信息技术制作各种形式的有独立审美价值的艺术作品，具有交互性和使用网络媒体的基本特征。 网页设计就是其中主要类型。 一切由电脑技术制作的媒体文化都属于数字艺术范畴。,记住这些词： INTERNET-互联网-信息交流方式 HTML WWW http:/ 网页是网络的媒介 网页是与不同网站交流的媒介 交互实现我们和网络的交流 网页=技术+艺术,一、网页设计无所不在 1、网络-信息时代的新兴媒体 2、我们每天被各种网页所包围着 QQ、网页、网络游戏界面、网络邮箱、各种各样的软件界面、博客、网络购物等等 3、好的网页让我们兴奋、快乐；不好的网页让我们感觉厌恶,数以亿计的网址 构成了我们的网络世界 思考一下，你的电脑收藏夹里面收藏了多少网址？ www.sina.com.cn www.qq.com www.taobao.com www.joyo.com www.apple.com www.dangdang.com,思考1： 请写下你常去的5个网站的网址,思考2： 不同人群对网页有着不同的需求和理解。请分别说说你对网页的印象。,思考3： 当你在浏览一个网站，看着里面网页。想想你能说清楚： 这个网页为什么好 ？ 那个网页为什么不好吗？,感觉和直觉,思考4： 让你用一个形容词来描绘下面你所看到的网页。,二、网页界面构成要素-赏析点 1、文字-标题、文字信息、文字连接 2、图形-标题、背景、主图、连接按钮 3、页面版式-页面构图 4、色彩-网站的主题和风格 5、多媒体-音频、视频、动画 6、技术-浏览器、传输速度、屏幕分辨率、颜色显示,举例1 分析一个网页构成要素 了解网站以及网页的基本布局 www.apple.com www.cctv.com www.hezi.com www.taobao.com www.google.cn,举例2：网页按钮-实现交互、入口，无处不在 如何设计完美“勾引”用户点击的按钮好的按钮设计一定会是醒目且能“勾引”用户眼球的。好的按钮设计必不可少的5个特征: 1.颜色 颜色一定要能与平静的页面相比更加与众不同，因此它要更亮而且有高对比度的颜色。 2.位置 它们应当”座落于”用户期望更容易找到它们的地方。产品旁边、页头、导航的顶部右侧这些都是醒目且不难找到的地方。,3.文字表达 在按钮上使用什么文字表达给用户是非常重要的。它应当简短并切中要点(不罗嗦)，并以动词开始，如:注册、下载、创建、尝试等 如果想切实的达到”勾引”用户点击的按钮，添加”免费”二字的确可以起到诱惑的效果，当然那要真的是免费，不要误导或欺骗用户。 4.尺寸问题 如果它是你最重要的按钮并且你希望更多的用户点击它，那么让它更醒目些是没有坏处的。把这个按钮设计的比其他按钮更大些并让用户在更多的地方找到并点击它。 5.可”呼吸”的空间 你的按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边距)才能更加突出，也需要更多的padding(内边距)才能让文字更容易阅读。,三、本课程的主要内容 1、网页设计基本原理与方法 2、网页设计要素的掌握与应用 3、网站的类型与网页风格 4、优秀网页设计艺术赏析 专题：欣赏和分析一个网页的艺术性 专题：分析一个网页的实用性和易用性 专题：尝试制作自己的个性主页,四、上课方式与考核内容 1、网页设计理论知识 2、经典设计作品赏析 3、课堂练习与实践练习,四、上课方式与考核内容 考核内容： 1、平时成绩（点名+课上课后练习） 2、期中测试 3、期末综合创作 比较分析题、文字设计题、实践操作题 准备工具： 笔记本-记录东西 电脑和电脑软件-photoshop软件,经典网页设计作品赏析,图标,图标,网页界面设计,网页界面设计,网页界面设计,网页界面设计,网页界面设计,软件UI界面设-GUI-手机界面设计,Palm Pre GUI,软件UI界面设-GUI-手机界面设计,Ipod GUI,软件UI界面设-GUI-手机界面设计,Iphone GUI,Flash 网站欣赏,学习资源补充 网站：www.chinaui.com www.chinavisual.com/ 专业书：教材 软件要求： PHTOSHOPFLASHDREAMWEAVER,