SCITC 四川信息职业技术学院 开放课程 Webpage Design 网页设计与制作 可思度想 合防 四川川信息职业技术学院精品开放共享课程
SIT Sichuan Information Technology Colleg 四川信息职业技术学院开枚共言话稻 中面设计与制作 单元4：页面元素设计 授课教师：刘清梅
教师：四川信息职业技术学院 刘清梅 授课教师：刘清梅
S Sichuan Information Technology College 四川信息职业技术学院开教共喜保程 中面设计与制作 目录 。PS常用页面元素设计 ● 标致设计：Log0 导航设计：Navigation 横幅广告设计：Banner 按钮设计：Button
教师：四川信息职业技术学院 刘清梅 • 标致设计：Logo • 导航设计：Navigation • 横幅广告设计：Banner • 按钮设计：Button PS常用页面元素设计
SIT Sichuan Information Technology Colleg 四川信息职业技术学院开教共亨稻 中面设计与制作 标致设计：Log0 ·LOGO:是徽标或者商标的英文说法 一作用：公司识别、推广，能让消费者记住公司主体和 品牌文化 Bai怂百度 ①腾网 enoo联想 ®
教师：四川信息职业技术学院 刘清梅 • LOGO：是徽标或者商标的英文说法 – 作用：公司识别、推广，能让消费者记住公司主体和 品牌文化
四川信息职业技术学院开枚共喜话稻 面设计与制作 LOGO ·特点： 一造型简单，意义明确，有统一的标准的企业视觉符号。 是对企业理念，企业文化，企业愿景的展现 (939) (Before WWID) (After WWIl) Current Logo
教师：四川信息职业技术学院 刘清梅 • 特点： – 造型简单，意义明确，有统一的标准的企业视觉符号。 是对企业理念，企业文化，企业愿景的展现
S Sichuan Information Technology College 四川信息职业技术学院开教共喜让档 中面设计与制作 L0G0应用例子 ·08年4月腾讯网宣布启用新品牌标识，以绿、黄、红三色 轨迹线环绕的小企鹅标识取代过去的QQ企鹅图案，腾讯 传媒、QQ游戏等业务，都将同期统一更换新标识。 腾讯网 www.QQ.com QQ.com
教师：四川信息职业技术学院 刘清梅 • 08年4月腾讯网宣布启用新品牌标识，以绿、黄、红三色 轨迹线环绕的小企鹅标识取代过去的QQ企鹅图案，腾讯 传媒、QQ游戏等业务，都将同期统一更换新标识
Information Technology College 四川信息职业技术学院开教共亨话稻 中面设计与制作 L0G0应用例子 多用于门户、商务、软件应用类 蓝色· 黄色 绿色 多用于休闲小游戏类 多用于音乐、校友 社区相关类 红色 多用于会员商城交易类的
教师：四川信息职业技术学院 刘清梅 红色 多用于会员商城交易类的 黄色 多用于休闲小游戏类 多用于门户、商务、软件应用类 蓝色 绿色 多用于音乐、校友 社区相关类
Information Technology College 四川信息职业技术学院开枚共言话移 中面设计与制作 LOG0应用例子 ·腾讯的大多产品都会以这4种颜色的其中一种作为主色， 然后分别选用4种中的2·3种作为辅助色。 色 配隐方天：以整色为注追，每绝新贵色址为铺向色 890g 品 别大 8 的电又：表直过合台素，提供湿可的多元化联每。 配方案：以红色为注色，黄色和驱色
教师：四川信息职业技术学院 刘清梅 • 腾讯的大多产品都会以这４种颜色的其中一种作为主色， 然后分别选用４种中的２－３种作为辅助色
S Sichuan Information Technology College 四川信息职业技术学院开教共喜让移 中面设计与制作 L0G0应用例子 ·LOGO（色彩、处理手法、形状)设计关联 -多以腾讯网LOGO作为基准进行创意设计。 -以蓝红绿黄4种的一中为主色 一强水晶质感并叠加光影动感效果，使视觉更加炫目 一以腾讯网LOGO圆形为基准，做变形创意设计 念0铜 QQMusic QLive I'MOQ ⑨QQ影暗 TT浏览器
教师：四川信息职业技术学院 刘清梅 • LOGO （色彩、处理手法、形状）设计关联 – 多以腾讯网LOGO作为基准进行创意设计。 – 以蓝红绿黄４种的一中为主色 – 强水晶质感并叠加光影动感效果，使视觉更加炫目 – 以腾讯网LOGO圆形为基准，做变形创意设计
SIT Sichuan Information Technology College 四川信息职业技术学院开枚共亨精 中面设计与制作 Logo的设计原则 ·遵循人们的认识规律，突出主题、引人注目 一认识规律：如从上到下，从左到右，从小到大，从远 到近的视觉及审美习惯 一突出主题：就设计者要了解站点的定位和发展方向， 能够在方寸之间概括出站点的理念 -引人注目：视觉效果要强烈，容易识别、辨认和记忆
教师：四川信息职业技术学院 刘清梅 • 遵循人们的认识规律，突出主题、引人注目 – 认识规律：如从上到下，从左到右，从小到大，从远 到近的视觉及审美习惯 – 突出主题：就设计者要了解站点的定位和发展方向， 能够在方寸之间概括出站点的理念 – 引人注目：视觉效果要强烈，容易识别、辨认和记忆