网站网页设计案例（网页设计的案例）
本文目录一览：
- 1、20个案例告诉你着陆页设计趋势
- 2、20个等分两栏式的网站设计欣赏
- 3、用文字作为主体排版的15个网页设计案例
- 4、40个优秀的关于我们页面网页欣赏
- 5、实例教学,如何打造丰富而充满呼吸感的网页设计布局
20个案例告诉你着陆页设计趋势
.这其实是一个动图，因为太大传不上来。案例中用的是左右分屏的手法，把两个等级差不多的页面放在一起，配合鼠标Hover效果，页面的元素比如logo、箭头等元素会左右移动，鼠标处在的页面会高亮显示。
Grayscale该模板是一个免费的，多用途的单页Bootstrap主题着陆页模板，具有深色配色方案和流畅的滚动动画。该模板具有自定义按钮样式，固定的顶部导航，滚动时折叠的导航设计，平滑滚动动画等，这些设计使得该模板非常吸引人。
作为一个服装品牌，Pauw的着陆页采用的等分两栏式布局正好承载男装和女装，简约的页面设计配合着强对比的内容，男女模特承载着视觉重心，而黑白对比的文字内容则很好辅助着图片做好了说明，主次分明又不失均衡。
着陆页的顶端。着陆页必须要有网站的logo，如果是企业网站，那就需要布置企业的logo，客人能够据此一看便知你的网站是什么，进而能够清楚的传达给用户你的网站是做什么的，能够为用户提供什么样的服务。
EDM集中在一个关键的目标，引导用户到主页，或另一个没有直接关联的页面，只会混淆主题。你可能已经听专业营销人员以前说过，但我们会再说一遍：完成所需操作所需的点击次数越多，发生的可能性就越多。
20个等分两栏式的网站设计欣赏
网页中并排的两栏呈现不同的信息，是分屏式设计的最典型特征，两边的信息可以包含相同类型的元素，可以呈现不同属性的媒体内容，比如一边是图片，一边是文本。
Cihat Turhan 的作品展示页采用的是等分两栏式的……背景，一边是页面一边是代码，居中的文字介绍则正好暗示出了设计师的身份。网站的构思颇为精巧，美中不足的是对于移动端浏览支持不足。
《网页设计参考 魅力十足的35个精选网站（上）》Wills World 随着向下滑动，背景产生不同的渐变，忽略了栅格系统，并加入了随性的动效。翠江堂 这是隅田川旁一家拥有80年历史的和果子店的网站。
Yankodesign 概念产品设计比较前卫，工业设计的大多数类种都有涉及。Awwwards 是设计师（特别是网页设计）的知识储备库。Design Milk 一个致力于室内设计和室内装修效果分享的博客网站。
用文字作为主体排版的15个网页设计案例
1、Fino Par黑色的背景也挡不住一个吃货的心。餐厅大名在整个页面用特殊字体居中显示，悉尼的这家餐厅网页设计也是吊足了食客的胃口。浏览网页 NFB/Interactive这里有另一种摇滚风格排版是与一个怪异的音频添加到网站的整体氛围。
2、Degordian这个网站充分运用了对比强烈的大背景和具有冲击力字体（Futura）的组合（这也是目前网站设计的一个大趋势），网站另一个值得称赞的地方是它用的正文字体：Merriweather。
3、这个网站的排版设计可以称得上上一石二鸟。别具一格的排版设计绝对称得上独特，它不仅展现内容还作为标识而存在，此外它还具有导航的功能。
40个优秀的关于我们页面网页欣赏
Robby Leonardi 的网站似乎被设计成一个扁平风的电脑游戏，当你浏览页面的时候，会随着主角去不同的页面，做不同的事情，而去关于我们页面也是其中的一个“场景”。这是一种整合页面的方式，值得学习。
这个“关于我们”的页面还有两个地方非常贴心，一个是短视频背景，它很好地展现了工作环境和整体氛围；另外一个是团队成员头像的设计，鼠标悬停的时候，你可以看到其中人物表情变化的动效，不仅贴心而且有趣。
This Also 的关于我们页面设计可谓是可靠而到位了，页面地图标注出了公司地点也就算了，当你向下滚动页面的时候，还能看到详细地址的说明、沿线地铁的乘坐方式、沟通的电子邮件地址、电话，等等等等，不一而足。
Masi Tupungato 壮阔而漂亮的风景图片占据着整个页面，色调相似的图片让整个页面的风格保持了一致性，左右布局的差异让页面视觉有了轻重之分，别致而有趣。
实例教学,如何打造丰富而充满呼吸感的网页设计布局
1、设计能反映网站内容的logo，并且将logo放在网站的醒目位置。 网站的颜色要统一，要突出网站的主调色彩。 相同类型的图像要有相同的效果。 网站要有一句明晰的宣传标语。
2、所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。
3、形布局。这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。
