这11款惊艳的网站，你的下一个网页设计作品会非常强大

这11款惊艳的网站，你的下一个网页设计作品会非常强大

　　著名室内设计大师 Charles Eames 曾说过：“细节不仅关乎自身，它们也构成了设计。”的确，每一个网页都是由无数的细节组成的，而内容也是由这些细节组成的。将细节联系在一起并组织在一起。无论是提供信息服务的网站，还是APP的官方宣传页面，任何优秀的网站都能经受住批判眼光的洗礼，从图片到版式，从字体到架构。

　　网页设计的细节非常重要，因为它们会给用户留下好印象。这些细节支持网站的良好体验，提高易用性。正如 Eames 所说，他们做设计，不注意细节会让设计感觉迷失。

　　接下来，让我们来看看这 11 个令人惊叹的设计网站。他们的好设计来源于细节，有的界面优雅，有的交互性强。深入探索这些案例，也许你的下一个网页设计工作会非常强大。

　　BASECAMP 密码验证的速度

　　Basecamp 是一个基于网络的项目管理工具。正如其所介绍的那样，速度和效率是最重要的。

　　这是网站的验证接口。设计师巧妙地提前隐藏了确认按钮。只有在您输入正确的验证码后，确定按钮才会出现。这一举措不仅提升了网站的性能，而且通过从头开始制作按钮，实现了“验证码正确”的概念，触动了用户，增加了成就感。

　　新设计的 COLOPHON

　　在欧洲，书中Colophons的使用可以追溯到15世纪（中国要早得多），但这个网站是将其应用到网站。这次Neoteric Design分享了他们的网站制作笔记——从字体软件到编程语言和内容管理系统各个部分的功能。如果访问者想知道网站是如何构建的，那么这个带有标题的注释可以帮助用户方便快捷地了解网站的构建过程，满足他们的好奇心。

　　BERGER & FÖHR 的*敏*感*词*排版网格

　　2014 年 5 月去世的先锋设计师 Massimo Vignelli 曾说过，布局网格是“书中的内衣”。其实由此推导出，网格系统不就是“网络内衣”吗？也正式存在，让网站干净利落。

　　当 Berger & Föhr 重新设计博尔德当代艺术博物馆的网站 时，网格系统的“内衣”功能是如此与众不同。浏览网页时，可以依稀看到图片、文字段落、导航边缘的网格痕迹，在这里你会体会到对齐的威力。更重要的是，即使网站用屏幕回应，网格的影响依然存在。

　　无论网页内容的性质如何，使用网格来严格组织内容是首要任务。

　　创客行庆祝的骄傲

　　越来越多的欧美网站开始在团队页面标注设计师的家乡，宣告本站的“家乡”。在足球场上，每个人都喜欢在球队的球员介绍页面上“自豪地介绍来自……的球员”。正是这种“基于位置”的信息，增强了整个团队的归属感和凝聚力。同样，设计师的“家乡”信息也有同样的效果。

　　TWLOHA 直接访问社交媒体

　　社会服务太多了。两种服务都会在图标上撞到图标，直接导致用户在分享时点击错误的地方。这种情况在欧美国家更为严重。好在有TWLOHA，用字体样式的文字LOGO代替图标，提高了辨识度，保证了美观。

　　最小的连接欲望

　　通常网站会有一个“联系”页面，在中国我们通常称之为“联系我们”。但 MINIMAL 设计师工作室改变了主意。他们把这个常用词改成了“Connect”，就好像他们在说“Let's talk”一样。这是一种完全不同的感觉，传达了他们与用户交流的强烈愿望。情怀？人性化。文案很重要。

　　轻推访问草稿

　　当我们讨论登录/注册页面时，我们可以很容易地组成页面的形状——实际上，大多数页面都差不多，本质上是一种形式。但有些人并不打算随大流。曾经开发过著名应用程序Draft的Nathan Kontny在设计页面时将用户的信息添加到表单的右侧，以呈现互动和交流的氛围，吸引更多潜在用户注册。

　　从商业的角度来看，这个案例给了我们一个经验：不要羞于表达用户对产品的好评。

　　创意早晨的颜色

　　在这个名为CreativeMornings的网站中，每一章都标有不同的颜色，结合作者的头像。这个视觉元素贯穿整个网站。这些色块有下拉菜单，有各种边缘、形状和有趣的风格。加载内容时，有漂亮的加载*敏*感*词*。大胆的用色，精致的细节，这个网站简直就是高大上的典范。

　　PULLEY 的超精简登录

　　设计这个网站的团队曾经创建了著名的创意社区Big Cartel，而这个名为Pulley的网站本质上是一个电子商务应用，出售的内容是可下载的数字内容。

　　要下载内容，您只需要一个密码。基于网页，无需登录或输入即可下载。这些设置可降低成本、减少摩擦和错误，并使体验更加到位。

　　CRUSH LOVELY 的项目故事

　　StudioCrush 是一个网站，用于展示各种项目故事。 网站 简化了叙述。每个项目本质上都是一个从开始（项目起源）到结束（项目交付）的过程，由关键叙事线索（过程）架起。

　　从很多案例中选择了这个例子。与“目标”相比，作者更愿意用“野心”来形容自己的起步状态；作为结论，没有拖沓的视频和说明，上图供大家一起来。快来“欣赏”吧！太直观了，太任性了！抛开枯燥拖沓的内容，加标签，写干货，呈现内容，让故事变得可爱，还不够吗？

　　KNOED CREATIVE 的附带项目

　　这是一个关于公司目标和员工的页面，其中记录了他们的使命、愿景和目标。然而，与其他同类设计不同的是，Knoed Creative 使用这个“朝九晚五”的内容模块展示了员工在工作之外的生活和体验，生动地呈现了公司的多元化面貌。

　　来自：Youset