3.1-网页中的图文混排.ppt

网页中图文混排

的基本原则问题的引入图文混排是网页的重要组成部分，应该根据网页的主题来设计图文的比例，以及混排的形式。初学者容易出现的问题：图片偏大，文字偏少，不考虑比例图片变形失真混排效果要么拥挤，要么松散，要么主次不明使用表格布局，样式难以修改……问题的引入布局拥挤问题的引入层次结构不清图文混排网页案例分析图文所占比重相当，页面由多个独立的图文混合单元模块组成，整页图文混排使页面布局平稳。图文混排网页案例分析图大文少，页面由多个独立的图文混合列表组成，图文混排使整个页面在平稳中趋于视觉化，作者欲强调图的视觉效果，弱化文本信息。图文混排网页案例分析图小文多，整页图文混排使页面在工整中趋于信息化，作者强调的是文本信息的重要性，图仅是文本信息的点缀。图文混排的比例问题不同风格的网站、设计师的情趣都决定了图文所占比例和大小。一般来说，娱乐性网站图片的显示比重会大于文本信息的显示大小；而对于新闻性或专业技术性网站，文本信息的重要性要超过图片的分量。图文混排的间距问题图片和文本之间的间距体现了两者的逻辑关系图文单元的内部间距不能太宽，要表现出从属关系图文单元之间的外部间距不能太小，要表现出相互之间的独立关系1个图文单元