美式复古网页设计案例（美式复古网页设计案例分享）

本文目录一览：

• 1、分享网页设计的案例分析
• 2、50个国外复古风格的网页设计欣赏
• 3、20个案例告诉你着陆页设计趋势
• 4、9个视觉惊艳的网页设计思路(一)

分享网页设计的案例分析

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

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

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

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

5、网页设计色系案例分析 橙色又称之为橙黄或者是橘色，它的穿透力仅次于红色，色感较红色更暖。在网页设计中橙色是十分活泼的色彩，给人以华贵而温暖、兴奋而热烈、欢乐与活力的感觉，也是令人振奋的颜色。

50个国外复古风格的网页设计欣赏

小编：摩登复古风格的网站作为正在流行的设计趋势，给人带来另一种视觉体验，大部分需要一些手绘能力以及一些复古配色方案，下面这组复古风格网站设计希望能给你带来创作灵感。

今天是圣诞节，大家节日快乐。今天给大家带来的是26个复古风格网站设计，网页运用了复古元素，磨砂效果，独特的纹理以及复古的插画。

Bobvvs这个复古风格网站在字体上选择了，大胆的无衬线字体搭配复古质感的字体添加了它的复古氛围！Collette Dinnigan这是一个可爱的网站设计，用一个手工的感觉。

Al Erykah City 在中间将很大的LOGO和背景组合起来，将照片和LOGO进行重叠的一种设计方法。Retro Minder 90年代左右比较流行的一种风格，输入演员的名字显示在网页中间的一种复古的在线游戏。难度比较高。

StudioMds 在网页设计中，有时会被忽视的深颜色，但工作室MDS提高其内容与他们的大胆的决定。布局调整，以适应较小的屏幕尺寸。ForefathersGroup 这个网站有一个伟大的，复古的感觉，并利用纹理，图像和字体创建的。

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

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

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

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

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

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

1、如此一来，将可以大大的减少页面的读取时间和改善网页的性能。 保持干净和简单（即：简洁） 一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。

2、使用网格网格是个用于设计不同阶段的关键工具，也包括建立视觉层级的阶段。网格有助于组织组件，使它们以合适的尺寸和比例呈现，而且能帮助设计师有效处理负形，因为网格展示了元素是否按比例放置。

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

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