W Design & NEWS

在网页设计中,过去和现在之间的和谐关系

W-design2015.06.06

可以认为目前的过去,和未来,生活在平行现实,交叉路径的时间?我们感知现实的方式可以从一个人到不同。一些看似普通的普通人会出现神奇的创造力。

如果你正在阅读这篇文章,你很可能属于后者。你可以不同意,没有过去,没有未来。我的过去教我们宝贵的技能,为我们提供了我们需要一个更光明的未来的经验。

智能网页设计师遵守这个规则,每天的学习和敏锐地追随最新的网页设计趋势以极大的兴趣和关注。

今天我们将在交叉的网页设计风格罕见的现象,看看一些奇妙的例子。我们谈论的是一个老式的当代醪­今天。在正确的人手中,这些风格可以互补带来了意想不到的和令人愉快的结果。

让我们打破各风格最明显的特征。

复古风格的网页设计的关键特征­

1)独特的版式。它可以被描述为优雅和优雅的一个字体,草书,书法,罗马和san serif字体­。

2)不同材质的使用:木材,石头,纸,等等。

3)可爱的插图–或幽默或严重的(也许是从旧海报,电影,报纸,光盘,唱片,广告)。

4)老­传统图案和纹样。

5)复古老式收音机,电视设备,汽车。

6)复古和经典包装,剪贴簿,流行­艺术元素。

7)褪色的照片,充满活力的,大声的,彩虹,高对比度,霓虹­风格的色彩。

8)撕裂,用黄纸,彩色。

9)黑暗,肮脏,肮脏的颜色(棕色,暗红色,深蓝色)和纹理。

10)老­标志和装饰风格。

当代­风格的网页设计的关键特征

1)简单性和可用性上最大的焦点。

2)响应的布局。不用说有多么重要,他们的平板电脑和智能手机的崛起成为。

3)视网膜支持。时代的要求,又一次。为了支持视网膜显示,开发商需要包括大决议附加媒体内容。

4)固定的标题栏­重要的可用性。当主菜单仍然在望,用户节省了额外的,不必要的滚动。

5)大的照片和视频的背景。高质量的照片或视频的背景使网站更具吸引力。

6)CSS透明度。

7)简约的登陆页面。一个登陆页面的目的是让用户做什么,他/她需要。这里不需要长文本。大,清晰的通话­到­行动是不够的。

8)数字QR码。

9)社交媒体徽章。我们都希望社会账户的信息我们认为有用的快速共享,有趣的或重要的。

10)详细图解。现代插图看起来像真正的艺术品。

10)无限滚动。分析数据表明,一个页面布局期待更吸引用户。

11)滑动的网页面板。他们只是让观众去:“哇”。

12)巨大的字体。少的话,用大的字体,保证用户会阅读你的信息。

13)API和开源。开源的平台,让世界各地的开发者做出贡献,提高他们的功能。

14)深阴影框。长长的影子已经成为现代设计的发展趋势,出现在平面布局的基础。扁平的物体投射阴影看起来很酷和创造性不成比例。

15)CSS3动画。这些有趣的,跨浏览器的动画­现代网站增添魅力。

16)垂直导航。

17)圆形设计元素。他们只是看起来很可爱。

18)平面元件。够借壳!今天的网络有一个扁平的脸。

19)用鲜艳的色彩。简约的方法使霓虹灯的颜色好注意的手段。

20)很多空格。负空间足以让用户集中的重要内容。

21)动态网格布局让你安排元素垂直,在网格中的下一个开放现场的各个元素的定位。结果将不同高度的元素之间的垂直间隙,就像在墙上的一个梅森拟合的石头。

22)内容第一。最后,本文提到的上面和下面都是做内容的缘故。内容规则。

23)地铁风格。简单,快乐的瓷砖可以理解的概述图标非常受欢迎,他们将定期和触摸界面之间的边界。

24)视差。这种滚动效果在网页设计的技术特征分层图像左右移动网站在不同的速度/角度创建一个好的,有趣的3D错觉。它提供了一个更有趣的现场经验。

25)应用程序的界面风格设计。最大的用户­友好性和透明度。

灵感的电子邮件营销

灵感的电子邮件营销

丝带,贴纸,几何背景,老式字体,装饰元素……动态动画,滚动导航…在他们最好的过去和现在!

字体行走

字体行走

看到这些平面勾勒图标的复古风格,创造了?他们同样惊人的一个简单的说明了布局的休息,无限滚动导航。

共鸣的设计

共鸣的设计

巨大的霓虹灯的颜色,字体,边框,单页布局在黑色,木质纹理……一个强大的组合,不是吗?

活跃的

活跃的

注意旧货标签的组合,贴纸和绝对平坦的元素和时尚的霓虹色彩的插图。滑块的照片创建一个小的说明元素背景。

伟大的美国威士忌博览会

伟大的美国威士忌博览会

简约复古的设计?为什么不呢?一切都是可能的,过去和现在的满足。

萨累的设计

萨累的设计

蓝色的,巨大的肮脏的纹理,清晰的文字让人印象深刻。这胡子菜单……我们喜欢!

DIY

DIY

这面墙的六角形复古插图真是难以置信特别结合半透明的文本块明亮,彩色的,超现代的calltoaction按钮

cyclemon

cyclemon

再次,褪色的复古色彩和插图结合滚动导航和简洁的文字。

羔羊海军朗姆酒

羔羊海军朗姆酒

这一当代的网站完美由于现代混合旧港口酒馆的感觉,垃圾摇滚和复古元素。

Copag

Copag

在中心……内置视频绝对经典布局看起来很有趣

savoura

savoura

那些画插图的老镇和褪色的背景有助于公司传达一个经过时间检验的公司的客户可以依靠的想法。负空间和短而有力的很多短信是趋势从今天。

gronnpose

gronnpose

传统的,这个网站包含了retroillustrative布局现代元素和社会媒体图标。

本书封面档案

本书封面档案

网格布局无疑是时尚的,但看背景纹理,标题字体和贴纸,他们尖叫复古。

现场笔记

现场笔记

旧纸的背景和低劣的元素创建一个奇怪的混合,这种单页布局包含当前嵌入式高清质量的视频。

我杀了他

我杀了他

你看到了什么?定期skeuomorphic布局?试着向下滚动,有惊喜等着你下面。

朱丽亚& Artem

朱丽亚& Artem

然而婚礼事件不发生大的变化,整个时代,这个模板的作者设法把一个现代的,幽默的自旋在这特殊的日子。

愤怒的熊

愤怒的熊

该网站将暗,背景插图,老式字体,安排在一个新的网格结构和平面文本块标识元素。

四零一二零

四零一二零

这个现代的视频播放器在这pseudovintage环境看起来很酷。

得到的谜64

得到的谜64

开关

开关

你有没有听说过“复古主义”?

氧化物的互动

氧化物的互动

有趣的角度和内容放置……划分为复古和现代部分!

handiemail

handiemail

本网站无缝结合的grunge风格,复古的字体和固定位置菜单和Vimeo视频贴hdembedded。

这些事情

这些事情

质量好的部分会让每一个幽默网站打。这对夫妇坚持页面从一个房间到另一个旅游中心,你向下滚动。

我们种植的樱桃

我们种植的樱桃

你怎么这样的奇怪组合的复古照片,垃圾的图标和质量分辨率的照片吗?我们认为这是艺术。

传统的鸡

传统的鸡

这个网站的作者管理有机的结合起来的木质纹理,复古的字体,复杂的装饰元素,与目前流行的固定头和酷的视觉效果的jQuery灯箱供电。

河流和机器人

河流和机器人

本网站将波浪边缘模糊的图像,复古,优雅的字体和一个内置的视频和音频播放器干净的布局。提示也可为游客方便。

结论

那么大惊小怪的是什么?如何促进当代复古元素的网站?在我们看来,这种技术是为了从页面的访问者获得情绪反应。复古图案激发感情,唤醒怀旧意义回报客户一次又一次。结合可用性和现代简约设计正确的金额将有助于提高你的网站的知名度。

如果你有你自己的思想和精致完美的过去和现在的网页设计中交叉的例子.


W design values every chance to work with you.