布局思维：常见网页设计结构知识总结

网页布局思维：无边界网页设计，卡片网页设计和分割线网页设计知识总结：来自科班的任何网页设计师都会看到朋友圈，迷彩阴影，流体渐变，2.5D，大字体等各种网页设计趋势。 。 等等。自IOS11在几个月前发布以来，无边界网页设计已经看到了病毒分裂的蔓延。很多人都有被带走的感觉。从布局的网页设计纬度出现的几种布局样式主要是无框网页设计。主要内容包括卡片网页设计和传统布局的分割线网页设计。

一，无框网页设计

无框网页设计是近两年来流行的网页设计风格。它从页面中删除样式线条和边框，并通过间距表示网页设计方法。

1.大局基础

图片本身可以分割。例如，一些应用程序让用户在发布图片时剪切图片。

2.常规内容

毛坯之间的空间内容最好是相对一致的，重复的和亲密的，以便用户可以有意识地将它们分组。

3.利基垂直产品

一般来说，小生境的功能很简单这些产品对于无框网页设计来说相对较好，淘宝，京东和微博等大众级产品不适合无框网页设计。

通过使用IOS11苹果商店的大地图，将具有与同一表达水平（大）性能相同的内容，增加产品的风格，体现出苹果产品简单而不简单的网页设计理念。 Airbnb也是一家敢于尝试的大公司。常规内容将以卡片和大图片的形式显示。页面上没有分界线。它很简单，易于识别。

其次，卡片网页设计

卡片网页设计源于材料网页设计。卡片网页设计的外观打破了不变布局的传统布局，大大提高了布局利用率，创造了更多惊喜。卡片网页设计的优点是什么？让我们来看看。

1.增加布局利用率

像容器这样的卡片，可以将不同类型的内容放在不同的卡片上，不仅可以很好地区分内容，还可以保持界面的统一。

例如，在传统列表中，内容通常是垂直滚动的，并且显示的内容是有限的。但是，基于卡片的滑动网页设计方法是解决有限空间问题的一个很好的解决方案。

2.区分卡内容像容器这样的卡片，可以将不同类型的内容放在不同的卡片上，不仅可以很好地区分内容，还可以保持界面的统一。

每张卡片的内容代表一个类别，它是承载某些内容并总结一类信息的载体。

每张卡都有不同的纬度，相对独立和相关，内容信息按卡的大小汇总，更加有序。

3.提高可控性并增强体验

卡被用于各种网页设计中。备受瞩目的旅行旅可以被覆盖，滑动，堆叠，并具有更好的可扩展性和可操作性。

例如：苹果商店IOS11通过对多张卡进行分类来定期显示不同纬度的内容，从而提高了布局的利用率并加强了网页设计。卡片网页设计方法最漂亮的应用程序向用户传达一个页面，只看到一个应用程序的概念，结合左右滑动形式，使得应用程序具有独创性。

第三，分割线网页设计

最常见和最安全的网页设计方法可以帮助用户理解界面并给予内容组织。划分第一个网页设计的功能是划分，组织和细化。

分界线

通过整个页面的分隔线将内容分离并成为独立的信息。

2.分频器

也称为内嵌分离器，它通常在行前留下间隙以指示统一模块下的内容

四，总结

网页设计趋势总是在变化。 在网页设计之初，有必要分析它适合的风格，而不是遵循趋势。 网页设计风格不好或不好，只适合不适合。 无框网页设计，卡片网页设计，分体线网页设计也是一样，分体线网页设计vs.卡片网页设计和无框网页设计，是最保守的网页设计方法，根据具体产品需求做出正确的选择，而是做出高质量 分界线的网页设计还需要处理“线”的间距，厚度，颜色等内容。