第1章-网页艺术设计基础知识-设计元素.ppt

网页设计元素;网页设计元素;1、设计风格;1、设计风格;商业网站;设计风格的变迁;操作系统界面的变迁;;;WIN31设计风格;windows95;WINDOWS98;XP风格;最新风格;AppleLisaOfficeSystem1(发表于1983);MacOS操作系统1.0(发表于1984);macossystem(1991);MacOSX(发表于2001);MacOSXLeopard(current2007);OS21.x(发表于1988);OS22.0(1992);Macos8(1997);苹果标志设计风格;网页设计风格变化;;三维风格时代;WEB2.0设计风格;WEB2.0设计风格;;;;;扁平化设计风格;扁平化设计风格;;2、颜色或是配色方案;颜色;颜色的形成;色光三原色与色光加色法;;色温;色温;色温;颜色理论;色轮;;色彩配色方法;;;;;;互补相邻色;三角色;四元色或双互补色;其他配色方案;颜色表示方法;;颜色表示方法;颜色表示方法;颜色表示方法;色彩设计工具;;;;;;;平安配色法;单色调;互补色配色;四色配色-相同彩度和明度;消失差配色方案

灰色+一种纯色;3、纹理;纹理表现手法;二维手法--线;二维手法--形状;椭圆形状;二维手法--圆角与旋转;;;;三维—容积和深度;;具体方法;阴影使用原那么;渐变原那么;://sitepoint/;网站SitePoint;中国农业银行网站;中国农业银行网站设计问题;://silverbackapp/;://riotindustries/;构建纹理两种形式;;4、文字;;;字体;;网页中常用字体;衬线字体;衬线字体;无衬线体;无衬线体;等宽字体(Monospace)

;手写体(Calligraphy);符号体(Symbol);字体的样式;间距;;文字排版原那么;文字排版原那么;网页设计之字体排版原那么;5、图片〔影像、音效〕;大张照片做背景例如;适当的图片传达情感;使用插画元素增加趣味性;图像〔图标〕是重要的设计手法;图形的处理;;6、动态效果;导航;;;按钮;图片切换;页面切换