很露骨的网页设计案例图片（很露骨的网页设计案例图片）

本文目录一览：

• 1、WEB网页设计常见布局
• 2、20个等分两栏式的网站设计欣赏
• 3、40个网页设计优秀案例
• 4、用文字作为主体排版的15个网页设计案例
• 5、分享网页设计的案例分析

WEB网页设计常见布局

所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。

固定布局Fixed 在固定布局中，网页的宽度是必须指定为一个像素值，一般为960px。过去，开发人员发现960px是最适合作为网格布局的宽度，因为960可以整除3，4，5，6，8，10，12和15。

上下框架型 上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。一半深色一半浅色，一般用于设计型站点。

穿插式布局虽然很少看到，但效果也不错。如图案例均属于穿插式布局，即所使用的图片素材在内容里面是一个穿插效果。整个banner穿插在网页内容里面，整个网页对称、画面感非常强。比较适合做一些专题类的网站。

制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。4建立自己的主页，按照之前的定的风格设计布局。

布局特征 无论浏览器的确切大小如何，页面的布局始终与第一次编写代码时相同。常规的PC站点是静态布局的，具有最小宽度，因此，如果宽度小于此值，则显示滚动条，如果宽度大于此值，则显示内容居中和背景。

20个等分两栏式的网站设计欣赏

网页中并排的两栏呈现不同的信息，是分屏式设计的最典型特征，两边的信息可以包含相同类型的元素，可以呈现不同属性的媒体内容，比如一边是图片，一边是文本。

Cihat Turhan 的作品展示页采用的是等分两栏式的……背景，一边是页面一边是代码，居中的文字介绍则正好暗示出了设计师的身份。网站的构思颇为精巧，美中不足的是对于移动端浏览支持不足。

《网页设计参考 魅力十足的35个精选网站（上）》Wills World 随着向下滑动，背景产生不同的渐变，忽略了栅格系统，并加入了随性的动效。翠江堂 这是隅田川旁一家拥有80年历史的和果子店的网站。

Dine Initium是一家位于中国北京的创意设计工作室。这是一个聚集了他们工作室所有设计师作品的作品集网站，首页提供了订阅通道，你可以订阅他们的信息，了解他们的最新设计作品。

40个网页设计优秀案例

1、Robby Leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的一个“场景”。这是一种整合页面的方式，值得学习。

2、Mine is Yours 是一个极简风的网站，它不仅总体风格如此，而使用单一字体营造出无与伦比的统一度。在这个案例中，少即是多的设计理念体现的非常透彻。

3、简单优雅和易读是 Joseph A Avoue 的网站联系我们页面的设计风格，没有华丽的设计，也没有花哨的功能，一个纤细的环，中间是最基本的联系信息，就是这么直接。

4、Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。

5、是一款非常值得商务类网页模仿的案例。在线预览 Studio Bjork–交互式黑白风格网页设计实例 亮点：横向滚动式网页设计 本款在线工作室类网页设计，采用黑白配色风格的同时，选用了极具特色的横向滚动式设计，新颖实用。

6、Made By Shape的“关于我们”页面的设计就是这样的一个案例，棱角分明的形状和不同的区块被留白清晰地分割开，柔和的色调赋予页面以时尚感和生命力。如果你所设计的页面内容信息量很大，不妨好好运用留白吧。

用文字作为主体排版的15个网页设计案例

Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。

Degordian这个网站充分运用了对比强烈的大背景和具有冲击力字体（Futura）的组合（这也是目前网站设计的一个大趋势），网站另一个值得称赞的地方是它用的正文字体：Merriweather。

这个网站的排版设计可以称得上上一石二鸟。别具一格的排版设计绝对称得上独特，它不仅展现内容还作为标识而存在，此外它还具有导航的功能。

分享网页设计的案例分析

绿色+白色+暗红色 如下图所示，主色调、辅色调HSB模式的数值可看出，主色调与辅色调是同一种色，只是在明度上有所不同，让页面多了些空间感、层次感。由于绿色本身的特性，所以整个网页看起来很清爽舒适。

本款个人作品集网页设计，方方面面（包括背景图片，页面文案以及鼠标悬浮效果等等）都采用了极其简约的黑白配色，干净整洁。结合视觉滚动差设计，让整个网页更加流畅而实用。

Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。

图形化 图标可以发挥各种各样的作用，指示作用，装饰，甚至作为纹理都可以。这个案例中，设计师用小图标来搭建问号，告知用户他们所寻找的内容并不在此。

网页设计的风格多种多样，但插图风永远不过时。插图可以让设计师尽情地表现他们自己丰富的创造力和想象力，将插图运用于设计之中也会使网页变得更具有趣味性。