<noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>

    <noframes id="jjr3b"><span id="jjr3b"><span id="jjr3b"></span></span>

    <noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>
    <form id="jjr3b"></form>

    <noframes id="jjr3b">
      18868949445

      東至設計公司:最有創意的404網頁來自各地的網站

      日期:2020-05-11 閱讀:187   作者:東至網站設計開發公司

      我們東至設計公司都習慣于自由瀏覽網站,不受干擾地滾動訂閱。當,低,然后,看看,什么地方出了問題,或者我們點擊一個不能工作的鏈接,隨后的“這個頁面找不到”的消息可能不僅僅是令人沮喪的。這正是404頁發揮作用的地方。

       

      404錯誤頁面可能會影響或破壞您的客戶體驗。你的這個小而又重要的部分網站設計有潛力促進您的銷售,并敦促游客采取行動。這可能是一個網站訪問者放棄和離開你的網站,或成為一個忠誠的客戶和你的品牌的球迷之間的區別。

       

      下面的品牌和設計師向我們展示了如何利用經典的錯誤信息來幫助您。他們對404頁進行了修飾,不僅可以減輕打擊,而且還能給顧客帶來微笑、輕松感,甚至是一點點的咯咯笑。下面是一些最好的404頁面示例:

       

       

      什么是404頁?

       

      404頁是一個在線頁面,當您單擊某個已損壞的鏈接時,該頁面將出現,因此不再可用(實際上,從未可用)。

       

      如果有人輸入了URL(換句話說,瀏覽器地址欄中出現的Web地址),就會發生這種情況。如果一家公司刪除或移動了其網站上的某些內容,或者對其permalink結構進行了更改,您也可以達到404頁。

       

      當你創建一個網站,您可以保留原有的默認選項,也可以保留默認選項。自定義404錯誤頁面。后者讓您有機會設計一個誘人的設計,將提高您的客戶體驗。在設計的頂部,你可以選擇寫一條友好的,品牌上的信息,為訪問者提供他們需要的幫助和方向,讓他們繼續瀏覽。

       

       

      01. 皮克斯-可愛404頁

       

      毫無疑問,皮克斯的粉絲們會與這一令人心曠神怡的404頁產生共鳴。從這部廣受歡迎的電影中選出一個角色,內翻,它有助于加強他們的品牌聲譽,并與他們的網站訪問者建立聯系。使用口語化的語言和熟悉的字符也使頁面感覺更人性化,幫助我們聯系和聯系。

       

      無論你的品牌是否像皮克斯一樣在世界范圍內得到廣泛認可,你都可以嘗試文本和圖像來創造一種友好的、人性化的感覺。用溫暖和非正式的語言四處游玩,用“awww”和“oops”這樣的詞來連接你的聽眾。

       

       

       

       

       

      02. 雞蛋卷-404頁幽默

       

      沒有什么比幽默更能緩解令人沮喪的局面了--尤其是當它做得很好的時候。創意公司omelet在404頁上使用了謹慎喜劇的力量,同時保持與雞蛋相關的主題一致。

       

      鮮亮的紅色自動表示警告標志,但最初的恐慌被滑稽的“這一頁是蛋雞”的信息所抵消。請注意,他們是如何讓菜單欄在屏幕頂部可見的,使人感到舒服網站導航并使網站訪問者能夠繼續瀏覽。

       

       

       

       

       

      03. 漂流-交互式404頁

       

      分散注意力并不總是壞事。社交網絡驅動的錯誤頁面證明了這一點。這種有趣的、互動的設計邀請訪問者來玩,同時也暫時轉移了他們的注意力,因為他們沒有到達他們想要的網頁。

       

      這款游戲不僅讓人上癮,還可以作為導航的一種形式;點擊任何一張圖片,你就會看到它的創建者的個人資料,流暢地將你從404頁面中刪除。他們還確保包括一個搜索欄和一個鏈接到他們的主頁。

       

       

       

       

       

      04. Dropbox-有用的404頁

       

      你情不自禁地愛上了這對友好的,自行車平衡的二重奏。這些人物以一種天真的插圖風格,面帶微笑,似乎讓一切都變得更好了。這個極好的例子將插圖納入網頁設計傳達一種熟悉和平易近人的感覺,這減輕了到達404錯誤頁面的挫折感。

       

      此外,Dropbox確保添加了一些有用的鏈接。這使得用戶能夠輕松地到達另一個頁面。什么時候創建您自己的404頁,建議通過添加鏈接到網站最受歡迎的部分來幫助網站訪問者,例如您的主頁、聯系人部分和“關于我們”一頁.

       

       

       

       

       

      05. 動脈-品牌404頁

       

      沒有多少人會抱怨達到這個設計精美的404頁。時尚的視覺效果與這個創意工作室網站的其他部分結合在一起,即使當遇到一個斷裂的鏈接時,也會帶來無縫的瀏覽體驗。

       

      圖像本身是根據光標移動的,由有趣的元素組成。這使得網站訪問者有可能有目的地在這個頁面上停留一段時間。使用的文本也是安慰,請您點擊屏幕上的任何地方,以方便繼續瀏覽。

       

       

       

       

       

      06. 懶漢-流行404頁示例

       

      這里有一個404頁,它不太符合慣例。自2001年以來,時尚品牌拉齊奧夫(LazyOaf)自稱“一直保持著怪異”,同時也堅持了自己的承諾--以最好的方式做到這一點。

       

      他們東至設計公司沒有向網站訪問者提供他們為什么會到達這個錯誤頁面的通常解釋,而是用滑稽的借口、悲傷的表情符號和一個寫著‘*’發生‘*’的標志來改變它。然而,這個非常坦率和色彩鮮艷的404頁絕不是可悲的。他們還確保了直觀的導航,使菜單欄可見,并包括來自他們的圖片網上商店只差一小卷就行了。

       

       

       

       

       

      07. Spotify-404頁,有個人感覺

       

      Spotify的錯誤頁面有助于增強品牌認同,它的流行使用千禧年粉紅色和乙烯基唱片圖像。他們一直在顯示他們的菜單欄,無論是在頁眉和頁腳,使導航變得簡單。

       

      除了可以通過菜單導航之外,Spotify還采用了友好的會話語言來建議其他有用的頁面。在創建自己的網站時,嘗試實現“可能”這樣的非正式詞匯,并添加問題,以幫助您的網站訪問者感覺好像有一個人在另一邊。

       

       

       

       

       

      08. 朱莉·邦尼莫伊-動畫404頁

       

      這設計組合自由設計師JulieBonnemoy是一個真正的眼睛盛宴。404頁幾乎與主頁設計相同,只是使用不同的文本。這意味著您可以流暢地導航到任何其他部分,幾乎沒有注意到您已經達到404。

       

      如果你決定以類似的風格設計你的主頁和404頁面,你可以嘗試添加一些元素來創造一種吸引人的體驗。在您的站點上播放動畫元素,添加透明視頻獨一無二矢量藝術插圖。

       

       

       

       

       

      09. 俄丘比特-安寧404頁

       

      約會網站OkCupid并沒有試圖隱藏它的主要目標:鼓勵網站訪問者注冊它的服務。而這個突出呼叫行動它是非常直接的方法,它與一個微妙的字體和舒緩的水下視覺,輕輕漂過屏幕。合在一起,這些都形成了一個整體平衡的外觀,這是遠遠沒有進取心的。

       

      另一個技巧是將您的404頁設計集中在平靜色調上,以便向客戶保證,雖然頁面可能丟失了,但他們仍在正確的軌道上。OkCupid的藍色讓人聯想到平靜和信任感--對于404頁來說,這是個明智的選擇。值得一看色彩心理學為你的設計找到合適的色調。

       

       

       

       

       

      10. 樂高-友好404頁

       

      樂高在404頁的設計中使用了一個熟悉的角色,幫助將觀眾與品牌聯系起來,并營造了友好的氛圍。他們的對話風格也是令人安心的,用感嘆號和日常語言保持輕快的語調。

       

      如果你也想要一個幽默的404頁面,一定要保持它的功能,就像樂高在這里所做的那樣,提供其他導航選項。他們強調了CTA按鈕的白色背景,使其彈出。通過將菜單顯示在頁眉和頁腳中,站點訪問者可以輕松地到達其他頁面。

       

       

       

       

       

      11. 上野-404頁,有創意副本

       

      數字經紀公司Ueno創造了一些變化,他們的樂趣,輕松404頁。這只活生生的熱狗似乎在為它的生命奔波,足以給任何人帶來微笑。但與左邊機智的文字合并,網站訪問者會很高興他們偶然發現了這個缺失的頁面。

       

      Ueno把喜劇和精確、簡約的設計結合在一起。如果您在404頁中包含了幽默,請確保通過保持符合設計原則。使用空白,最小的調色板和文本層次有助于品牌達到專業的色調。

       

       

       

       

       

      12. 菲格瑪-接觸404頁

       

      雖然這可能一開始看起來是一個經典的黑白背景設計,但遠不是這樣。再仔細一看,你就會發現在文本上玩游戲的可能性,這讓人有點上癮的互動游戲,還能讓你一瞥產品本身的本質。

       

      Figma還包含了許多不同的導航選項,包括頁面頂部和底部的菜單。潛在的沮喪訪問者可以通過點擊許多菜單項中的一個來輕松地訪問他們正在尋找的頁面。

       

       

      東至設計公司 

       

       

      13. 梅爾奇普-溫馨404頁

       

      實現一個完美的插畫風格,介于孩子氣和情緒化之間,MailChimp絕對知道如何緩沖在404頁上登陸的令人有些沮喪的情況。它們包含了一個突出的大按鈕,它是唯一的彩色元素,位于頁面的正中。

       

      然而,使這個404頁面真正特別的是創建每個元素的敏感性。驢子的頭像在一個洞里,拼命地尋找來訪者正在尋找的那一頁,這張照片本身就在移動。但是當結合詩意語言和字體配對對于無襯線字體的襯線,整體效果是觸感和提升。

       

       

       

       

       

      14. 韋德和萊塔-古怪而精彩的404頁

       

      這個獨特的設計由創造性的韋德和萊塔從人群中脫穎而出。就像他們的其他人一樣在線投資組合在所有正確的方面都是私人的和怪異的。他們包括了一個簡短的圈形禮物,韋德在超市的過道里聊天,并做了一個似乎與404頁面無關的手勢。

       

      然而,它確實帶來了一個微笑,這無疑是達到錯誤頁面的積極結果。在你面前的大文本不僅僅是一個Web設計趨勢,但也可以用一種時尚、毫無歉意的方式直截了當地告訴你這個問題。

       

       

       

       

       

      15. 維克斯-干凈簡潔404頁

       

      我們東至設計公司情不自禁地把這個也包括進去了。不僅僅是因為它有一只毛茸茸的貓。雖然這位貓科動物的朋友在可愛方面肯定贏了,但它也微妙地暗示了網站訪問者可能錯誤地輸入了域名(要么是那個,要么是一些爪子)。

       

      除了視覺方面,此錯誤頁面提供有用的鏈接,將引導訪問者到他們想要的位置。這篇文章簡明扼要.與一個簡單的網站配色方案,由一個大的白色背景,以及一抹灰色和黑色,這一頁喚起了一種平靜的感覺。

       


      网赚团队