网页设计之创意风格范例.ppt

目标清晰 定位准确 设计的目的是为了什么？ 更好的表达信息 功能决定设计方向 看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就 要突出形象和权威性的文章；教育性的，就要突出师资和课程。 设计之前 我们需要做什么？ 深入了解项目背景与产品定位 清楚本网站受众群体的基本情况 学习同类网站 主题鲜明 富有特色 在目标明确的基础上，完成网站的构思创意即总体设计方案。 对网站整体风格和特色作出定位，规划网站的组织结构。 网页站点应针对所服务对象（机构或人）不同而具有不同的形式。有些 站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图 像、闪烁的灯光。 创意要点： 主题鲜明突出，力求简洁 从每一个小细节去突破 标签 按钮 甚至是阴影方向... 一定要有那么个地方与众不同 设计无对错 多想想把自己要表达的东西表达得更好就行 版式编排 布局合理 网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计 不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。 布局要点： 运用好点 线 面 整体布局合理化 有序化 简洁化 由整体到局部 再回归到整体 图文编排要有形式感 丰富多样而又简洁明了 主次关系分明 色彩和谐 重点突出 色彩是艺术表现的要素之一，它是光刺激眼睛再传导到大脑中枢而产生 的一种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不 同的色彩进行组合、搭配来构成美丽的页面。 配色要点： 色彩对人心理的影响 不同人群对色彩的喜恶 明确调性 运用好主色、相近色、对比色、饱和度、明度的关系 其他小观点 视觉设计一如既往地重要着 美感因人而异 最重要还是要搞定你的目标用户 视觉表现需要传达品牌化 天下文章一大抄 抄的是道理、思想、局部精致的点缀 精确到像素 边界清晰 不再模糊 善用素材 提升效率 善待PSD 从细节做起 平时要善于收集有意思的设计 亲近自然 提升眼界 * 设计相关知识 网页设计基础 一、网页： 从功能上分： 静态网页 和 动态网页 二、网站建设流程 其整个过程大体如下： 发起（项目建设的提出） 规划（通过与客户沟通和用户研究，明确站点目标和用户需求，并在此基础上进行站点整体设计和架构） 设计: 通过界面规划和视觉设计，将站点设计方案转变为可视的页面。 制作：用页面标记语言制作具体的页面，并与后台程序组合成最终页面，生成可以运行的完整网站。 测试：测试发生在网站设计的各个过程之中，以明确需求，确认方案。 发布与维护：将经过测试的站点发布上线，通过维护更新，保持站点的正常运行和健康发展。 网页设计基础 1、图像格式 JPEG ----联合图像专家组 GIF----- 图像交换格式 PNG----可移植网络图像格式 2、字体 默认字体： 中文---宋体 英文—times new roma 要求：字体大小适中 中文：12px 14px 英文 ：11px 12px 默认字库外字体使用规则是严格的 3. 关于尺寸 屏幕尺寸 浏览器尺寸 网页实际尺寸 == 浏览器窗口 网页设计基础 1、图像格式 JPEG ----联合图像专家组 GIF----- 图像交换格式 PNG----可移植网络图像格式 2、字体 默认字体： 中文---宋体 英文—times new roma 要求：字体大小适中 中文：12px 14px 英文 ：11px 12px 默认字库外字体使用规则是严格的 3. 关于尺寸 屏幕尺寸 浏览器尺寸 网页实际尺寸 == 浏览器窗口 网页设计基础 屏幕尺寸 (显示器品牌 ，尺寸多样性，使网页尺寸标准越来越难以捉摸) 16:9 1920×1080（21.5 23） 1600×900 （20吋） 16:10常见的分辨率有 1280×800（13.3、14.1、15.4吋笔记本）、1440×900（17.1吋、19吋）、 1680×1050（20吋、21.6吋、22吋）、1920×1200（22、24、25.5、27、27.5） 4:3常见的分辨率有800×600、10