萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> 平面設計理論 >> 21個創意力+視覺效果MAX的優秀網頁設計

21個創意力+視覺效果MAX的優秀網頁設計

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

  Al Erykah City

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

21個創意力+視覺效果MAX的優秀網頁設計 三聯

  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

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

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

ymqr
copyright © 萬盛學電腦網 all rights reserved