网页板式设计原理PPT课件

1、、点、线、面点、线、面是构成页面视觉空间的基本要素，它们之间的不同组合可以体现不同的感情诉求“第1页/共24页点的变化形状方向大小位置聚集发散排列活跃、平衡、丰富、稳定画面第2页/共24页线的变化疏密方向错觉虚实粗细运动平稳、条理、圆润第3页/共24页面的变化几何自然堆砌偶然对比厚实、平稳、理性、自由第4页/共24页合适的网页板式设计第5页/共24页网页板式中统一与变化最简单、最基本的形式美法则板式、字体、设计风格、均衡方式、色调明暗一致性、规律性第6页/共24页网页板式中对比与调和差异明显，相反或对立质地、肌理、图形、色彩、方向、虚实、变现手法强烈视觉、活跃造型对比强调差异产生冲突调和寻求共

2、同点，缓解矛盾第7页/共24页网页板式中均衡与对称围绕视觉中心的视觉因素大体等量关系色块、形状、造型-分量和体量产生稳定感视觉重量第8页/共24页网页板式中节奏与韵律有频率、并置或连续性出现数量、比例、轻重、缓急、反复、渐次生动、丰满第9页/共24页网页板式单纯与秩序简练与板式结构清晰，有组织有规律的表现形状、面积、排列、方向简洁、清晰第10页/共24页网页板式空间留白可视的、有形的面积、大小位置的处理，空间虚实的经营庄重和空间感第11页/共24页网页的布局结构“国”字型图片页脚文本页头网页布局技巧的建议 加强视觉效果 加强问文案的可视性和可读性 统一的视觉感受 新鲜和个性是布局的最高境界封面

3、型标题正文型左右框架型上下框架拐角型综合变化型第12页/共24页、网页视觉流程设计视线在观赏物体上的移动过程“第13页/共24页视觉力场版面率视觉规律引导视觉中心什么是视觉力场？在对网页页面合理编排，“迫使”受众根据设计原创的引导流程进行有效的视觉交互，并使其在心理上产生的一种心理力场版面率与视觉传达效果、页面创意空间成反比第14页/共24页线型视觉流程直线输入文字在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论直接的诉求，简洁而强烈竖向、横向、斜向第15页/共24页线型视觉流程输入文字在此录入上述图表的综合分析结论在此录

4、入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论流畅的美感，微妙而复杂C形，S形曲线第16页/共24页焦点视觉流程输入文字在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论主题更为鲜明、强烈离心、向心第17页/共24页导向视觉流程输入文字在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论通过语义直接表达“请按这里”、“直接进入”文字第18页/共24页导向视觉流程输入文字在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论通过图形寓意表达“手势”、“眼睛视线”、“事物形象”形象第19页/共24页散点视觉流程输入文字在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论在此录入上述图表的综合分析结论感性、自由性、随机性随机、上下左右第20页/共24页从业者的素质要求网页代码结构美术基础页面元素软件技术在有先进意识的群体保持对新鲜事物的高度敏感，将网络与设