好玩的地方在于，404頁(yè)面的設(shè)計(jì)思路其實(shí)可以拓展到許多其他的地方，UI設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)甚至室內(nèi)設(shè)計(jì)。設(shè)計(jì)的思路和原則原本就是相通的，這些獨(dú)樹一幟或者別具匠心的404頁(yè)面單獨(dú)看的時(shí)候并沒有什么，但是深入總結(jié)一番，你會(huì)發(fā)現(xiàn)它們的價(jià)值遠(yuǎn)不止于它們看起來(lái)那么簡(jiǎn)單。

閱讀這篇文章之前，不妨先看看上半部分：《娓娓道來(lái)！50個(gè)實(shí)用設(shè)計(jì)思路幫你設(shè)計(jì)創(chuàng)意404頁(yè)面(上)》

26. 不局限于文本

文本并不是網(wǎng)頁(yè)傳遞信息的唯一途徑，你應(yīng)該發(fā)掘更多更有創(chuàng)意的表現(xiàn)形式。這個(gè)404頁(yè)面采用的是太空的主題，404中間的0用星系來(lái)呈現(xiàn)，應(yīng)景又帥氣，你看，不用文本一樣不錯(cuò)。

27. 建立情感紐帶

如果你能和訪客構(gòu)建起情感紐帶，那么這個(gè)頁(yè)面一定能起到非常不錯(cuò)的效果。情緒的感染，能讓訪客同你的品牌聯(lián)系到一起。在這個(gè)案例中，文案和圖片的搭配非常巧妙，圖片和文字給人以一種“在路上”的感覺，它不僅能被人輕松理解，而且很多人會(huì)有這樣的沖動(dòng)，自然能讓許多用戶與之產(chǎn)生共鳴。

28. 充分利用影像

漂亮的照片總是特別吸引人。用鏡頭下的照片來(lái)呈現(xiàn)設(shè)計(jì)總有著不同凡響的魅力。在這個(gè)案例中，美味的食物在鏡頭下表現(xiàn)出無(wú)與倫比的魅力，在404這樣一個(gè)愉快的局面下，用漂亮的圖片注入不同凡響的活力。

29. 表現(xiàn)動(dòng)態(tài)

表現(xiàn)動(dòng)態(tài)并不意味著讓頁(yè)面上的東西真的動(dòng)起來(lái)，讓元素看起來(lái)仿佛動(dòng)起來(lái)，就能創(chuàng)造不俗的效果。在這個(gè)404頁(yè)面中，404三個(gè)數(shù)字雖然是靜止的，但是呈現(xiàn)出動(dòng)態(tài)的感覺。

30. 結(jié)合流行文化

在404頁(yè)面中使用標(biāo)志化的流行元素或者偶像，也能對(duì)相當(dāng)一部分用戶產(chǎn)生足夠好的效用。在這個(gè)案例中，設(shè)計(jì)師將Lionel Richie 的一張老照片用作404頁(yè)面的背景，搭配一首老歌的歌詞，應(yīng)景也極具喜感。

31. 象征手法

使用象征性的手法，來(lái)借助一些視覺元素來(lái)傳達(dá)404的概念也是不錯(cuò)的選擇。在這個(gè)404頁(yè)面中，用斷掉的鉛筆來(lái)隱喻斷掉鏈接就是很典型的象征手法。

32. 使用對(duì)比

不想讓頁(yè)面顯得特別單調(diào)？用對(duì)比手法吧。對(duì)比能讓信息層級(jí)清晰起來(lái)。在這個(gè)404頁(yè)面中，設(shè)計(jì)師使用了色彩對(duì)比，深藍(lán)色的背景使得按鈕顯得更加富有活力。

33. 使用圖標(biāo)

圖標(biāo)能夠傳遞出不少的信息，使用圖標(biāo)不僅能消除文字的單調(diào)性，還能使得頁(yè)面的可讀性和豐富度更高。這個(gè)404頁(yè)面中，指南針圖標(biāo)不僅與404的意義暗合。由于網(wǎng)站所屬的品牌形象是鯨魚，藍(lán)綠色背景和指南針也與品牌形象暗暗呼應(yīng)。

34. 使用主題

使用主題能夠讓整個(gè)設(shè)計(jì)貫穿始終。這個(gè)404頁(yè)面中，Logo的顏色很顯然是取自主題，從插畫到底部工具欄都統(tǒng)一使用了綠色，主題帶來(lái)的統(tǒng)一美感就體現(xiàn)在這里。

35. 創(chuàng)造關(guān)聯(lián)性

如果一張圖片能讓用戶產(chǎn)生與品牌相關(guān)的聯(lián)想，那么它就是成功的。在案例中，食物被吃完的空碟子和404頁(yè)面所代表的“找不到你要的東西”的概念很接近，這種來(lái)自圖片的關(guān)聯(lián)與暗示，非常有效。

36. 控制好間隔

插畫和圖像以及其他的視覺元素并不需要填滿整個(gè)頁(yè)面，控制好間隔能讓整個(gè)頁(yè)面看起來(lái)更自然。在案例中，設(shè)計(jì)師將插畫作為核心來(lái)表現(xiàn)404，其他的網(wǎng)頁(yè)元素并沒有擁擠地圍繞著插畫，給人感覺很不錯(cuò)。

37. 不要害怕?lián)頂D

這一條和上一條并不沖突。如果是高度相關(guān)的內(nèi)容，能夠緊密的聯(lián)系并放置在一起，就不要隔開了，讓相關(guān)的內(nèi)容靠近，適當(dāng)留白，也是不錯(cuò)的設(shè)計(jì)方式。實(shí)際上，這個(gè)案例也正是這么做的。

38. 剪切缺口

通過(guò)剪切的方式，讓單純的文本具備更多的含義和形制其實(shí)是一個(gè)非常有趣且有意義的表現(xiàn)形式。在這個(gè)案例中，404中間的0的空洞用問(wèn)號(hào)來(lái)表現(xiàn)，實(shí)際效果看起來(lái)非常不錯(cuò)。

39. 簡(jiǎn)化概念

并不是所有人都清楚404的具體概念，你可以使用文字拼寫來(lái)說(shuō)明，也可以使用簡(jiǎn)單的圖片來(lái)表現(xiàn)。在這個(gè)案例中，背景圖片中拿著望遠(yuǎn)鏡的人就非常明晰地說(shuō)明了這一概念。

40. 展示場(chǎng)景

你還可以為404頁(yè)面創(chuàng)建一個(gè)場(chǎng)景，制造一個(gè)故事，為什么不呢？這個(gè)案例的場(chǎng)景就非?？蓯?，沉沒的船隱匿在水面之下，魚群環(huán)繞，遠(yuǎn)山、深水和深綠的海床，這個(gè)沉靜漂亮的場(chǎng)景還不足以讓抓狂的用戶安靜下來(lái)么？

41. 大膽嘗試

不要害怕拿你的404頁(yè)面做嘗試。打破邊界和限制，發(fā)揮你的想象力，跟著感覺和靈感走試試。這個(gè)404頁(yè)面似乎正在完善中，許多實(shí)驗(yàn)性的元素被放置進(jìn)來(lái)，有待完成，但是它真的很不錯(cuò)呢。

42. 明亮的色彩

用明亮的色彩來(lái)照亮誤入者的沮喪吧。橘黃色的頁(yè)面砸死不知不覺之間影響著用戶的情緒，你真得還感到那么沮喪么？

43. 打破自身的限制

雖然你的頁(yè)面是為桌面設(shè)計(jì)的，但是誰(shuí)規(guī)定了它一定要顯示在桌面屏幕中呢？為什么不能是一臺(tái)相機(jī)呢？

44. 放到格子里

將數(shù)字放到格子里，那么它會(huì)是什么樣子呢？它可以以什么樣的形式來(lái)呈現(xiàn)呢？于是，設(shè)計(jì)師讓404變成了一個(gè)時(shí)鐘上顯示的時(shí)間，好玩兒又達(dá)成目標(biāo)，何樂而不為呢。

45. 創(chuàng)意加持

自由地發(fā)揮想象力吧，你可以創(chuàng)造截然不同的404頁(yè)面！正如同這個(gè)頁(yè)面一樣，設(shè)計(jì)師將鉛筆、蜜蜂、發(fā)條的意象溶于一體，色彩活潑，意象好玩兒，這不就是創(chuàng)意么？

46. 接地氣

不要過(guò)于高冷，適當(dāng)?shù)慕拥貧庖稽c(diǎn)，用更平和可愛的方式來(lái)展現(xiàn)也不錯(cuò)呢。在這個(gè)404頁(yè)面中，設(shè)計(jì)師并沒有一味地追隨高大上，有趣好玩的人物形象令整個(gè)404頁(yè)面令人忍俊不禁。

47. 先鋒一點(diǎn)

先鋒和前衛(wèi)往往被關(guān)聯(lián)在一起。展現(xiàn)個(gè)性，用獨(dú)特而先鋒的展現(xiàn)形式來(lái)創(chuàng)造屬于自己的時(shí)尚。滑板本就是比較先鋒的玩物，設(shè)計(jì)師結(jié)合紅色濾光片使得和照片結(jié)合到一起，看起來(lái)非常有范兒。

48. 打破極限

找到大家能接受的極限，將邊界推動(dòng)到更遙遠(yuǎn)的邊際，特立獨(dú)行不也是一種個(gè)性么？好吧，這個(gè)案例確實(shí)特立獨(dú)行得口味有點(diǎn)過(guò)重了……漂亮，粗俗，好玩兒，并且令人過(guò)目不忘……

49. 使用圖案紋理

其實(shí)你可以用任何東西來(lái)構(gòu)造獨(dú)特的紋理，然后平鋪在背景上，營(yíng)造獨(dú)一無(wú)二的設(shè)計(jì)。這個(gè)案例中，設(shè)計(jì)師就是這么玩兒的，看起來(lái)倒是蠻時(shí)尚的。

50. 信息層級(jí)

如果你要為迷路的用戶提供許多選項(xiàng)，那么你需要為信息劃分不同的層級(jí)，以防過(guò)多的信息令用戶感到壓迫。這個(gè)404頁(yè)面在解決這個(gè)問(wèn)題上做的非常不錯(cuò)。

【優(yōu)質(zhì)404網(wǎng)頁(yè)養(yǎng)成手冊(cè)】

案例加持：
《柳暗花明！17個(gè)讓人想親自體驗(yàn)的404頁(yè)面》

模板加持：
《良心資源！20個(gè)風(fēng)格多樣的高質(zhì)量404模板免費(fèi)下載》

情懷加持：
《做有情懷的設(shè)計(jì)師！如何打造善意優(yōu)雅的404頁(yè)面？》

原文地址：designschool
優(yōu)設(shè)譯者：@陳子木

「子木說(shuō)」

今年WWDC之后，新的MacOSX性能的極大提升，令我激動(dòng)不已，這怎么看都是老Mac的救星??！每個(gè)冒險(xiǎn)者都熱衷于嘗鮮，如果你有閑置的Mac不妨裝上試試~如果你也想試試，戳這里：微盤（內(nèi)置10.11的壁紙哦）。

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量96萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：