WEB网页设计常见布局
我们一般的版式设计除了平面设计，就是网页设计和互联网产品，比如一些移动端手机APP这些界面的设计。这些设计都有一些通用的布局， 大家在刚开始学习布局时有一个诀窍，即不用太在意布局的理论，而去收集一些大家常用的布局，先把这些东西记下来，随着经验的积累，可以通过这些通用的布局产生自己的理解和想法，然后去打破这些传统的布局，有自己的创新和突破。
左边为最常见的大框套小框的布局，整个网页首先在一个比较大的框里面，然后各个模块在大的框里面去布局分配。
这种布局的特点是有一个比较大的背景，背景是可以平铺的，然后其他的内容可以限制在一定的宽度范围内，好处就是视线比较集中。
通栏布局打破了框的限制，如图导航部分等是适应屏幕拉伸的。
如图背景可以根据屏幕无限延伸，显得比较大气。视觉上显示比较整体，整个网页上都是有内容的。
如图为导航在主视觉下方的布局的示意图，传统规则就是导航放在画面中间。
这是一种比较时尚、流行的布局方式，如图上面是体现当前页面主题的一个banner，这个banner比较重要，它的设计完全可以体现整个网页的风格，同时也起到一个装饰的作用。接下来把这个banner放在中间的位置而不是传统的上面的位置，这样就给banner这个位置留下了比较多的空间，让整个画面显得比较简洁大气。
如图为左中右布局示意图。
结合案例，如图分三栏左中右。对banner进行比较主题式的设计，如图第一张素材的选择体现了整个网页的风格。同样第二张、第三张的图片选择也是体现整个网页主题的主体部分。所以这种布局是必须有个部分体现这个主题的，其他两个部分用来布局网页的其他内容。
如图为环绕式布局的示意图。
环绕式就是页面会环绕一个比较显眼的图片装饰来进行设计。如图一，中间为图片焦点，内容部分环绕在图片焦点周围，进行布局设计。第二张、第三张也为内容环绕主题进行设计的。这种布局比较灵活，可以先选好一个主题图，然后所有元素围绕它的视觉效果去设计，整个画面的效果就会以图为中心，主题非常鲜明。
穿插式布局虽然很少看到，但效果也不错。
如图案例均属于穿插式布局，即所使用的图片素材在内容里面是一个穿插效果。整个banner穿插在网页内容里面，整个网页对称、画面感非常强。比较适合做一些专题类的网站。
真正的版面设计里面的布局时千变万化的，我们只要遵循前面讲到的用户体验要好、视觉上画面平衡，那效果就会很好。
红杉资本已重金布局Web3
风投资金正不断涌入“Web3”。
3月9日，界面新闻获悉，Web3基础设施公司、电子协议签署平台EthSign完成1200万美元种子轮融资，由Sequoia Capital India（红杉资本印度）和Mirana Ventures领投，Amber Group、Circle Ventures、NGC Ventures、HashKey Group和Matrixport参投。
值得注意的是，据The Block，红杉资本印度公司的一位发言人称这是红杉资本的三个单位（Sequoia Capital, Sequoia Capital India和Sequoia Capital China）第一次全面参与一轮融资。
而且这已经是3天内红杉资本参与的第二笔Web3投资。
3月7日，红杉资本参与了Web 3应用程序扩展和隐私系统Espresso Systems的3200万美元融资，这轮融资Greylock Partners和Electric Capital领投，Blockchain Capital、Slow Ventures等参投。
为了不错过Web3和加密货币风潮，红杉资本专门准备了一只约5亿美元规模的投资基金。
2月18日，红杉资本（Sequoia Capital）宣布推出一支专注于加密货币的投资基金，资金规模在5亿至6亿美元之间，这支加密基金将主要投资加密项目，包括已经在加密交易所上市和尚未上市的代币，单个项目投资规模在10万-5000万美元之间，红杉还计划参与其中的加密金融。
而让红杉资本、A16z这些国际最知名的风投机构都要重金布局的“Web3”其实是一个逐渐升温的新风口，但不为大众所知。
“Web3”是一个相对概念，通俗意义上可以理解为新一代的互联网的简称。
具体来说，“Web3.0”是对现在的互联网的底层协议“万维网”的一个衍生。在这个概念内，互联网经历了Web1.0时代，目前处于Web2.0时代，而Web3.0则是人们对下一代互联网的期待，它意味着机器能读懂任何信息（也就是语义网），网站可以根据信息提供智能删选和提供更好的信息（人工智能），互联网无处不在（物联网），更重要的是，互联网的数据的所有权将是去中心化的。
这是一个很广泛的概念，也是一个不断在进化的概念，近几年，随着区块链技术的发展，人们发现区块链技术和“Web3”理念完美结合，开始对其进行布局和尝试。
这就让网络上产生了争议，即到底“Web3”是不是一个噱头，因为从其愿景来看，如果想要实现，它将颠覆现有的互联网巨头垄断格局，包括苹果、谷歌等都属于当前“Web2”的场景，而革新现有格局的难度可想而知。
但资金不断涌向了该领域，根据Coinbase的研究报告，2021年投向加密货币的资金高达300亿美元，融资额超过之前数年的总和。Coinbase投资部门自身完成了就约150次投资计划，其中Web领域就占比20%。
近几年，Web3领域内的大型融资几乎都能看到A16z的身影，且他们除了投资，还在积极的参与Web3概念的科普，合伙人亲自下场布道Web3概念，以至于杰克·多西讽刺“Web3”就在字母a到字母z之间。
而同样作为世界顶级风投的红杉资本在该领域就慢了A16z半拍，所以在2021年下半年在LP的推动下开启了转型，正式放弃了VC界传统的10年周期制度。
此外，和A16z一致，红杉还向美国证券交易委员会申请转型成为注册投资顾问（RIA）。这使得红杉在风险投资限制之外具备了更多投资灵活度，允许其将更多资金投资于加密货币、大宗商品、公开股和私人股。
进入2022年，红杉开启了一大波密集的加密金融和Web3领域投资，想要在新一代的互联网概念中抢先布局。
WEB前端怎么布局？
在谈WEB前端怎么布局前，我们先梳理前端的布局类型，具体有以下几种：
1.静态布局：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。
2.流式布局：布局特点是屏幕分辨率变化时，页面里元素的大小会变化而但布局不变。
3.自适应布局：自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围。
4.响应式布局：布局特点是每个屏幕分辨率下面会有一个布局样式，即元素位置和大小都会变。
那么我们如何布局呢？通过以下几点来选择布局。
1.如果只做电脑端，最好的选择是静态布局。
2.如果做移动端，且设计对高度和元素间距要求不高，那么弹性布局（rem+js）是最好的选择，通过一份css+一份js调节font-size就搞定。
3.如果电脑端，移动端要兼容，而且要求很高，那么响应式布局还是最好的选择。前提是设计根据不同的高宽做不同的设计，响应式根据媒体查询做不同的布局。