网页设计及切片基础教程.pptxVIP

化学多媒体软件设计页面设计及切片基础_入门篇2013.11.04目录 CONTENTSPPT制作：前端设计组尹海施1 页面设计 1.1 设计流程 1.2 需求分析磨刀不误砍柴工，科学进行需求分析，是成功的网页设计不可缺少的步骤如何分析？ Step 1: 确定主题、网站整体功能和风格主题：学院网站功能：展示学院风采、新闻动态风格：较为严谨、正式 Step 1: 确定主题、网站整体功能和风格主题：课程介绍功能：介绍课程、分享课程资源风格：与学院网站相比，更为开放、新颖 Step 1: 确定主题、网站整体功能和风格主题：个人网站功能：展示个人风采风格：开放、自由，无固定版式 Step 2: 确定网站栏目结构规划好网站的层次结构。清晰网站的导航，方便用户无障碍的使用网站，了解网站提供的功能。 Step 3: 确定页面的版式布局根据网站类型、展示内容多少确定布局，画效果图之前，不妨先画一个页面布局示意图，这会让你思路更清晰，助你事半功倍。 Step 4: 确定网页配色网页的色彩，是访问者登录页面时的第一印象，好的页面色彩能给用户留下深刻的印象，并且能产生很好的视觉效果和营造网站整体氛围的作用。根据网站风格选择主色调、辅助色、特征色，形成一套配色方案。 1.3 常见网页布局 ① 上下结构式（经典厚朴版式）上方为banner、导航条中间为slide，（动态的公司企业形象、广告区域）下方为正文、内