11款极度专注细节的优秀网页设计欣赏

2016-02-16 18:47 9 1 收藏

有了下面这个11款极度专注细节的优秀网页设计欣赏设计作品,不懂11款极度专注细节的优秀网页设计欣赏的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - 平面设计 】

著名的室内设计大师Charles Eames曾说过,细节并不只关乎它们本身,它们还构成了设计。的确,每一个网页都是由无数的细节构成,而其中的内容也是同样由这些细节连接组织到一起。不论是提供信息服务的网站,还是APP的官方宣传页,任何一个优秀的网站都能够经受得起挑剔眼光的洗礼,从图片到布局,从字体到架构。

网页设计的细节至关重要,因为正是它们给用户留下好印象,这些细节支撑起网站的良好体验,提高易用性。正如同Eames所说,它们成就了设计,不注意细节会让设计感流失。

接下来,我们一同看看这11款设计惊艳的网站。它们的好设计源于细节,有的界面雅致,有的交互出彩。深入揣摩这些案例,也许你的下一个网页设计作品会非常强大。

THE SPEED OF BASECAMP’S PASSWORD VERIFICATION

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

Basecamp 是一个基于网页的项目管理工具。正如同它的介绍,速度和效率是至关重要的。

这是网站的验证界面,设计师巧妙的事先隐藏了确认的按钮,只有当你输入了正确的验证码之后,OK按钮才会出现。这种措施不仅提高了网站的性能,还通过让按钮从无到有,将验证码正确的概念具现化,触动用户,增加成就感。

COLOPHON PRACTICED BY NEOTERIC DESIGN

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

在欧洲,在书中使用Colophons(题跋)可以追溯到15世纪的时候(中国就早很多了),不过这个网站是为了将其运用到网站上去。这次,Neoteric Design分享了他们网站的制作笔记各个部分的功能,从字体软件到编程语言和内容管理系统。如果访客想知道一个网站是如何构建起来的,那么这个带题跋的笔记可以帮助用户方便快捷得了解这个网站的构建过程,满足好奇心。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

VERSATILE TYPOGRAPHIC GRID BY BERGER & FHR

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

2014年5月去世的先锋设计师Massimo Vignelli曾说过,排版的栅格是书的内衣。其实由此推导,栅格系统又何尝不是网页的内衣呢?也正式它的存在,让网站整饬而干净。

在Berger & Fhr 为 Boulder当代艺术博物馆的网站进行重新设计的时候,栅格系统的内衣作用是如此的鲜明。当你浏览网页的时候,图片、文字段落、导航的边缘都隐约看到栅格的痕迹,你会在这里体会到对齐的力量。更重要的是,即使网站随着屏幕响应的时候,栅格所施加的影响依然存在。

不论网页的内容的属性是啥,使用栅格来严格组织内容是首要的工作。

PRIDE IN PLACE CELEBRATED BY MAKER’S ROW

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

越来越多的欧美网站开始在团队页面中标注设计师的家乡,声明这个站点的故乡。在足球领域,球队的球员介绍页面上,大家都喜欢自豪地介绍球员来自,也正是这种基于位置的信息强化了整个队伍的归属感和凝聚力。同理,设计师们的故乡信息也有着同样的作用。

DIRECT ACCESS BY TWLOHA TO SOCIAL MEDIA

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

社交服务是如此之多,动不动俩服务还会在图标上撞个衫啥的,直接导致用户在分享的时候点错地方,而在欧美国家,这种情况更加严重。好在有TWLOHA,用带字体样式的文字LOGO替换图标,识别度提高了,美观度也有所保证。

DESIRE BY MINIMAL TO CONNECT

 

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

通常情况下,网站都会有个Contact页面,国内我们通常称之为联系我们。但是MINIMAL设计师工作室换了个思路,他们将这个常用的词改成了Connect,仿佛在说来聊聊吧。这是截然不同的感觉,传达出他们期待与用户沟通的强烈欲望。情怀?人性化。文案很重要。

 

NUDGES TO ACCESS DRAFT

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

当我们讨论登录/注册页面的时候,可以轻松脑补出页面的造型其实绝大多少的页面都差不多,本质上也就是个表单。但是有人并不打算随大流。曾经开发出著名应用Draft的Nathan Kontny,他在设计页面的时候,将用户的留言添加到表单右边,将互动与沟通的氛围呈现出来,吸引更多的潜在用户来注册。

从商业角度上来看,这个案例给了我们一个经验:不要羞于展示用户对于产品的赞誉。

COLORS OF CREATIVEMORNINGS

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

在这个名为CreativeMornings的网站中,每个章节都用不同的色彩标示出来,同作者头像组合到一起。这种视觉元素贯穿于整个网站,这些色块会有下拉菜单,并且有着各种不同的边缘、形状和好玩的样式。加载内容的时候,还有漂亮的加载动效。大胆的用色,精致的细节,这个网站简直是高大上的典范啊。

ULTRA-LEAN SIGN-IN OF PULLEY

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

设计这个网站的团队曾经打造过著名的创意社区Big Cartel,而这个名为Pulley的网站本质上是一个电商APP,所销售的内容是可下载的数字内容。

要下载内容,只需要密码就可以了。基于网页、无需登录、输入即可下载,这些设定降低了成本,减少了摩擦和错误,也使得体验更到位。

 

PROJECT STORIES OF CRUSH LOVELY

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

StudioCrush是一个用来展示各种项目故事的网站。网站将叙述方式简化了下来,每个项目本质上就是从开始(项目起源)到结束(项目交付)的过程,中间由关键的叙事线索(过程)桥接起来。

从诸多案例中挑选了这个例子,相比于客观,作者更愿意用野心来描述他的起始状态;作为结论,没有拖沓的视频和描述,直接上图让大家一同来欣赏!就是这么直观,就是这么任性!撇开干瘪拖沓的内容,加上标签,写点干货,呈现内容,让故事可爱起来,这还不够么?

 

SIDE PROJECTS OF KNOED CREATIVE

11款极度专注细节的优秀网页设计欣赏,PS教程,图老师教程网

这是一个关于公司目标和员工的页面,其中写了他们的使命、愿景和目标。但是,不同于其他的类似设计,Knoed Creative通过这个朝九晚五之外的内容模块展示了员工工作之余的生活和经历,将这个公司多样化的一面生动地呈现了出来。

来源:http://www.tulaoshi.com/n/20160216/1571243.html

延伸阅读
创业公司常常能给我们带来惊喜,不拘一格的工作方式,别开生面的商业模式,独树一帜的产品和服务,个性十足的工作控件,集设计、野心、创意于一体,它们就是这么令人着迷。 但是对于网页设计师而言,最值得关心的还是他们呈现产品、表达自我、输出独有文化的官方网站。走在科技与时代前沿的创业公司们对于设计的重视程度向来是很高的,从工作...
一道送分题:如何提升网站格调?来看今天推荐的这组网站你就懂了,它们不仅将留白艺术运用得炉火纯青,而且各出奇招,以色彩见长的,即使有大片留白,网站仍然活力十足。以布局精巧为傲的,细节打磨让人惊喜,都是值得借鉴的作品,来看看哪些你可以用上。 Repossi Valdama Sam Dallyn Your Local Studio StokkeAustad...
导航是网站不可或缺的一部分,看惯了一成不变传统的网站导航和今年倍受宠爱的隐藏式汉堡菜单导航,是时候来点不一样的刺激下灵感了。这20个网站不仅都有自己脑洞大开的导航设计,整体设计也是创意丰满,一起来点意料之外的惊喜吧。 Vincent Tavano ACT Festival ECC Architectural Print Gallery Heat Architecture ...

经验教程

407

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部