search
【 網頁設計範例 】精選國外加載體驗超舒服的網站設計欣賞 – PS筆刷工廠

【 網頁設計範例 】精選國外加載體驗超舒服的網站設計欣賞 – PS筆刷工廠

精選國外加載體驗超舒服的網站設計欣賞

這一次的作品是屬於設計欣賞領域中的網頁設計的相關作品。

文章出處是來自優設的設計欣賞類文章,作品的作者是佚名,感謝佚名提供網頁設計的作品範例。

作品大綱:

優秀的設計師是能將每一個痛苦的地方都變得有趣的人,特別是對於網速慢的同學,今天這組網站簡直可以讓人樂瘋了,連加載界面都如此有趣,這才是真正的微體驗感受一下。


網頁設計作品欣賞

優秀的設計師是能將每一個痛苦的地方都變得有趣的人,特別是對於網速慢的同學,今天這組網站簡直可以讓人樂瘋了,連加載界面都如此有趣,這才是真正的微體驗感受一下。

創造良好的用戶體驗已成為先決條件,微體驗更是位列前茅——本文探討的是預加載動畫。長久以來,只有少數人重視這部分,如今一切都不同了,幾乎每個網站都能以一兩個賞心悅目、給用戶留下深刻印象的效果自居。

微體驗通常與經過深思熟慮的小組件有關,它們能架起用戶與內容之間的橋樑,把訪問網站變為一段愉快難忘的旅程。這個領域包含了各種友好的效果,今天我們要談的就是加載狀態的指示計。

雖然只會維持幾秒鐘(多數情況),它們應當得到特別的重視。我們習慣於相信,首頁肩負着創造顯著第一印象的責任,無論如何,假如你是一個非靜態網站的站長,第一個頁面就是加載頁,你得考慮加載的過程。討人喜歡、吸引眼球、令人愉快的動態計數器是無可替代的;它們會愉悅用戶,悄悄地迫使用戶停留一小會兒——這正是你希望的。

時髦的計數器,與主體的設計有着同等的獨創性,欣賞設計師們想出的那些方案非常有趣,振奮人心。那麼,我們來探尋一些有趣的預加載動畫吧。

Little Big Room

精選國外加載體驗超舒服的網站設計欣賞

探秘這家機構的作品集,從這個卡通畫風格的加載條開始。它不僅是為了娛樂那些正在等待的網站訪客,也奠定了基調,為接下來將要發生的事情做了一點點提示。

Subskill Digital

精選國外加載體驗超舒服的網站設計欣賞

這個團隊通過漂亮的動態logo,來給預加載頁面增添活力,巧妙地將品牌標識應用到網站設計中。這效果有種討人喜歡的數碼氛圍,與整個主題完美搭配。

The Erasable Wall

精選國外加載體驗超舒服的網站設計欣賞

儘管這個網站旨在強調非常嚴肅的話題,由於手繪風的圖片、鉛筆畫和動畫元素,它的設計卻稍顯俏皮。這個預加載頁面聰明地表現出同樣的風格,與整個項目融合得非常理想。

Dunckelfeld

精選國外加載體驗超舒服的網站設計欣賞

這個加載動畫有着優雅精緻的外觀,與在線作品集的整體外觀完全統一。這個團隊巧妙地利用了logo,驚人地將動畫運用其中。

Alstercloud

精選國外加載體驗超舒服的網站設計欣賞

這個加載頁面如此富有想象力,這個充斥着生動的矢量畫獨創設計,清晰無疑地反映了一點,你將獲得相當有趣難忘的用戶體驗。加載頁面有着強烈的藝術氛圍,與整體設計感覺接近。

Though Brancott Estate

精選國外加載體驗超舒服的網站設計欣賞

儘管Brancott Estate用了一種相當簡單的解決之道——基本的旋轉圖標,但與背景紋理、粉筆風格的字體和引人注目的措辭聰明地結合起來,就足夠迫使你停留一會兒。

SIXZERO

精選國外加載體驗超舒服的網站設計欣賞

有時要使你的頁面迷人,不需要重新造輪子,SIXZERO詮釋了如何利用樸素的單色背景,來為加載頁面打造一系列連續的純色布景。

Tu Corte

精選國外加載體驗超舒服的網站設計欣賞

Tu Corte專門從事肉類領域,所以毫無疑問,加載指示計展示了牛肉、豬肉、禽類的具象圖形。

New Jumo Concept

精選國外加載體驗超舒服的網站設計欣賞

這個預加載頁面以一個帶有logo形狀的小動畫結束。通過一種愉快迷人的方式開啟了首頁。

Letters, Inc

精選國外加載體驗超舒服的網站設計欣賞

和網站的設計非常像,加載頁面也有着精妙優雅的輪廓式外觀。動畫效果勾勒出首頁的中心,緩緩揭開整個構圖。

At Work

精選國外加載體驗超舒服的網站設計欣賞

沒有專門的加載頁面,一切都在首頁上發生。它包含一個神秘的漩渦狀動畫,以一種匯聚能量的隱喻吸引你進入。

Relio

精選國外加載體驗超舒服的網站設計欣賞

Relio是個口袋大小的方形專業設備,能夠為你提供照明。加載頁面包含一個簡潔的輪廓式圖形,正是代表了這個小玩意。這個團隊還讓它運動起來,給這個頁面增加了一點動態的感覺。

Fulvio Luparia

精選國外加載體驗超舒服的網站設計欣賞

此處沒有什麼超自然的東西,帶有計數器的標準圓形指示計,構成了這個頁面。但是,設計師將簡潔化為了優勢,在鋒利的圖形、鮮明的顏色反差和帶有淡淡標語的乾淨背景之間,呈現出傑出的融合。

Scotch and Soda

(自備梯子)

精選國外加載體驗超舒服的網站設計欣賞

此處你會看到一個有裝飾性的基本加載條,用一種原始的手繪方式來表現。它與首頁中四處散布的手繪元素自然地呼應。

Engage

精選國外加載體驗超舒服的網站設計欣賞

Engage以藝術化的手繪風網站設計著稱,從頭到尾每個細節都是這麼規劃的。甚至指示上傳狀態的一個常規加載條,也有着討人喜愛的手繪風感染力,它還運用了品牌的配色。

All About Medical Training

精選國外加載體驗超舒服的網站設計欣賞

這個團隊詮釋了如何最大限度利用空白。加載頁面的特色是一個直觀的醫學圖標,立刻反映出並生動地支撐着設計背後的想法。動態的陰影扮演着狀態指示計的角色。

Mikado

精選國外加載體驗超舒服的網站設計欣賞

Mikado把基於logo的圖形作為了簡潔扁平風格的旋轉圖標。訪問網站的頭幾秒鐘,就烙上了品牌身份的標記。

Designova

精選國外加載體驗超舒服的網站設計欣賞

和上一個例子很像,Designova也將它的logo動畫化,僅靠跳動的圓形標誌裝點加載頁面。儘管這種解決方案相當優雅,而且易於實施,不過久而久之,它會失去魅力。

Zipper Galeria

精選國外加載體驗超舒服的網站設計欣賞

這個團隊將它的logo轉化成基於文字的加載條,逐漸填入品牌色。

Kommigraphics

精選國外加載體驗超舒服的網站設計欣賞

Kommigraphics用了經典的圓形加載指示計。它呈現一種扁平樣式,柔和的雙色調配色,與網站的設計主題完美吻合。

結論

儘管將加載指示計融入網站中絕非新鮮之舉,記得那些基於flash的網站吧,它們普遍運用了這些時尚的小指示計。如今它們有着更新、更先進、更時尚且更精美的詮釋。設計師開始像對待其他必備元素一樣對待它,力求完美無瑕,吻合整體主題並且同時保有自己的風格,那麼,我希望在不久的將來,每個動態的設計都具備獨創且有趣的加載指示計。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 精選國外加載體驗超舒服的網站設計欣賞

版权所有,保留一切权利! © 2019 PS筆刷工廠
熱門推薦

本文由 筆刷工廠 提供 原文連結

筆刷工廠
寫了4363篇文章,獲得7次喜歡
留言回覆
回覆
精彩推薦