细节决定网站设计的成败
页规划的细节至关重要,由于恰是它们给用户留下好印象,这些细节支持起网站的杰出体会,进步易用性。正好像Eames所说,它们成果了规划,不注意细节会让规划感丢失。
接下来,咱们一同看看这11款规划冷艳的网站。它们的好规划源于细节,有的界面高雅,有的交互出彩。深化揣摩这些事例,或许你的下一个页面规划著作会非常强壮。
THE SPEED OF BASECAMP’S PASSWORD VERIFICATION
Basecamp 是一个根据页面的项目管理工具。正好像它的介绍,速度和功率是至关重要的。
这是网站的验证界面,规划师巧妙的事前隐藏了确认的按钮,只要当你输入了准确的验证码以后,OK按钮才会呈现。这种办法不仅进步了网站的功用,还经过让按钮从无到有,将“验证码准确”的概念具现化,牵动用户,添加成果感。
COLOPHON PRACTICED BY NEOTERIC DESIGN
在欧洲,在书中运用Colophons(题跋)能够追溯到15世纪的时分(中国就早很多了),不过这个网站是为了将其运用到网站上去。这次,Neoteric Design共享了他们网站的制造笔记——各个有些的功用,从字体软件到编程语言和内容管理体系。假如访客想知道一个网站是怎么构建起来的,那么这个带题跋的笔记能够协助用户方便快捷得了解这个网站的构建过程,满足好奇心。
VERSATILE TYPOGRAPHIC GRID BY BERGER & FÖHR
2014年5月去世的先锋规划师Massimo Vignelli曾说过,排版的栅格是“书的内衣”。本来由此推导,栅格体系又何曾不是“页面的内衣”呢?也正式它的存在,让网站整饬而洁净。
在Berger & Föhr 为 Boulder当代艺术博物馆的网站进行从头规划的时分,栅格体系的“内衣”作用是如此的明显。当你浏览页面的时分,图片、文字段落、导航的边际都模糊看到栅格的痕迹,你会在这儿体会到对齐的力气。更重要的是,即使网站跟着屏幕呼应的时分,栅格所施加的影响仍然存在。
不管页面的内容的属性是啥,运用栅格来严厉安排内容是首要的作业。
PRIDE IN PLACE CELEBRATED BY MAKER’S ROW
不断增加的欧美网站开端在团队页面中标示规划师的家园,声明这个站点的“故土”。在足球范畴,球队的球员介绍页面上,咱们都喜爱“骄傲地介绍球员来自……”,也恰是这种“根据方位”的信息强化了全部部队的归属感和凝聚力。同理,规划师们的“故土”信息也有着同样的作用。
DIRECT ACCESS BY TWLOHA TO SOCIAL MEDIA
社交效劳是如此之多,动不动俩效劳还会在图标上撞个衫啥的,直接致使用户在共享的时分点错当地,而在欧美国家,这种状况愈加严峻。好在有TWLOHA,用带字体款式的文字LOGO更换图标,辨认度进步了,漂亮度也有所确保。
一般状况下,网站都会有个“Contact”页面,国内咱们一般称之为“联络咱们”。可是MINIMAL规划师作业室换了个思路,他们将这个常用的词改成了“Connect”,似乎在说“来聊聊吧”。这是截然不一样的感受,传达出他们等待与用户交流的强烈欲望。情怀?人性化。案牍很重要。
NUDGES TO ACCESS DRAFT
当咱们评论登录/注册页面的时分,能够轻松脑补出页面的外型——本来绝大多少的页面都差不多,本质上也即是个表单。可是有人并不计划随大流。从前开宣布闻名使用Draft的Nathan Kontny,他在规划页面的时分,将用户的留言添加到表单右边,将互动与交流的空气呈现出来,吸引更多的潜在用户来注册。
从商业视点上来看,这个事例给了咱们一个经历:不要羞于展现用户对于商品的赞誉。
COLORS OF CREATIVEMORNINGS
在这个名为CreativeMornings的网站中,每个章节都用不一样的颜色标示出来,同作者头像组合到一同。这种视觉元素贯穿于全部网站,这些色块会有下拉菜单,并且有着各种不一样的边际、形状和好玩的款式。加载内容的时分,还有漂亮的加载动效。斗胆的用色,精美的细节,这个网站简直是巨大上的模范啊。
ULTRA-LEAN SIGN-IN OF PULLEY
规划这个网站的团队从前打造过闻名的构思社区Big Cartel,而这个名为Pulley的网站本质上是一个电商APP,所出售的内容是可下载的数字内容。
要下载内容,只需要暗码就能够了。根据页面、无需登录、输入即可下载,这些设定降低了本钱,减少了冲突和过错,也使得体会更到位。