給妳壹些各種類型的慢慢去選吧
[url=
]NIKEVSadidas[/url]
[url=
]水彩花鳥[/url]
[url=
]國外的超級漂亮的插畫[/url]
[url=
]漂亮可愛的圖圖![/url]
[url=
]紅色楓葉[/url]
[url=
]可以用來自制筆刷的蝴蝶結皇冠等[/url]
[url=
]B&T動畫夢工廠的壁紙、插畫、表情,224P[/url]
[url=
]平時積攢的壹些可愛圖圖[/url]
[url=
]時尚女性插畫設計作品(國內)...146P[/url]
[url=
]韓國hero0802、網站清新風格插畫欣賞,167P[/url]
[url=
]高光素材[/url]
[url=
]動態倒影[/url]
[url=
]方格背景圖[/url]
[url=
]可愛的像素圖圖[/url]
[url=
]精美信封(G寶盤下載)[/url]
[url=
]異光幻彩[/url]
[url=
]可愛的狗狗![/url]
[url=
]日本《花のイラストコンテスト2007》部分插畫作品...164P[/url]
[url=
]N多抽絲圖圖[/url]
[url=
]超多蒙板新鮮出爐:))[/url]
[url=
]很有古典效果的水彩花融圖看了壹定會喜歡[/url]
[url=
]黑白背景用素材[/url]
[url=
]清新淡雅的鮮花壁紙欣賞,152P[/url]
[url=
]幾外國外LOGO[/url]
[url=
]飛機上的嘔吐袋設計圖[/url]
[url=
]韓國jeonghoseon、azuldecorso、chryoung、Ha,Sang-cheol插畫[/url]
[url=
]數字未來--申請加精[/url]
[url=
]韓國網站上下載的圖圖!(二)[/url]
[url=
]如夢似幻[/url]
[url=
]底紋背景圖片[/url]
[url=
]壹個中國漫畫家的古典MM插畫欣賞[/url]
[url=
]頭像GIF[/url]
[url=
]韓國
網站的許多可愛形象圖圖,300P[/url]
[url=
]日本花紋大全...至於用途嘛,需要它的時候就知道咯...222P[/url]
[url=
]背景『框框』[/url]
[url=
]日本和韓國網站上下載的素材和背景![/url]
[url=
]立式背景素材[/url]
[url=
]絢色~溶圖背景[/url]
[url=
]花紋,有點大的說[/url]
[url=
]精美的古代建築裝飾圖(真的很漂亮)[/url]
[url=
]潮流設計壁紙系列高清24P(打包免費下載)(3樓小禮物哦)[/url]
[url=
]日本星宿海渡時船網站的配套網頁背景...447P[/url]
[url=
]國外古典背景[/url]
[url=
]發些可做筆刷的國畫[/url]
[url=
]淡雅背景圖[/url]
[url=
]壹些自己喜歡的韓國圖圖(壹)30P[/url]
[url=
]曖昧的人物漫畫(線條類+色彩類)[/url]
[url=
]GIF邊框[/url]
[url=
]發幾張超美很喜歡的溶圖(繼續發上)[/url]
[url=
]白色的素材[/url]
[url=
]好多可愛的草莓[/url]
[url=
]幾款不錯的可愛字[/url]
[url=
]WebshotsDailyPhotos2007年4月版唯美壁紙欣賞,120P[/url]
[url=
]壹些外國網站上的動態插圖[/url]
[url=
]五月日歷![/url]
[url=
]紅樓金陵十二釵QQ企鵝搞笑圖集賞[/url]
[url=
]世界經典卡通漫畫,177P[/url]
[url=
]雲兒收集的壁紙之三[/url]
[url=
]國外的插畫!!很個性!!很漂亮!!很....恩!沒了[/url]
[url=
]5chawon、王S涵、hi-vividgirl插畫欣賞...118p[/url]
[url=
]韓國網站上下載的圖圖!(壹)[/url]
[url=
]這麽多漂亮的閃圖閃字.總有妳喜歡的[/url]
[url=
]韓國原版漂靚ne♀..%love[/url]
[url=
]壹些很可愛的GIF圖[/url]
[url=
]網上收刮來的精美LOGO!![/url]
[url=
]背景超市[/url]
[url=
]壹些特別的小圖`可做簽名喔[/url]
[url=
]漂亮的韓國新婚新年賀卡,379P[/url]
[url=
]瞬間的永恒~壹場煙花盛宴..大飽眼福吧[/url]
[url=
]頹廢風格的組圖(oooo頹廢的艷哀oo)[/url]
[url=
]最具可愛女生的簽名!!![/url]
[url=
]可愛系的情侶小圖片!![/url]
[url=
]208款精致美麗的小扇子[/url]
[url=
]國內插畫精選三(李後佶+恒蘭+梓蟹+愛米)...342P[/url]
[url=
]火與冰[/url]
[url=
]絢麗玫瑰[/url]
[url=
]可供設計素材-多姿煙花[/url]
[url=
]韓國矢量美女圖[/url]
[url=
]印尼Vektorika視覺設計網絡雜誌1-9期矢量風格插畫欣賞,400多張[/url]
[url=
]超COOL韓國書裝及插畫[/url]
[url=
]可供設計素材-海邊景致[/url]
[url=
]日本風景壁紙欣賞,30P[/url]
[url=
]寬屏花卉插畫20張[/url]
[url=
]韓國cyworld-texvision、M4的可愛圖圖,160P[/url]
[url=
]國內插畫精選二(繭+茜茜+YUHOO)...281P[/url]
[url=
]國內插畫精選(園子+guagua+周心怡)...249P[/url]
[url=
]送人玫瑰,手留余香[/url]
[url=
]古典邊框素材![/url]
[url=
]收集的壹些可做筆刷的圖圖![/url]
[url=
]日本iwa-ayu、kage-yu網站的插畫欣賞,200P[/url]
[url=
]漂亮的矢量蝴蝶12pcs[/url]
[url=
]母親節的禮物...精美食物及搞笑食物圖片[/url]
[url=
]精美插畫作品...121P[/url]
[url=
]絕美的背景圖圖![/url]
[url=
]清涼系[/url]
[url=
]“welcome”標誌圖!超甜美~[/url]
[url=
]多年收集噠亂七八糟噠鼠標!!!還有5套指針![/url]
[url=
]矢量文具[/url]
[url=
]漫畫娃娃..(更新完畢)[/url]
[url=
]精美邊框素材.[/url]
[url=
]韓國youngart網站粉可愛的卡通圖圖,300P[/url]
[url=
]花布背景[/url]
[url=
]精美的字母數字矢量圖[/url]
[url=
]收集的背景圖片[/url]
[url=
]。(___日&日落。[/url]
[url=
]。(___草莓。[/url]
[url=
]韓國chry、uzzun、waterWay清新畫風插畫欣賞,200P[/url]
[url=
]日本網站上下載的素材![/url]
[url=
]韓國
[url=
]韓國
[url=
]韓國網站的壁紙及空間模板...70P[/url]
[url=
]薇薇dé☆★u/粉戀.卡通.簡潔系列![/url]
[url=
]經典影視1280x800寬屏壁紙[10P][/url]
[url=
]QQ空間圖片素材—黑色憂郁系列插圖[/url]
[url=
]很有設計感的圖片[/url]
[url=
]帶有頹廢味道的框框![/url]
[url=
]來了mucha的畫[/url]
[url=
]韓國tarywoo、marchen網站的可愛插畫,278P[/url]
[url=
]意境清新、恬靜幽谷——賈寶瑉作品精選[/url]
[url=
]蠟筆描繪的童年→童年的記憶[/url]
[url=
]唯美的心。。。。。[/url]
[url=
]水彩鳥類[/url]
[url=
]原創筆記本、賀卡[/url]
[url=
]紅玫瑰素材[/url]
[url=
]韓國時尚華麗花紋素材[/url]
[url=
]壁紙[/url]
[url=
]壹些100*100的溶圖填充(.png)[/url]
[url=
]Fukkies、inukyo可愛的圖吧...158P[/url]
[url=
]非主流圖片,.!!!![/url]
[url=
]漂亮的水晶背景[/url]
[url=
]可愛的企鵝、帶眼鏡的猴子、兇兇的兔子...303P[/url]
[url=
]漂亮的寬屏藝術花卉欣賞,20P[/url]
[url=
]《縹渺》系列可愛壁紙欣賞,126P[/url]
[url=
]水彩魚類[/url]
[url=
]powerpoint背景圖100張,也可作他用哦[/url]
[url=
]、ˉ韓國模版素材__超可愛.!!![/url]
[url=
]壹些我收集的雜圖[/url]
[url=
]框框咯![/url]
[url=
]邊框類模板...100P(打包下載)[/url]
[url=
]不錯的制圖背景,有風景、花草、動物...113P[/url
[url=
]母親節鮮花壹百張打包下載[/url]
[url=
]黑白背景[/url]
[url=
]可愛閃圖下載(69P)[/url]
[url=
]絕美壁紙極品選萃[30P][/url]
[url=
不知道妳喜不喜歡
這個論壇只有會員才看的到
幫妳註冊了壹個號
用戶:我愛photoshop
密碼:jh123456
不準改我密碼奧
打這麽多好辛苦啊沒功勞也有苦勞啊
希望能把分給我
404風格是什麽象素征風格,開放創新。圖形類
當圖形元素和數字404巧妙結合後,讓用戶煩躁的報錯界面瞬間變得趣味十足,心情也好了不少呢!
插畫類
色彩鮮明的插畫與404錯誤頁面結合起來,壹切看上去就像是壹場美麗的意外。
場景類
融入想象力到404界面,創造壹個場景,編寫壹則故事,觸動用戶的情緒,足以讓抓狂的用戶安靜下來。
象征類
借助生活嘗試中的壹些視覺元素來傳達404的概念也很有創意!斷掉的鉛筆、缺了壹塊的西瓜、未插好的插頭,都很典型的象征了404錯誤界面。
情感類
借助可愛的的形象來表達404錯誤傷心的心情,起到情緒***鳴的作用。404頁面在設計、功能上也隨之有所改變,而今天的文章就是總結壹下當前404頁面設計的趨勢,並用真實的案例為這些技巧進行說明。
理解404
諸多常見的HTTP錯誤當中,404是最常見,也是最為大家熟悉的錯誤代碼。通常當妳所訪問的頁面不存在的時候,服務器會返回這麽壹個代碼。造成這壹點的原因可能是Url鏈接錯誤了,或者原本的頁面被刪除了。
但是妳不能要求每個用戶都能熟知這個代碼的含義。即使用戶知道明白,也很難直接排除故障,所以,我們需要讓事情變的更加簡單,解決現實可見的問題。
每個頁面的易用性設計都直接影響著用戶留存率,頁面設計的每壹個細節都直接影響著用戶行為。如果在設計404頁面的時候,時刻關註著細節和易用性,抓住用戶的真實需求,會給網站帶來明顯的提升。
千萬不要使用默認頁面
每個網站所托管的服務器都會有默認的404頁面,這個通用又簡陋的頁面其實是非常倒胃口的。也正是這個粗糙的頁面促使大家設計屬於自己的404頁面。
撇開設計不談,默認的404頁面也完全不存在任何的功能性,也不會對網站本身有任何裨益。
退壹萬步,即使我們不要功能,這個頁面沒法調用網站的模板,不具備自己的風格,它是徹頭徹尾的雞肋。
所以,設計自己的404頁面很有必要。保持頁面風格的壹致性,功能上則將用戶引導到必要的地方,解決用戶的困惑和問題,這是壹個現代404頁面的使命。
自然的用戶體驗流程
首先,沒有人喜歡待在404頁面當中。它存在的目的,就是引導用戶去別的地方。
每個404頁面應該都需要設計師因地制宜地考量,幫助訪客以最簡單的方式最快地找到想要的內容。確保文字易讀,排版清晰,以足夠簡明的方式來呈現功能和內容,避免混亂。
同時,如果妳想讓用戶感到正被積極地幫助,那麽不妨在404頁面中添加內容鏈接,最好是相關內容的鏈接。如果用戶能直接在頁面報錯的話,那麽能幫助網站更好地解決問題。
避免復雜的專業用語
考慮到很少有足夠好的診斷機制來根治404的問題,所以最好還是以簡單直接的方式來設計404頁面。不要去考慮太多的服務器報錯代碼和技術詞匯的含義,對於用戶而言,這些信息可能是讓他們更加迷惑的根源。
盡量讓頁面保持輕松、幽默的氛圍吧,這是讓用戶告別緊張情緒必需的設計。提供可行的解決方案,讓他們可以在冷靜中解決問題。
使用幽默的文案和圖片內容,可以讓訪客保持愉悅的心情和好奇心,不要讓他們感覺自己做錯了什麽。
設計實戰
下面是壹些設計優秀的404頁面,它們在易用性的設計上非常用心,仔細看看他們都是怎麽布局,如何營造氛圍的,也許會對妳的下壹版404頁面提供不錯的靈感。
SnuggleBugz
歡迎入坑!現代404頁面設計趨勢分析與案例
頁面中所有的圖標和按鈕樣式都和整個布局風格保持了高度的壹致,略顯可愛的風格環節了找不到頁面的尷尬氣氛。
ForkCMS
歡迎入坑!現代404頁面設計趨勢分析與案例
ForkCMS將品牌標誌性的形象融入到404頁面中,配合聰明的文案和海洋主題,顯得頗為有趣,令人忍俊不禁。
Gumroad
歡迎入坑!現代404頁面設計趨勢分析與案例
Gumroad的404頁面用的是更加安靜的方式來引導用戶:將隨機的產品靜靜擺放到用戶眼前,將失誤轉化為銷售的機會,引導用戶深入網站繼續買買買。
Ramotion
歡迎入坑!現代404頁面設計趨勢分析與案例
Ramotion的404頁面足夠簡短也足夠偷懶,簡約而對比強烈的排版讓頁面不會顯得太難看,然後帶著用戶去首頁似乎也是不錯的選擇。
AngryBirds
歡迎入坑!現代404頁面設計趨勢分析與案例
憤怒的小鳥的頁面和品牌風格的融合做的非常不錯,有趣的文案和可愛的動漫形象,讓用戶確知他們所在的網站,並且不會讓人覺得尷尬。
Larkef
歡迎入坑!現代404頁面設計趨勢分析與案例
這個404頁面的設計就非常幽默,頁面使用了全屏視頻背景,這段視頻是來自著名情景喜劇《IT狂人》,令人捧腹。這個設計唯壹讓人比較尷尬的是,妳沒法回到網站首頁
GitHub
歡迎入坑!現代404頁面設計趨勢分析與案例
GitHub這種站點的404頁面的設計也非常有特色,頁面上巨大的搜索框非常符合網站本身內容豐富的特性,壹個搜索框就能讓流連此處的程序員們找到他們想要的東西。
ArtStation
歡迎入坑!現代404頁面設計趨勢分析與案例
ArtStation頁面的404錯誤代碼相當的明顯,網站背景圖片貼合主題,而回到首頁的按鈕是整個頁面中最醒目的按鈕。
Webydo
歡迎入坑!現代404頁面設計趨勢分析與案例
強對比的色彩和排版是Webydo的特色,這也使得網頁的信息更輕松地吸引用戶的註意力。導航欄的存在讓用戶可以輕松去不同的地方,最醒目的黃色按鈕則幹脆引導用戶開始創建網站。
Stormpath
歡迎入坑!現代404頁面設計趨勢分析與案例
Stormpath用的背景圖和文案都非常的逗趣,調侃的味道很濃郁。
Underbelly
歡迎入坑!現代404頁面設計趨勢分析與案例
很多404頁面都采用了簡約直觀的內容設計,Underbelly也是如此,不過他們加上了視頻背景,確保了信息量的豐度,也保證了首頁鏈接足夠突出。
Forbes
歡迎入坑!現代404頁面設計趨勢分析與案例
福布斯的網站是靠排版和內容而支撐起來的,而404頁面的設計也沿襲了它的這壹特色。搜索框和鏈接可以幫用戶尋找他們真正需要的內容。
MarvelApp
歡迎入坑!現代404頁面設計趨勢分析與案例
出現404頁面之後,最重要的是解決問題。所以Marvel就給用戶提供了兩個方式來解決問題:發郵件給他們,或者發推特給他們。
Engadget
歡迎入坑!現代404頁面設計趨勢分析與案例
癮科技是著名的科技網站,他們的404頁面也沿襲了他們壹貫的“科技風”,從像素風格的404和互聯網流行的暴漫插畫都充分體現了他們的“互聯網基因”。
Tripomatic
歡迎入坑!現代404頁面設計趨勢分析與案例
卡通式的插畫背景創造出輕松愉悅的氛圍,讓404頁面不再顯得單調無趣。
Aerolab
歡迎入坑!現代404頁面設計趨勢分析與案例
簡短的文字和高對比度的設計,營造出獨特的設計感。
MailChimp
歡迎入坑!現代404頁面設計趨勢分析與案例
MailChimp的頂部導航壹直常駐在頂部,而為了讓用戶更好地找到想要的內容,提供了壹個搜索框。
CodeSchool
歡迎入坑!現代404頁面設計趨勢分析與案例
CodeSchool的404頁面僅僅添加了壹個回首頁的鏈接,不同於其他的頁面,它的特點是漫長的動效。不過總體的用戶體驗還不錯。
TinyCarrier
歡迎入坑!現代404頁面設計趨勢分析與案例
大家都喜歡矢量圖,而TinyCarrier的404頁面中的插畫都是有趣的矢量圖。頁面的整體設計和其他的404頁面相差不多。
EmailCenterUK
歡迎入坑!現代404頁面設計趨勢分析與案例
Emailcenter的404頁面幹脆為誤入此處的用戶提供了壹個有趣的小遊
什麽是矢量插畫首先要明白什麽是矢量圖?矢量圖使用直線和曲線來描述圖形,這些圖形的元素是壹些點、線、矩形、多邊形、圓和弧線等等,它們都是通過數學公式計算獲得的。在數學上定義為壹系列由線連接的點。矢量文件中的圖形元素稱為對象。每個對象都是壹個自成壹體的實體,它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。
矢量圖是根據幾何特性來繪制圖形,矢量可以是壹個點或壹條線,矢量圖只能靠軟件生成,文件占用內在空間較小,因為這種類型的圖像文件包含獨立的分離圖像,可以自由無限制的重新組合。它的特點是放大後圖像不會失真,和分辨率無關,適用於圖形設計、文字設計和壹些標誌設計、版式設計等。
矢量插畫就是使用矢量圖繪制軟件,完成的插畫作品