@喪心病狂十六夜貓?：在設計網頁時，靈感枯竭了可是非常頭疼的事情。這個時候看看同行設計師的優秀作品是一個非常有效的方法。比如今天這篇好文，集結了21個創意爆棚的網站，每一個都有簡略的創意解說，靈感不足的設計師不妨來瞧瞧，說不定也能成為以后的設計參考。

Al Erykah City

在中間將很大的LOGO和背景組合起來，將照片和LOGO進行重疊的一種設計方法。

Retro Minder

90年代左右比較流行的一種風格，輸入演員的名字顯示在網頁中間的一種復古的在線游戲。難度比較高。

Mambo Mambo

使用流行的明亮的色彩，通過恰當的使用動畫，讓整個網頁變得平滑宜人。

Granny’s Secret

通過將美味的食物填滿整個屏幕，利用手寫草書字體，可以展現出更多的設計技術。

Boombotix

突然展現出的簡約設計，在你點擊畫面的同時，從屏幕分割的粉色的一邊，詳細的商品說明頁面就出來了。

Diadora: Bright Delivery

通過動畫的表現形式，將從意大利到西班牙越野以類似未來感覺的一種設計表現出來。用戶還能自由地在頁面上處理自己的數據。

Design Hotels

將內容配合網格布局來進行整理，可以用作如何將照片的魅力展現出來的網頁設計參考。

Rum Chata

利用清爽的夏天配色方案，和一些垃圾搖滾風格作為效果添加上去，將品牌的獨創性表現出來了。

Jürgen Hassler

個人自由職業者的招募投資的網站，將必要的要素以外的東西全部省略，簡約風格的模型站點。

Hess Classic

將歷代老爺車車頭一致并排放好，通過水平方向的滑動來進行移動，各種各樣的車的詳細內容在下面的頁面展示出來，起到導航的作用。

I Fly 50

在人物的側影上疊放上照片，然后在中間部分配置上LOGO這樣獨特的布局。

Jones L.E.S

令人印象深刻的照片，根據內容進行切換的設計。

Pagan Cider

通過利用手繪草圖來布置整個頁面，不僅可以表現出一個純手工制作的氛圍，也很好的襯托出了品牌形象。

Museum of Science Industry Chicago

Valerian

特別有實感地描繪出了在宇宙星辰之中移動，使調查進一步推進的科技感。

A Bear’s EyeView of Yellowstone

通過照相機拍攝了一些美國的黃石公園的熊的住處，將他的行動范圍和習性通過互動的方式展現出來。

Nerc

這是介紹歐洲最大的自然環境調查船的網站，結合拍攝的實際的視頻和畫面，讓用戶在界面上停留更多的時間。

Nurture Digital

各個部分都用上了華麗的顏色，用大寫的字母重疊在網頁上，動畫和圖像都十分流暢。可以用作字體組合的參考。

Plastic BCN

對鼠標的移動產生反應的視察效果，與平滑的切換內容的動畫效果，可以看出作者的細心，是一件別出心裁的作品。

Get Ready

感覺就像是電影中的主人公一樣推動故事進程的存在，將畫面中的飲料作為讓人關注的重點。

Fabbula

在獨特的觸摸的插圖上，通過增加一些小小的動效，就成了有魅力的首頁設計，將好的信息給傳遞出來。

好的，這就是全部的內容了，各種各樣的網站是不是看的眼花繚亂了呢？在文章的開頭，提到了如果在設計時沒有了靈感，出去散步也不失為一種好方法。

歡迎關注譯者的微信公眾號：

「優設五月份最新的職場干貨合集」

有哪些沖突可以避免？
《設計師：聊聊那些明明可以避免的協作沖突》

如何與產品團隊高效合作？
《實戰經驗！設計師如何與產品團隊高效合作？》

視覺設計師如何搞懂業務需求？
《初級進階必備！視覺設計不懂業務時如何著手設計？》

原文地址：photoshopvip
優設譯者：@喪心病狂十六夜貓