优艾点(UiSpot.com) | UI素材,网页设计,GUI设计 » 网页设计

404错误页面欣赏-one more time

优艾点 — Mon, 01 Mar 2010 00:23:20 +0000

在404错误页面的设计往往被忽视和低估。然而，仔细设计这些网页可以让随机访客多停留在你的网站看看其他内容，并最终找到需要的信息。有效沟通的404错误页面主要是为某个特定的网页无法显示和哪些用户可以下一步的行动做提示用的。并且搜索框和有用的资源列表（可能与失踪页）可在这种情况下是有帮助的。

在之前我们已经介绍多次404错误页面的设计。在这里，我们会再介绍404错误页面网页设计的一些有趣的和有用的想法。现在，它将为404错误页面的设计提供新鲜的灵感。本文介绍了50个漂亮的404错误页面的设计的例子。其中有些是美丽的，但并不方便，有些是用户友好的，但没有真正美丽。请把他们当作灵感来源的例子来看待，并希望这些实例可以让需要的童鞋们都能各取所需。

[ 号外：404错误页面欣赏 ]

美丽的404错误页

Cut & Taste
在搜索框中突出公告。 Beautiful!美丽的！

Productplanner
ProductPlanner产品完美地结合在网站的整体品牌的404错误页面。

Mundofox.com

Duoh.com

Apartmenthomeliving.com
相当不寻常的404从一个网站，帮助人们寻找公寓错误页面。

User-Friendly 404 Error Pages

在404页面中获得乐趣！

是的，有趣！因为404也是一个地方，你能证明你的幽默感。你有机会，所以利用好！

www.techkultura.com
关于帕维尔Opydo的博客：“金对武士编号规则：如果这不是您的网页寻找的，你必须做切腹。”

Abduzeedo
Abduzeedo建议为找到正确的思想和文章，并列出了最近流行的博客文章以及标签云。

Habrahabr

CSS Remix

这家伙是很害怕！

Pattern Tap
不要生气，不要哭。 Pattern Tap将在对失踪页的负担。

New Yorker
纽约人杂志的创刊于1925年，但它肯定是与它有自己的404。

Frye/Wiles
弗莱/尔斯创意机构。

Heinz
404已知的最好的番茄酱。

Chelmsford Library
OMG，碎杂志中缺少斯福德公共图书馆！

Craigslist
一个ASCII Craigslist的404错误页面。

The Truth
这是事实果真如此吗？

Wulffmorgenthaler
归咎于Wulffmorgenthaler奇怪的海狸。

Henrik Hedegaard
亨里克赫泽高似乎像辛普森。

NotaNiche
刷新，看到了未来有趣的图片。 A blog by Alexander Frison.由亚历山大弗里松博客。

Daze of Our Lives
“无论狄更斯所谓的”错误404“是我没有在foggiest的想法，但有发生。 You can’t trust this wretched technology, can you?”你不能相信这个倒霉的技术，可以吗？“

Limpfish
通缉：一个网页。

Orangecoat
“尽管在您的点击中出了一点小小的意外。但是这些事情发生，我们将竭尽所能，以确保您保持正确的方向前进。Orangecoat给出了404错误思想的地图。

Kochatelier Berlin
404面包的烹饪机构的网站。

Dawdle
马里奥偶尔进入了错误的城堡。

CSS-Tricks
克里斯Coyier需要在代码仔细看看。

Niki Brown
尼基布朗鼓励她旅客“不要害怕”，并告诉他们一个美丽的鼠标的例证。

Twitter
Twitter的使用简约而诱人的404错误页面。

Livadaru
荷马的克里斯蒂安利瓦达鲁博客。

ARTTHUG Studios
还是荷马，这次是在ARTTHUG工作室。

Cubeecraft
错误Cubee（你可以下载并让自己）在Cubeecraft。

d20 SRD
一个残酷的 d20 SDR 错误!

HomeStar Runner

动画？ Sure!当然！

404不仅要对图形。下面，你会发现404动画的例子。

Mark Fennell
在Mark Fennell他404提供…游戏！

Project Euh
Project Euh? 只要按一下，进入一个随机的网站。

Total Insanity
Total Insanity 为我们展示了疯狂的真正意义。

Herr Nilsson
这404错误页面提取404鸣叫，实时显示他们。

Cricket Feet
一款类似会谈记录的404错误页面。

Bluedaniel
Daniel Karcher的电影设计工作室。

via

感兴趣的话可以阅读下面的文章：

404错误页面欣赏

优艾点 — Sun, 07 Feb 2010 07:13:07 +0000

今天收集上来10个我觉得较有意思的404页面，大家在需要制作404的时候可以参考参考。

404错误页面经常被人忽略，在我们身边的网站有太多千篇一律的404错误页面，其实一个好看的404错误页面对一个网站来说是很重要的！它能吸引和引导那些初次访问你错误页面的访客，使之成为你的读者，甚至是订阅者。从404错误页面的设计中也可以看出整个网站的风格。

1、Chairboy 流着眼泪的男孩。

2、CurtGranger

3、Duoh 看起来挺抽象的一个。

4、Foto Union 。

5、Scrnshots

6、Shockmesane

7、The Brand Surgery 那俩老外貌似想抓什么东西。

8、The Truth 真相在404错误页面之后，大概意思是这样吧？

9、Walking Limb

10、HomeStar Runner 手写文字+手绘图片，打开还有声音。挺有趣的。

————————————————– 童鞋们补充收集（谢谢分享哦~） —————————————————————-

小沈阳版404页面（分享者：喂喂）

感兴趣的话可以阅读下面的文章：

在光效果上运用非常棒的22个网站欣赏

优艾点 — Fri, 05 Feb 2010 12:54:42 +0000

今天给大家分享的是光的效果在网页中的运用。

光的效果,如果运用恰当,可以让你的网站看上去非常漂亮。给你的网站增色

童鞋们在浏览这些网站的时候,可以告诉我们你的想法,你最喜欢那个网站，如果你有喜欢的网站而我们没分享你也可以贴到下面.

点击网站截图都可以连接到原始网站.

McCafe

Drew Wilson

Rare View

Tao Effect

Seb Creation

Foehn

365 Days Of Astronomy

Fernando Sergio

Dream Wire

45 Royale

FM Communication

Sugar Rhyme

Good Bytes

Nekob

You Love Us

Design Moves Me

Poziteeve

IceBrrg

Noe Design Studio

JamesB DJ

Lisa Moseley

OKB

原文 webdesigndev

感兴趣的话可以阅读下面的文章：

20个大胆有创意的网站欣赏

优艾点 — Fri, 05 Feb 2010 12:45:06 +0000

下面是我分享的网站，看后一定对你的灵感和创意有所启发。

所有这些展示的网站都非常有创意和独特性，风格迥异-复古风格，拼贴风格，数字艺术风格，手绘风格，矢量风格，排版风格等等。希望你会从中得到灵感。

请给我们评论让我们知道你最喜欢什么类型的网页，或者如果您发现任何其他好的有创造性的网页也可以跟我们一起分享。

ACDC

Taller de Ideas Atutiplen

Sony Ericsson MTV EMA 2007

13 Buho Street

Skunky

Gloria Quiroga

Hailey Winstone Illustration

Zarovka

Not Your Average Joe

Kutztown

PayPlay

Mitxel

Dave Werner

On!Production

Pierre Marie

Peace River

Jose Luis Elizalde

Danviv

Sim City DS

Toyota IQ Virtual Test Drive

文章来源：uispot

感兴趣的话可以阅读下面的文章：

四个原则帮你设计一个好的网站

优艾点 — Thu, 04 Feb 2010 12:36:13 +0000

我最喜欢的一本设计书籍要算《Robin Williams Design Workshop.》。它采用的设计理论和展示例子都非常棒。我归纳了一下我设计中所采取的四大设计原则。它们包括：对比，重复，对齐和邻近。

这篇文章将讨论这四个原则，因为它们与网页设计息息相关。通过保持这些设计理论在你的耳边，你一定会设计更简洁、更美观的网站。

1。对比

巨大的反差可以给用户留下一个很好的第一印象。如果没有一个焦点，浏览者将会迷失在同样大小的元素和版式中。这是设计人员的工作创造意义的视觉元素，引导用户的体验。所以你可以选择你的图像、颜色和字体，并且合理地在您的网站形成对比，突出重点。

图片对比

这往往是非常有效的，以展示一个大画像旁边较小的元素。下面是我的意思：

The Invoice Machine

这个网站采用了大量的图像，使在读者的注意。另外网站的单色性允许有限使用蓝色发挥更大的作用。

Instabox

这个网站做的视力检查。你先通知？更可能是包装盒上的明星。就像The Invoice Machine，他们已经使用一个大的图像和有限的颜色创建了一个焦点。

对比色

在色彩上喷洒适量的另一种对比色的方式来建立一个网站内有效的对比。它可以通过对标题和文本以及在一个图像或说明上采用不同的颜色。

Fatburgr

这个网站是一个非常适合用来说明设计原则的例子。对于色彩对比，我们可以通过大与小的浅灰黄色、对齐、图像对比度、重复和接近都运用的非常棒。

I Love Typography

有很多惊奇的是以展示印刷感觉的网站在头部的运用给了我们非常好的例子？我喜欢他们的字体选择，以及如何很好的发挥偏暗灰的绿色。

对比字体

如果您尝试创建具有字体的对比，你应该避免使用两个非常相似的字体和大小。字体的相似性，往往会造成混乱和模糊的设计。然而，如果你的字体大小不同，大胆的运用，它也可以非常有效传达出效果。此外，您会惊奇的发现您可以通过使用两种不同的字体在视觉效果令人印象深刻。

Fixie Consulting

哇！我喜欢本网站上的版式和颜色。检查所有的大小和点击他们口号的变化。我还喜欢随意的挥洒和比较巧妙的运用蓝色。

2。重复

在印刷设计中重复比在网页设计中运用的更为普遍，但重复的设计元素在网页设计中同样有效。这种手法有助于创造一种一致的外观，提高品牌。在网页设计一个伟大的方式实现这一目标是重复在页眉和页脚元素。可以看看下面的几个例子

Ten24 Media

Ten24 Media在页眉和页脚都使用了草地找一个重复的元素。

Silverback

这个网站非常棒！虽然他的对比度上运用的非常棒，但我们从它的主题和品牌简单的重复手段的运用相比就弱了点。使用香蕉作为查看列表的图标，并在页眉和页脚用森林的元素。

3。对齐

对齐在网站设计扮演着一个从业余到专业的复杂的角色。我最近成为在网站设计中使用一个网格的倡导者。这样做可以规整你的设计为您提供了一个框架。

Black Estate Vineyard

此网站上展示的 960 Grid website.。它的路线是一致的。我主要喜欢内容和列的合理安排，较大的一级标题，左侧侧边栏的转变和他们还做了大量留白和运用了字体和大小的对比。

A List Apart

A List Apart 具有明显的视觉网格。该列是明确和遏制一切非常可读块。研究表明，真正宽列大大减少可读性。当试图在广泛的后续列宽的文本阅读时你的眼睛容易看累。

4。邻近

最后一个原则是接近。这是与这样的元素组合在一起，分离那些没有。它真的可以毁灭的用户体验，如果你到一个整组中的所有文本块。这就是为什么它很重视标题标签和使用适当的间距。

Envato

这个网站做了组织分为三大类它的内容，美丽的工作。他们有足够的间距，要明确界定。

Paradigm Reborn

这个网站很有条理。该头是清晰，简明。间距是好的，内容分为逻辑块分开。

最后的思考

这是令人难以置信如何更好地将成为你的设计时，考虑到这四个基本原则。总是有更多的事情要考虑，但对比的基础上，重复，对齐和邻近将大大提高您的设计。

本文由优艾点翻译，译自http://www.myinkblog.com/2009/03/21/4-principles-of-good-design-for-websites/，转载注明出处，谢谢合作。

感兴趣的话可以阅读下面的文章：

橙色风格的网站设计欣赏

优艾点 — Wed, 03 Feb 2010 06:45:33 +0000

Color wheel pro 说：橙色结合了红色和黄色的幸福的能量。

橙色代表着热情，魅力，快乐，创造力，决心，吸引力，成功，鼓励和刺激。

在人们眼中橙色是非常温暖的颜色，所以它赋予热的感觉。然而，橙色不如红侵略。通过橙色，可以产生一种振奋的效果，和刺激的心理活动，这是非常符合年轻人的口味。

作为一个柑橘的颜色——橙色，同时也与健康食品，刺激食欲息息相关。

在纹章，橙色象征着力量和耐力。

橙色具有很高的知名度，所以你可以用它来吸引注意力和突出你的设计最重要的因素。

橙色是非常有效的促进食品和玩具。

同样，深橙色可能意味着欺骗和不信任；橙红色对应于欲望，性的激情，快乐，统治，侵略和行动的渴望；黄金唤起了威信的感觉，它通常是高品质的象征。

Traffik

TOY

Halo

AWP

Wufoo

Colourpixel

Sprinkle Penny

Spendly Touch

Joshua Giblette

Eighty Four

Happycom

Think Orange

Four 24

Superfluous Banter

Coolar

感兴趣的话可以阅读下面的文章：

蓝色风格的网站设计欣赏

优艾点 — Wed, 03 Feb 2010 06:14:03 +0000

Color wheel pro 说:蓝色是天空和海洋的色彩。它常常和深度和稳定有关。它象征着信任、忠诚、才智、信心、智慧、信仰、真理与天堂。

蓝色被认为有利于人的身心。它减缓人体新陈代谢，产生镇静的作用。蓝色强烈的关系到安宁和平静。在

纹章学中，蓝色用来象征着虔诚和真诚。

你可以用蓝色来推广与清洁(水净化过滤器，清洁剂，伏特加)、空气和天空(航空公司、机场、空调)、水和海洋(海运、矿泉水)有关的产品和服务。与感性的暖色调如红色、橙色和黄色等颜色不同，蓝色跟意识和智慧相联系。在推广高科技产品时使用蓝色可以暗示精确度。

蓝色是男人的色彩；根据研究，它被男性高度认可。深蓝色意味着深度、专业以及稳定；它也是美国企业的首选色彩。

在推广食品和烹调的时候要避免使用蓝色，因为蓝色会抑制食欲。当和暖色如红色和黄色一起使用的时候，蓝色可以创建高对比度、醒目的设计；比如，蓝-黄-红对一个超级英雄来说是一个完美的色盘。

淡蓝色是与健康、康复、宁静、理解和柔软有关。深蓝色代表着知识、能力、完整性和严肃性。

Eastpoint Community Church

感兴趣的话可以阅读下面的文章：

17套极好的无缝图案下载

优艾点 — Mon, 01 Feb 2010 06:27:53 +0000

无缝的图案是给网页背景增加细节的最快捷的方法。在这篇文章中，我们收集了一些极好的无缝图案，你可以在其中发现很多风格的图案，包括复古风格，花朵的，条纹的等等。所有这些图案都是高分辨率的，你可以点击图片进入原始素材网页下载。

Seamless Tile BirdsNberries

Patterns .34 (14 patterns)

Patterns .36 (25 patterns)

GypsyGarden

Floral Patterns (15 patterns)

Swirls (8 patterns)

Vivid Red (5 patterns)

Grungy Teal (5 patterns)

Floral Vector Pattern

Different Pattern

damask wallpaper

floral wallpaper

Flock Wallpaper Pattern

Cherry blossom pattern

Seamless Damask Pattern

Textured Stripes (6 patterns)

ETC Grunge Stripes (12 patterns)

感兴趣的话可以阅读下面的文章：

散景效果在网页设计中的应用

优艾点 — Wed, 27 Jan 2010 04:35:45 +0000

在我平时的浏览中，我发现现在大部分网站都喜欢用绚烂的光斑这种效果作为背景。这种效果尽管这可能是一个在任何网页元素非常明显，但在以往的时候却用的很少。

我也喜欢找出这些散景的不同类型，有的是非常微妙的模糊版本，也有的是更清晰和更透明的效果。

但纵观这些网站所有的散景效果都是一个很鲜明、很美丽的纹理，它在细节增加了网站的乐趣，下面是一些例子，童鞋们可以欣赏一下：

感兴趣的话可以阅读下面的文章：

40个令人振奋的单页网站设计欣赏

优艾点 — Thu, 21 Jan 2010 02:21:28 +0000

紧随2010年网页设计趋势之一的:单页布局，我挑选了一些确实很酷的例子，以给大家提供些灵感。我确实相信单页网站的设计对于你的创造力是一个巨大挑战：你“直逼主题”的技巧，你把所有你需要展示的布局、安排在一个页面上能力，你吸引用户注意和兴趣的的方式。一下你将看到一些很精美的、极简抽象的、创造性惊人的页面。而且你也将有机会与其他人一起把它们放置到所有地方…接下里欣赏并挑选你最喜欢的吧！

Think Green Meeting（绿色畅想会议）

KINO（吉纳）

The Great Bearded Reef

Fajne Chlopaki: Portfolio

Portfolio of Tyrale Bloomfield

We Shoot Bottles