值得珍藏的网页设计案例（优秀的网页设计案例）

本文目录一览：

• 1、分享网页设计的案例分析
• 2、25款独特且走心的“关于我们”页面设计
• 3、40个网页设计优秀案例
• 4、20个案例告诉你着陆页设计趋势
• 5、9个视觉惊艳的网页设计思路(一)

分享网页设计的案例分析

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

2、.这其实是一个动图，因为太大传不上来。案例中用的是左右分屏的手法，把两个等级差不多的页面放在一起，配合鼠标Hover效果，页面的元素比如logo、箭头等元素会左右移动，鼠标处在的页面会高亮显示。

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

25款独特且走心的“关于我们”页面设计

1、要设计结构化的页面，栅格总是你最好的朋友。Urban Influence 的关于我们页面使用栅格来组织整个页面的信息，需要展示的内容，让用户输入的部分，装饰性的部分和展示用的地图，都界限分明地分布在页面上。

2、MikeKus的“关于我们”的页面设计采用了独特的双色配色，前景色是黄色，背景色是红色，双色搭配的优势在于它极强的凝聚力，这样的风格通常厚重而复古，而且可以很好地强化品牌色给人的感觉。

3、关于我们页面的设计原则 关于我们页面是让网站访客能联系你，以及了解公司团队成员的一个重要入口，在此，我整理了9个创建优秀关于我们页面的设计原则，适合新手学习/查漏补缺。

4、Mike Kus 的“关于我们”的页面设计采用了独特的双色配色，前景色是黄色，背景色是红色，双色搭配的优势在于它极强的凝聚力，这样的风格通常厚重而复古，而且可以很好地强化品牌色给人的感觉。

40个网页设计优秀案例

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

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

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

高清黑白照片着陆页轮播或背景图片的应用，是另一种设计师常用的黑白风格网页设计方式。而本款作品集网页设计就选用了这一设计方式，通过着陆页添加有特色的高清黑白背景图片，以增强页面的视觉效果。

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

.这其实是一个动图，因为太大传不上来。案例中用的是左右分屏的手法，把两个等级差不多的页面放在一起，配合鼠标Hover效果，页面的元素比如logo、箭头等元素会左右移动，鼠标处在的页面会高亮显示。

20个案例告诉你着陆页设计趋势

.这其实是一个动图，因为太大传不上来。案例中用的是左右分屏的手法，把两个等级差不多的页面放在一起，配合鼠标Hover效果，页面的元素比如logo、箭头等元素会左右移动，鼠标处在的页面会高亮显示。

Grayscale该模板是一个免费的，多用途的单页Bootstrap主题着陆页模板，具有深色配色方案和流畅的滚动动画。该模板具有自定义按钮样式，固定的顶部导航，滚动时折叠的导航设计，平滑滚动动画等，这些设计使得该模板非常吸引人。

作为一个服装品牌，Pauw的着陆页采用的等分两栏式布局正好承载男装和女装，简约的页面设计配合着强对比的内容，男女模特承载着视觉重心，而黑白对比的文字内容则很好辅助着图片做好了说明，主次分明又不失均衡。

EDM集中在一个关键的目标，引导用户到主页，或另一个没有直接关联的页面，只会混淆主题。你可能已经听专业营销人员以前说过，但我们会再说一遍：完成所需操作所需的点击次数越多，发生的可能性就越多。

着陆页的顶端。着陆页必须要有网站的logo，如果是企业网站，那就需要布置企业的logo，客人能够据此一看便知你的网站是什么，进而能够清楚的传达给用户你的网站是做什么的，能够为用户提供什么样的服务。

这是Brooklyn DUMBO一个公寓群的着陆页。这个网站令人惊奇的地方，是渐变色会在一天中随着时间改变深度。这个设计非常有趣。Wake 最后一个案例展现了最流行的蓝紫色渐变，这种配色正如日中天。

9个视觉惊艳的网页设计思路(一)

架构设计 从客户角度来说，来到网站就是想买产品；从企业角度来说，就是想卖产品&服务，这是一个需求匹配的过程，但在这个过程中，如何能够满足需求，是网站策划及实施的前提。

设计思路把握原则 在这个网站页面设计的时候网页应该考虑简洁，因为在多元化的信息下，通常情况下都是要用最高的效率让用户搜寻出来，所以在对设计思路的原则上应该要简洁为主，去掉多余繁杂的内容。

整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。 造型的组合 在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。

在这里，我为初学者整理了20个学习制作网页的小技巧。每一个初学网页设计的人在开始一个项目之前都应该了解这些知识，在项目的开发过程中也应该注意。让我们来看看吧！ 01：先把你的想法画在纸上。敢想敢做。