网页设计分割式布局 第1篇
线性分割，就是指用线条来分隔不同的信息内容。在Material Design中，对分割线(Dividers)有明确的定义和规范。（iOS中没有相关定义，根据上图4的视觉效果，我更偏向Android的分割方式，所以更倾向于采纳Android的设计规范建议和效果）
Material Design Dividers：分隔线是一条细长、轻量的线，用于对列表和页面布局中的内容进行分组。分隔线能将页面内容和层次结构组织成单个块。
从视觉效果上看，分割线可以将页面内容分割成层次更清晰的组块。
此外，MD还定义了其UI规范细节，规定分割线的粗细是1dp，颜色根据日夜间模式，可分别使用黑色或白色，不透明度为12%，展示在沿着内容图块的底部边缘，以确保Android平台所有分割线的显示效果一致。（国内的实际情况是：大部分App的分割线是1px粗细，相比MD的1dp，视觉效果更符合下方的微妙原则）
网页设计分割式布局 第2篇
所谓_T_结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变_T_结构布局的形式，如左右两栏式布局，一半是正文，另一半是形象的图片、导航。或正文不等两栏式布置，通过背景色区分，分别放置图片和文字等。
这样的布局有其固有的优点，因为人的注意力主要在右下角，所以企业想要发布给用户的信，大都能被用户以最大可能性获取，而且很方便，其次是页面结构清晰，主次分明、易于使用。缺点是规矩呆板，如果细节色彩上不注意，很容易让人_看之无味_。
网页设计分割式布局 第3篇
使用卡片时应注意以下三个使用原则：
1、包含的：卡片是一个可识别的、单独的、包含内容的单元。
2、独立的：一张卡片可以独立存在，而不依赖于上下文环境。
3、不可分割的：一张卡片不能与另一张合并，也不能拆分成多张卡片。
使用卡片需要满足以上三个原则，但并不是满足以上原则就可以使用卡片，具体卡片分类和适用情境请参考下面内容。
网页设计分割式布局 第4篇
这是一个形象的说法，指页面上下各有一个广告条，左边是主菜单，右边是友情链接等，中间是主要内容。
这种布局的优点是页面充实、内容丰富、信息量大，是综合性网站常用的版式，特别之处是顶部中央的一排小图标起到了活跃气氛的作用。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站使用多帧形式，只有页面中央部分可以滚动，界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。