网页界面设计第11课商业培训.ppt

网页视觉构图 网页视觉构图 网页视觉构图 主体轮廓 网页视觉构图 网页视觉构图 网页视觉构图 THANKS 这节课就到这里， 下节课我们将讲第二大课——网站布局 再见！ 网页视觉构图 九宫格就是用“井”字把画面分成九块， 在四个交叉点中，选择一个点或者两个点作为画面的主题物体的位置， 然后适当的考虑平衡和对比。 九宫格构图 网页视觉构图 网页视觉构图 网页视觉构图 网页视觉构图 网页视觉构图 三角形构图 以三个视觉中心为元素的主要位置，形成一个三角形 可以是正三角形、斜三角形、倒三角形 具有安定、均衡而不失灵活的特点 网页视觉构图 网页视觉构图 网页视觉构图 黄金分割，整体画面一分为二 较大部分与较小部分之比等于整体与较大部分之比 长段为全段的0.618 黄金分割构图 网页视觉构图 网页视觉构图 网页视觉构图 网页视觉构图 三角形构图 对角构图主体本身占据画面斜对角部分 画面有较强的动势 打破平衡，给我以强烈的视觉动感 网页视觉构图 视觉构图多样化 网页视觉构图 简单切割 网页视觉构图 网页视觉构图 对称切割 网页视觉构图 网页视觉构图 网页视觉构图 组合切割 网页视觉构图 网页视觉构图 放射及透视 网页视觉构图 网页视觉构图 网页视觉构图 流程图 网页视觉构图 网页视觉构图 网页视觉构图 多重切割 网页视觉构图 网页视觉构图 主体轮廓 网页视觉构图 网页视觉构图 网页视觉构图 主题思想 美感效果 + 在一定的空间内，安排和处理人、物的关系和位置，把个别或局部的形象组成艺术的整体。 网站布局 排版思路 需求分析 主题 整理素材 1 2 3 VvV 网页界面设计定位 用 户 需 求 网站主题 网站风格 网站功能 相关素材 VvV 网页界面设计定位 相关素材 定向 色彩 模板 美化 用户体验 有用性 满意度 易用性 可及性 可发 现性 可靠性 价值点 用户体验 尼尔森F形状网页浏览模式 1 2 3 用户体验 SANY 产品中心 服务与配件 促销活动 二手设备 新闻中心 投资者关系 水平式导航 用户体验 产品中心 服务与配件 促销活动 二手设备 新闻中心 Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Solid Team 侧边栏导航 用户体验 兰州一城管局长与女下属开房 照片流出(图) 吉林农民冒充市长儿子 骗几十名女性财色 官场神秘组织:令政策属西山会 与人共用情妇 四川南充发现两根巨型乌木 重达15吨(图) 派出所长与女子裸死车内 家属状告海口公安局 中国吉尼斯的人海战术:千人蹲厕 万人刷牙 用户体验 2015高领逆袭而来，你准备好了吗？ 一件衬衫穿出精致女性的味道 2015高领逆袭而来，你准备好了吗？ 一件衬衫穿出精致女性的味道 2015高领逆袭而来，你准备好了吗？ 一件衬衫穿出精致女性的味道 用户体验 柳岩奢华豪宅遭曝光 [天气] 本周两波冷空气来袭 [资讯] 流量不清零后消耗快 [低价] 洪山路小三房享78折 [清盘] 双河路住宅5800/平 [豪宅] 北二环洋房6200/平 李嘉诚的7亿堡垒豪宅 双鱼座美女110平古典居 历经艰辛装89平简欧小窝 26万硬装185平