网页界面设计.pptVIP

设计（Design）：为构建有意义的秩序而付出的有意识的直觉上的努力。 设计的核心： 理解用户的期望、需要、动机；并且理解业务、技术和行业上的需求和限制。 将以上所了解的内容转化为对产品的规划，或产品本身，使得产品的形式、内容和行为变得有用、能用、令人向往，并且在经济上和技术上可行。 ;设计与艺术：艺术是设计的手段，而非任务。 设计的任务：构建有意义的秩序、实现设计者的意图、满足用户的使用需要。 设计的实质：设计实际上是一个对表面上相互冲突的各种要求进行协调的过程。设计最终追求的是对各项要求的平衡与和谐的统一。 ;设计的种类： 工业设计（Industrial Design ） 环境设计（ Environmental Design ） 建筑设计（Architectural Design ） 室内设计（Interior Design ） 广告设计（Advertisement Design） 服装设计（Fashion Design） 网页设计（Web Design） 交互设计（Interaction Design）;A.明确建站目标和用户需求 以“消费者”为中心，而不以“美”为中心； 设计规划时必须明确的问题： 建站的目标； 为谁提供服务和产品； 企业能提供哪些服务和产品； 网站的目标受众有什么特点； 企业的产品和服务适合怎样的表现方式。;B.确定网页设计的总体方案，主题鲜明 完成网站的构思创意、定位网站整体风格及特色；（通常以简洁的语言和富有特色的画面体现主题） 规划网站的组织结构； （内容分类、上下级页面的关联） ;案例分析1 案例分析2 案例分析3;C.网页的版式设计 版式设计：通过文字和图形的空间组合，表达出和谐之美。 关注页面整体布局的合理性，保证流畅的视觉体验。（多页面站点的设计，要求把页面之间的有机联系反映出来，处理好页面之间与页面内的秩序和内容的关系） 案例分析;D.色彩在网页设计中的应用 色彩的使用原则：和谐、均衡、主题风格突出； 色彩的使用要求： 客户是否有CIS，若有，则应按其VI规则使用色彩 考虑色彩对心理的影响 （色彩心理） 案例分析 网页配色：a. b. c. d. e. f. ;E.多媒体元素在网页设计中的应用 优势：有效吸引浏览者、生动表达内容 顾虑：网络带宽的限制、客户端的传输速度;F.其他设计问题： 方便的反馈及订购程序； 网站内容的更新、改进，及与用户的沟通。;信息查询类网页 案例分析1 案例分析2 特点：以功能为主、装饰性元素少，简洁清晰 ;大众媒体类网页： 案例分析1 案例分析2 特点：信息量大、内容丰富、各具风格；;宣传窗口类网页： 案例分析1 案例分析2 特点：企业网站、宣传企业的文化、产品和服务，是企业CIS的延伸。;电子商务类网页： 案例分析1 案例分析2 特点：注重交互设计、网站交互性强，注重界面可用性和界面美观；;交流平台类网页： 案例分析1 特点：界面以实用性为主，指示性强，易于操作；;视觉传达设计：利用视觉符号传递各种信息的设计。 网页界面的视觉传达设计构成要素： 文字 图形符号 1、2 图象 ;了解形式美的创造法则： 秩序产生的美感：例1、例2 和谐产生的美感：例1、例2 变化产生的美感：例1、例2;专业网页设计工具Fireworks的基本操作 实践作业