網站就好比企業的「門面」,好與壞都會直接影響用戶對企業的印象。但互聯網世界中有成萬上億的網站,企業若想從這些花多眼亂的網站中脫穎而出,獲得別人的關注並瀏覽,註定要給用戶帶來不一樣的創意和新鮮感。下面,Inspirr為大家分享無比創意的網頁設計案例,希望為企業的網頁設計增添另類的靈感。
創意網頁設計案例分享
創意網頁設計案例一:Wide Awake

網頁設計案例分享
Wide Awake是插畫家Friederike Hantel和時裝設計師Ethel Vaughn,以及工作室Selam X合作的線上商店網頁。

網頁設計案例分享
與其他線上商店不同,Wide Awake為用戶提供一個完整的故事,藉由風格獨特的插畫設計,將日本美學與希耶洛繆納斯·博世的怪誕相結合,以此吸引更多用戶對網站的關注。

網頁設計案例分享
用戶在進入網站後,可通過滑動鼠標看到各種重構組合的動態圖畫,彷彿置身於一場時空旅行。
創意網頁設計案例二:Ponystep Magazine

網頁設計案例分享
Ponystep Magazine是一個非常有趣的交互式3D網站設計。當用戶登陸網站後,會看到一系列整齊站立的雜誌。隨意點擊鼠標,光標處會發射出黑色的小球,將整齊有序的雜誌擊倒。

網頁設計案例分享
網站中沒有簡短的文字介紹,設計師希望創作出一些東西,以表達雜誌對時尚的態度。的確,這種獨特的交互設計,成功讓用戶停留在網站並記住《Ponystep》。
創意網頁設計案例三:Jasmine Deporta

網頁設計案例分享
雖然網頁被一分為二並不是新奇的事,但看過Jasmine Deporta網站後,或許你會對「一分為二」有不同的見解。Jasmine Deporta網站在圖像和文本之間創建平移對稱性,因此網頁被平均分成兩份。

網頁設計案例分享
網站上有兩個光標可同時改變兩張圖,光標放至方塊可停止圖片輪播而看大圖;此外,兩個光標的移動都是1:1,展示照片會遵循一次在前一次在後做背景的規律,一旦用戶熟悉此操作方法,便能真正享受「一分為二」的樂趣,非常有趣。
創意網頁設計案例四:David William Baum

網頁設計案例分享
當用戶進入David William Baum網站時,照片會在屏幕上堆疊,然後散布在頁面上,按樣式或內容分組,當光標懸停時照片會隨之放大。

網頁設計案例分享
設計師表示,David William Baum的視覺系統就像簡單的畫布,剛開始的時候照片會在這張「畫布」上混合在一起,很小且雜亂無章。隨着用戶深入瀏覽網站,照片會變大且更有條理性,讓用戶對網站內容有更全面的審視。
企業網站需注意哪些網頁設計問題?
當然,要設計有創意的網站並不是容易的事,加上對用戶而言,網站的操作體驗遠遠大於視覺效果,因此企業在設計網站的時候,除了注重網站的美觀性,更要注意以下一些常見的網頁設計問題,以便影響網站用戶體驗而不自知。

網頁設計案例分享
▶ 設計網站之前,首先要考慮網站設計的目的,確定好目標用戶,了解他們的特點並選擇合適的交互和視覺設計,以滿足用戶的需求。
▶ 善用網格,網格系統能幫助設計師確保元素間距和對齊,有利於對頁面進行排版,讓網站看起來更規範化。
▶ 有效的視覺層次結構,能讓用戶在短時間內關注到網站的重要元素,同時還能引導用戶快速找到他們想要的東西。
▶ 可訪問性是網站最重要且又容易被忽視的內容之一,網站設計一開始時盡量將可訪問性考慮到設計中,讓儘可能多的目標用戶能輕鬆操作網站。
▶ 網站設計應考慮移動端操作問題,尤其是現在使用移動設備瀏覽網站的用戶越來越多,及搜索引擎將SEO優化重心放在移動端優化上,網站製作儘可能考慮響應式網頁設計。
本文主要是講述「創意網頁設計案例分享」及「企業網站設計需注意的問題」。當然好的網頁設計還需注意更多問題,因此企業若想設計出專業的網站,不妨選擇一家有經驗的網站製作公司幫您開拓更多市場。