看完之后就知道web端产品该如何设计了
web产品作为最早的互联网产品，虽然现在移动产品是主流，但是web端也是互联网产品一个重要的渠道，所以了解web产品的布局对我们设计web网页产品大有裨益，本篇文章我们主要讲解web端常见的布局方式，分为三个部分：
1、 搜索类的网站
谷歌是搜索类网站中做的最优秀的，右上角显示页面内容和登录信息，中间模块显示logo以及它最主要的功能，搜索模块，底部还放置了网站的其他信息，供我们跳转；相反百度的搜索网站，考虑到自身的发展，提供了大量的推荐信息以及广告位。
2、博客类网站
顶部有页面的1级导航以及登录的信息，考虑道博客类网站有大量的一些其他模块，然后在左侧有一个二级的树状性的导航，放在网页的最左侧，中间模块是博客类网站的大头，它有一个最重要的博客发文功能，然后是关于其他人发送的一些博客内容，以及下面具体的详细信息，而在网站的最右侧会显示一些不是特别重要的信息，比如博主的信息，还有热门话题等一些其他信息。
3 、购物类的网站
这种类别最常见的就是淘宝，我们可以看一下淘宝的整个页面布局，像我们平时都经常去用，但是作为产品经理我们更需要去观察它整个页面的设计情况，我们看一下，它顶部依然是显示了用户的信息，以及整个网站的大的布局情况，对于淘宝这类的购物网站，左侧会显示它的logo，中间展示它的搜索功能，在淘宝这种品类很繁杂的网站，搜索功能是非常有必要的，所以说它也放在了一个很重要的位置上面，其次是天猫、聚划算、淘宝头条等这样的一级菜单，因为淘宝网种类比较繁杂，所以这里列举了它下面所有的子品牌，包括天猫、聚划算、淘宝头条等，同时因为它里面的品种很多，所以在左侧做了一个二级的商品分类，供用户快速的定位自己所需要选择的商品，中间的banner主要是推荐一些商品，或者是活动的页面。
4、 图片类的网站
在这个网站我们主要是快速的浏览相关图片信息，在整个网站上图片的布局占了很大的篇幅，但它也提供了一些比较显著的搜索功能，顶部很突出的提供了搜索栏和个人信息，下面是网站的主体，包含了图片的陈列，右下角放置了一些不太重要，但是偶尔也会用到的一些功能，供用户在一些特殊的情况下去使用。
5、 新闻类的网站
新闻类的网站也是我们经常逛的，这是一个种类比较繁杂的网站，我们看到里面有很多信息，这类网站它导航做得比较强大，在它左上角放置了logo和导航的信息，新闻类的网站种类比较繁杂，所以导航也要做的相当强大，右上角放置了一些个人的信息，包含了个人名称，关注的账号，以及粉丝数量等。
因为要考虑到盈利，所以要放置一些广告链接。
6、 产品类的网站
我们拿苹果的官网举例，顶部依然放置了官网的导航，因为他这里是以具体产品线为模块设计的，所以这里的导航以各个端来命名，比如mac端、ipad、iphone等等，中间是公司产品的主要内容，这里会首推当前正在热卖的产品去展示。
中间是一些其他类型的产品。
上面我们列举了常见的web网站布局，分别有搜索类、博客类、电商类、图片类、新闻资讯类、产品类，各个网站的布局可以总结如下:
除了这些布局以外，还有一些比较新颖的或者前卫的网页布局，可以向大家介绍一下。
像这种卡片式的布局，以前多用于后台管理里面，但是现在也大量用于饰品类的网站，或者是图片类的网站中。
一些关于滚动视图的网页布局。
其次还有一些动态效果的，像这类的网站可以通过动态动画的效果，来浏览整个商品的细节。
本篇文章介绍了web端设计中几种常见的布局样式，希望对大家设计有所启发。
欢迎有问题的小伙伴加我得私人微信：yw5201a1交流，马上就快要5000人了，抓住这最后不多的名额吧。
还在为周末不知道去哪而烦恼么？
还在为没有产品人脉资源而忧伤么？
还在为没有交流渠道而苦苦思索么？
产品经理是一个需要和别人多多交流的职位，和思路清晰的人交流，你可以梳理自己学习到的知识，同时别人的角度和提点，可以帮助你更好的消化知识，纠正你的理解错误，从而记忆更加深刻。
很多人可能说我线上也有很多交流群啊，我可以在交流群中和别人交流，但拓展人脉资源这个事，是需要线下见面，线下维护的，这就是为什么工作的时候和同事称兄道弟，离职后好久都不联系的原因，因为你们已经没有线下交流的这个环节了。
（ps:说不定在线下活动中，你还能认识到和你共度余生的伴侣。)
基于以上种种好处，我们PM Young组织举办了第一届产品经理线下活动，当然我们的活动和其他的活动不一样！！！现在大多数的线下活动都是邀请一些嘉宾在台上进行分享，然后台下的人听的昏昏欲睡，我们的活动不仅邀请知名公司的大咖进行分享，同时还会根据嘉宾分享的内容进行交流互动，首先会将参加活动的小伙伴进行分组，然后每个小组的小伙伴一起头脑风暴，根据学习到的知识设计一款产品出来，产品经理贵就贵在思维，相信大家一起交流互动的过程中你一定可以脑洞大开。
本次活动相关介绍如下：
活动主题：PM Young 第一届产品经理线下干货分享会
活动时间：2018-6-10 13:30-18:00
活动地点：Cocospace 上海市徐汇区田林路200号C栋1楼
活动流程：
13:30-14:00 签到
14:00-15:00 平安一账通高级产品经理分享
15:00-15:15 针对分享嘉宾进行提问
15:15-16:15 刘大大分享
16:15-16:30 针对分享嘉宾进行提问
16:30 -17:30 分小组设计产品
17:30 -18：00 评比发奖
分享嘉宾：
第1位嘉宾：
姓名：刘忠噗 平安一账通高级产品经理
上线过多款AUM超百亿金融产品
拥有零售全系列(投存保消贷)产品经验
专注于AI、区块链等金融科技与产品的融合
分享主题：银行零售金融产品设计思考
第2位嘉宾：
姓名：刘大大 某知名金融公司高级产品经理
知名产品人，产品100年度优秀作者，现任某世界500强公司产品经理，曾在麦子金服，中赢金融、平安一账通等金融公司担任产品经理，曾发表过热门文章《产品经理面试习题大汇总》，《产品经理如何写好MRD文档》等，从来说的都是干货！
分享主题：如何在激烈竞争的市场中寻找机会
因为线下场地、嘉宾和物料的费用，所以需要收费，但是绝没有赚大家多少钱，报名人数越多，每个人的报名费用越少！
欢迎你和你的小伙伴一起来参加哦，双人参加更便宜哦。
因为需要分组设计，所以人数控制在100人以内，争取每个小伙伴都参与到产品设计中。
把此文章分享到朋友圈并截图发微信yw5201a1，报名费打9折。
费用问题：1人报名58元、2人报名98元、3人报名120元，如果你已经报名了，你的好友和你自己都能打9折，就一杯咖啡的价钱，一起来玩耍吧。
想参加活动的小伙伴加我的私人微信yw5201a1，报名即可。
联合举办方：
更多干货可关注微信公众号：chanpinliu880
往期精彩文章
点击“阅读原文”
即可进行系统的学习