15個404網頁出錯創意設計 —— 設計師資源 08
由優設推出的“50個實用設計思路幫你設計創意404頁面”已經推出第一期，第二期來了。
404頁面的設計思路其實可以拓展到許多其他的地方，UI設計、網頁設計甚至室內設計。設計的思路和原則原本就是相通的，這些獨樹一幟或者別具匠心的404頁面單獨看的時候并沒有什么，但是深入總結一番，你會發現它們的價值遠不止于它們看起來那么簡單。
來源：優設
編譯：陳子木
01. 使用負空間
學會讓頁面呼吸，可以讓你的頁面更大氣。這個404頁面使用了藍綠色和白色，并且通過適當的留白使得整個頁面足夠簡單大氣。
02. 雙關
404本質上是告訴用戶，他要的東西沒有找到，那么我們要怎么樣展現這個事實？有的時候，用一些內容和視覺上的“雙關”來展現這一點。而這個404頁面就是這樣處理的，通過荒島這個意象來向用戶傳遞“你走錯了”這個概念。
03. 大膽表現
如果你有更加有趣的方式來展現404的代碼，不妨盡量讓兩者之間產生關聯，然后再表現。這個案例當中，設計師使用了“氧氣含量不夠”來同404代碼之間產生關聯，有趣詼諧，意境也接近。
04. 拓展維度
合理地運用視覺設計，能讓二維的頁面給人以三維的沖擊感。這個頁面的設計就是這樣做的，刀的角度和頁面配色使得整個頁面看起來像是三維的一樣。
05. 貫穿始終的設計
如果你喜歡什么什么風格，就一定要堅持使用。喜歡棱角分明的造型，就不要過多融入圓潤的元素。這個404頁面就是非常典型，圓潤的風格融入刀每一個細節當中，貫穿始終。
06. 保持精致
07. 充分利用品牌
你的品牌有什么特色？有什么視覺特征？它能否融入刀404頁面當中?當然可以，這個404頁面就是，作為一個花卉公司，在404頁面中使用花卉元素又有何不可呢？
08. 指示明確
09. 使用不同的介質
你的404頁面不一定非得是單純的數字，它也可以融入到其他的介質中去。這個案例中，設計師讓404的提示以刺繡圖案的形式展現，并且鑲嵌在畫框中，古怪，但是很有趣。
10. 思維不要局限于電腦
其實和上一點很相似，為什么一定要用更加“數字化”的方式來展現么？刺繡可以，黏土人也可以。
11. 不局限于文本
文本并不是網頁傳遞信息的唯一途徑，你應該發掘更多更有創意的表現形式。這個404頁面采用的是太空的主題，404中間的0用星系來呈現，應景又帥氣，你看，不用文本一樣不錯。
12. 建立情感紐帶
13. 充分利用影像
漂亮的照片總是特別吸引人。用鏡頭下的照片來呈現設計總有著不同凡響的魅力。在這個案例中，美味的食物在鏡頭下表現出無與倫比的魅力，在404這樣一個愉快的局面下，用漂亮的圖片注入不同凡響的活力。
14. 表現動態
表現動態并不意味著讓頁面上的東西真的動起來，讓元素看起來仿佛動起來，就能創造不俗的效果。在這個404頁面中，404三個數字雖然是靜止的，但是呈現出動態的感覺。
15. 結合流行文化
在404頁面中使用標志化的流行元素或者偶像，也能對相當一部分用戶產生足夠好的效用。在這個案例中，設計師將Lionel Richie 的一張老照片用作404頁面的背景，搭配一首老歌的歌詞，應景也極具喜感。
![[下載] H5手機移動項目，5月份截屏下載 ——設計師資源 07](https://file.digitaling.com/eImg/cover/20150616/20150616162719_49961.jpg)
![[下載] H5手機移動項目，4月份截屏下載 ——設計師資源 05](https://file.digitaling.com/eImg/cover/20150606/20150606161519_36816.jpg)
![[下載] H5手機移動項目，3月份截屏下載 ——設計師資源 04](https://file.digitaling.com/eImg/cover/20150603/20150603222245_65981.jpg)
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）