靈感加油站!21個創意力+視覺效果MAX的優秀網頁設計

發表於2016-06-02

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

Al Erykah City

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

20160529_110456_003

Retro Minder

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

20160529_110456_004

Mambo Mambo

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

20160529_110456_005

Granny’s Secret

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

20160529_110456_006

Boombotix

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

20160529_110456_007

Diadora: Bright Delivery

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

20160529_110456_008

Design Hotels

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

20160529_110456_009

Rum Chata

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

20160529_110456_010

Jürgen Hassler

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

20160529_110456_011

Hess Classic

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

20160529_110456_012

I Fly 50

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

20160529_110456_013

Jones L.E.S

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

20160529_110456_015

Pagan Cider

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

20160529_110456_019

Museum of Science Industry Chicago

20160529_110456_020

Valerian

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

20160529_110456_021

A Bear’s EyeView of Yellowstone

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

20160529_110456_022

Nerc

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

20160529_110456_023

Nurture Digital

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

20160529_110456_024

Plastic BCN

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

20160529_110456_025

Get Ready

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

20160529_110456_027

Fabbula

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

20160529_110456_028

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

相關文章