页面布局思维：无边距设计、卡片设计、分割线设计知识总结：任何一个有专业背景的设计师都会看到朋友们分享的各种设计潮流，比如迷彩阴影、流体渐变、2.5D、大字体等等。IOS11发布已经几个月了，无边框设计像病毒一样传播开来，很多人会觉得被牵着走了。从版式纬度设计的流行趋势中出现的几种版式风格，主要集中在传统版式的无边框设计、卡片设计和分割线设计上。

　　第一，无框架设计

　　无框架设计是近两年比较流行的设计风格，去掉了页面的样式线和边框，用间距来表达。

　　1.大图是主要的

　　图片可以自己分。例如，一些应用程序会让用户在发布图片时剪切图片。

　　2.内容有规律

　　留白上下的内容要相对一致，重复，贴心，让用户有意识的分成一组。

　　3.小型垂直产品

　　一般情况下，功能简单的产品更适合无框架设计，而淘宝、JD.COM、微博等大规模的产品不适合无框架设计。

　　IOS11 apple  store用同样的表达方式(大图)用大图来表达相同层次的内容，增加了产品的风格，体现了苹果产品简单不简单的设计理念。奥德马斯皮格特也是一家敢于尝试的大公司。它通过卡片和大图像显示常规内容。页面没有分割线，简单易识别。

　　二、卡片设计

　　卡牌设计从材质设计开始流行。卡片式设计的出现，打破了传统设计一成不变的布局，大大提高了布局的利用率，创造了更多的惊喜。卡片设计有什么优势？

　　1.提高版面利用率

　　一张卡片就像一个容器，可以把不同种类的内容放在不同的卡片上，既能很好的区分内容，又能保持界面的统一。

　　比如传统的列表，内容一般是垂直滚动的，显示内容有限，而卡片式的滑动设计可以很好的解决空间有限的问题。

　　2.区分卡片内容

　　一张卡片就像一个容器，可以把不同种类的内容放在不同的卡片上，既能很好的区分内容，又能保持界面的统一。

　　每张卡片的内容代表一个分类，它是一个载体，承载着一定的内容，概括了一个类别的信息。

　　每张卡都有不同的纬度，相对独立又有联系。用卡片的大小来概括内容信息更有条理。

　　3.增加可控性并增强体验

　　卡在设计中应用广泛，布局较高，可以盖、滑、叠，可扩展性和可操作性较好。画

　　比如Apple  store  IOS11通过多种卡尺寸的分类，有规律地显示不同纬度的内容，既提高了布局的利用率，又增强了设计风格。最美的应用采用卡片的设计方法，传达一页只能查看一个应用的思想，结合左右滑动的形式，应用独具特色。

　　三、分割线设计

　　最常用最安全的设计方法，可以帮助用户理解界面，给出内容组织。划分前设计的作用是划分、组织、提炼。

　　1.分界线

　　贯穿整个页面的分割线将内容分割成独立的信息。

　　2.分隔线

　　也称为嵌入式分割线，通常在分割线前留有间隙，以指示统一模块下的内容

　　四.总结

　　设计潮流总是在变。一个设计的开始，首先要分析它适合什么风格，而不是盲目跟风。设计风格没有好坏，只有适合与否。无框设计、卡片设计、分割线设计也是如此。与卡片设计和无框设计相比，分割线设计是最保守的设计方法之一。应根据具体的产品要求做出适当的选择。但要做出高质量的分割线设计，就要处理好“线”的间距、粗细、颜色。