网站设计风格有哪些？
1.全屏网页设计
很多网站开始采用全屏网页设计，利用精心挑选设计的漂亮背景，加上合理的页面布局，视觉冲击力大可很好的吸引观者注意。通常页面内的文字内容不会特别多(所出现的少量文字加上精美的排版将会变得更加吸引人)，主要以图片展示为主。这个样子的网站多用于摄影团队或个人作品集展示会比较常见。虽然简单养眼，但是承载信息有限，公司部门的主页很少见这样的设计。
2.响应式网页设计
很多网站开始采用全屏网页设计，利用精心挑选设计的漂亮背景，加上合理的页面布局，视觉冲击力大可很好的吸引观者注意。通常页面内的文字内容不会特别多(所出现的少量文字加上精美的排版将会变得更加吸引人)，主要以图片展示为主。这个样子的网站多用于摄影团队或个人作品集展示会比较常见。虽然简单养眼，但是承载信息有限，公司部门的主页很少见这样的设计。
3.扁平化设计
扁平化设计可以说是去繁从简的设计美学。去掉所有装饰性的设计，可以说是对之前所推崇的拟物化设计的颠覆。我们不能妄加评论说这是好还是不好，只能说它提供了一种新的设计思维。
4.视差滚动设计
视差设计可以说是近年来网页设计中的一大突破，也备受推崇。视差滚动是让多层背景以不同速度滚动，以形成一种3D立体的运动效果，给观者带来一种独特的视觉感受。
5.无限滚动模式
有一些网站内容很多，但他们并没有简单分页，而是采用的是一种垂直瀑布流的方式布局。将那些内容垂直排布，当用户纵向滚动时，内容会不断更新好像永无止境。这样的瀑布流很早之前就开始流行，最早采用该布局的是pinterest。这样的滚动页面就大大减少了分页的数量，个人认为对于这类信息量大，每日更新数据快的网站是比较不错的方案。
6.滚动侦测网页设计
利用CSS的实现将导航栏固定在网页顶部(大多数是顶部，当然也有侧面或底部)，并将版面内容按照导航顺序垂直或横向排布，使得用户点击相应导航tab时页面自动滑到相应页面，而若点击内容，导航也将随之改变。这样的网页设计页面基本不会跳转，每一个tab所指向的页面内容也基本一屏显示完整，所以在页面呈现的内容上会有所局限。为不影响布局一般也会伴随自适应。
适合于产品展示，不适合到处都用，是个很好的插件。
瀑布流网页布局设计，现在有泛滥成灾之势，不过存在即合理，瀑布流为什么这么走俏，是因为它能满足用户的体验与需要。而对于瀑布流式布局，想必网页设计师们已不再陌生，随着pinterest自2011年开始走红，瀑布流式的布局被越来越多的网站所使用。国内的花瓣网、堆糖网、布兜、发现啦，美丽说，蘑菇街，人人逛街，凡客达人等，复制Pinterest的网站在中国蜂拥而现，粗略估计已有上百家之多。
为什么选择瀑布流？对图片的展现高效有吸引力
既然pinterest式蜂拥而现，我们先从体验角度看，瀑布流布局为什么好？
笔者浅见。随着读图时代快餐式消费的来临，瀑布流对于图片的展现，是高效而具有吸引力的，用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免里用户鼠标点击的翻页操作,这么浏 览起来,随着鼠标的滚动,是不是最小的操作成本能获得做多的内容体验,是不是比较容易沉浸其中,不被打断。有没有逛起街来边走边看,被琳琅满目的商品吸引 的感觉呢?
除此之外，瀑布流的主要特性便是错落有致，定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式，巧妙的利用视觉层级，视线的任意流动又缓解了视觉疲劳。
Pinterest于2011年诞生，如今每月独立访问用户数量已突破1100万，平均每位用户每月在网站上逗留98分钟，这一时长在诸多社交平台中仅次于Tumblr和Facebook。Pinterest作为瀑布流布局的鼻祖，必然引导瀑布流设计的方向。
吸顶式导航
为什么使用吸顶式导航呢？用户在瀑布流模式下一目十行去浏览，如果快速切换到分类，又要回到顶部，然后再选取分类，吸顶式导航可以让用户轻松切换分类，设计要点，吸顶式导航不可以太宽，色彩上不可以太抢眼，只需要保证用户在需要时，它悄悄的在就可以。
2.评论的锚点定位
pinterest起初设计是评论框全部默认展示的， 意在鼓励用户输入评论。而在最近的改版中，pinterest的评论框的设计改为:当图片和已有评论长度较小时，评论框默认收起，点击评论的操作 button后，锚点定位到评论框，同时光标闪动，提示用户输入文字。而图片和已有评论较长时（接近或大于一屏的高度），默认评论框打开，因为用户如果靠 评论的button打开评论框需要回滚较多距离，成本太高。
3.轻巧的点击查看大图设计
点击空白区域收起，再次点击大图跳转到图片来源网站。非常适合轻松随意的阅读尤其是当用户适应此处的设计逻辑后，很容易产生沉浸式浏览，同时又满足了查看细节的需要。
4.占位加载，保持视觉体验的顺畅
用户在不断滚动鼠标滚轮浏览的过程中，网速并不总是尽如人意的，因此采用占位加载形式（预加载出图片高度的灰度图），不让加载过程中画面过于跳动，
可以让用户视觉体验平缓些，视觉过度流畅，尽量小的干扰用户浏览的行为。
