四川信息职业技术学院 开放课程 Webpage Design 网页设计与制作 C巴州行急水装教本爷配 由静美图 可思食然 a品形阁 四川川信息职业技术学院精品开放共享课程
SSichuan Information Technology Colleg 四川信息职业技术学院开教共亨4格 中面设计与制作 单元5：网页整体设计 授课教师：张光辉
教师：四川信息职业技术学院 刘清梅 授课教师：张光辉
SIT Sichuan Information Technology Colleg 四川信息职业技术学院开枚共亨话稻 面设计与制作 目录 ●网页整体设计 线框图的概念及作用 如何设计制作线框图 操作演示：根据线框 图设计网页效果图
教师：四川信息职业技术学院 刘清梅 • 线框图的概念及作用 • 如何设计制作线框图 • 操作演示：根据线框 图设计网页效果图 网页整体设计
S Sichuan Information Technology College 四川信息职业技术学院开教共喜保程 中面设计与制作 什么是线框图 ·线框图一一又叫原型、框架图 是网站设计方案中的重要组成部分，可确定一个建立 在基本概念结构上的架构。 是网站策划师、网络产品经理的最后交付文档，虽粗 糙，但可呈现最直观有效的设计效果 指出了视觉 设计应该前 一个人 个西方 男人 能个署的鬍 进的方向 男人
教师：四川信息职业技术学院 刘清梅 • 线框图——又叫原型、框架图 –是网站设计方案中的重要组成部分，可确定一个建立 在基本概念结构上的架构。 –是网站策划师、网络产品经理的最后交付文档，虽粗 糙，但可呈现最直观有效的设计效果 指出了视觉 设计应该前 进的方向
Information Technology College 四川信息职业技术学院开教共亨稻 面设计与制作 网页整体设计中的线框图 线框图 一通过安排和选择界面元 素来整合界面设计 一通过识别和定义核心导 航系统来整合导航设计 一通过放置和排列信息组成部分的优先级来整合信息设计
教师：四川信息职业技术学院 刘清梅 • 线框图 – 通过安排和选择界面元 素来整合界面设计 – 通过识别和定义核心导 航系统来整合导航设计 – 通过放置和排列信息组成部分的优先级来整合信息设计
Information Technology Colleg 四川信息职业技术学院开枚共言程 中面设计与制作 网页整体设计中的线框图 线框图是承载内容的立体框架，可是一个独立页 面，也可是一整套页面序列 一中小型项目：只需要首页以及关键页的设计 一复杂项目和大规模的团队协作：则需一 系列相互关联的线框图，有时还包含交 互设计部分
教师：四川信息职业技术学院 刘清梅 • 线框图是承载内容的立体框架，可是一个独立页 面，也可是一整套页面序列 – 中小型项目：只需要首页以及关键页的设计 – 复杂项目和大规模的团队协作：则需一 系列相互关联的线框图，有时还包含交 互设计部分
IT Sichuan Information Technology College 四川信息职业技术学院开枚共喜让移 中面设计与制作 线框圈 细节逼真程度？ ● 推荐尽量做细。将问题解决 在设计前期，可减少设计师 自主发挥引起的又一轮论证。 必闭
教师：四川信息职业技术学院 刘清梅 • 根据执行团队的实际情况决定 – 细节越逼真执行越流畅，但给 视觉设计师发挥空间越小 – 越粗略对团队配合的要求越高， 视觉设计师发挥空间越大 细节逼真程度？ 推荐尽量做细。将问题解决 在设计前期，可减少设计师 自主发挥引起的又一轮论证
SITC Sichuan Information Technology College 四川信息职业技术学院开教共亨4稻 中页设计与制作 线框图 ·依照与最终产品的接近度分类 低保真 高保真 通常包括：页面的基本布局，元素的大概位置 交互的基本形式，表单项等
教师：四川信息职业技术学院 刘清梅 • 依照与最终产品的接近度分类 低保真 高保真 通常包括：页面的基本布局，元素的大概位置， 交互的基本形式，表单项等
SIT Sichuan Information Technology College 四川信息职业技术学院开枚共亨林稻 面设计与制作 住期回劂 物人天资讯栏耳 德讯首页科枝动态资索科行业新问创业之路社会经济知识产权情图片专意棒行， 科易图订阅中心 面包屑导航（利技资讯首页科技动态科技渐） 会员投稿 XXXXXXXXXXXXXXXXXXX. 订阅到RSS阅读器：W 发布时间： 来源： 资刘览次数： 正文 期1牌 相同 XXXXXXXXXXXX 顶(100)踩(99） 分享转发 XXXXXXXXXXX 我要评论（已有××条评论，点此查看） XXXXXXXXXX 账号 密 不是会员？快来注呀！ 同热点园片 更多 一周热 一周热 点图片 点图片 发表评论 XXXX XX×X 热点排行 一周热 点图片
教师：四川信息职业技术学院 刘清梅
S Sichuan Information Technology College 四川信息职业技术学院开枚共喜让移 中面设计与制作 线框图 依照与最终产品的接近度分类 低保真 高保真 通常包括：精确到像素的页面布局，辅助设计元素的数量 和位置，图片格式尺寸，屏幕划分，超级链接的标示，每 个交互步骤的界面变化，表单项说明，具体文案等
教师：四川信息职业技术学院 刘清梅 • 依照与最终产品的接近度分类 低保真 高保真 通常包括：精确到像素的页面布局，辅助设计元素的数量 和位置，图片格式尺寸，屏幕划分，超级链接的标示，每 个交互步骤的界面变化，表单项说明，具体文案等