這個夏天，那個塌鼻子、齊劉海、煙熏妝的丑萌哪吒徹底火了。背后是導演及創(chuàng)作團隊歷時5年的籌備。俗話說厚積薄發(fā)，沒有平時的積累，哪來的現(xiàn)象級作品問世。網(wǎng)頁設計也是如此，沒有設計師們平時對設計素材和靈感的積累，哪來的優(yōu)秀作品呢？
今天摹客團隊又為大家整理了一批優(yōu)秀的網(wǎng)頁設計作品，供大家欣賞、學習，為打造下一個爆款作品積累靈感：
By Outcrowd
這個網(wǎng)頁是為慈善機構而設計的，旨在向人們宣傳慈善，提高社會意識，鼓勵人們通過慈善的方式來幫助兒童、面臨水資源危機的群體及其他需要幫助的群體。
技巧分享：
它的登陸頁面采用了插畫與動畫相結合的設計，流暢的動畫，鮮艷的配色，使整個網(wǎng)站設計看起來非常精美。創(chuàng)意的七巧板設計使網(wǎng)站主題與文字變化無縫銜接。
By Outcrowd
TeamKids也是由outcrowd團隊設計的一個針對兒童托管的網(wǎng)站，為孩子們的課余時間提供娛樂和學習，豐富校外生活。網(wǎng)站登陸頁面設計充滿童真童趣，鮮艷亮麗的色彩搭配，動畫元素設計的活潑可愛。
技巧分享:
登陸頁面作為整個網(wǎng)站的門戶，插圖和動畫的利用有助于從視覺上契合網(wǎng)站主題，將用戶帶入到設計中，提升網(wǎng)站會話率和用戶體驗。
By Pawel Kontek
這是一個可以幫助你了解設計過程并提高工作質量的免費設計資源。這里匯集了經(jīng)驗豐富的設計師，他們分享的經(jīng)驗在經(jīng)過提煉后以電子書的形式供個人免費使用。登錄頁面正中心是一本書，書中帶有不同序號標記的書簽，與左右兩側的目錄內容一一對應。
技巧分享：
扁平化設計與極簡主義的完美結合。書簽與目錄的獨特交互為讀者的閱讀增添一絲趣味性和互動性，模擬真實的閱讀體驗，為閱讀和學習賦予新的含義。
這個設計是在現(xiàn)有的新聞網(wǎng)站的基礎上所做的概念設計。相比傳統(tǒng)的靜態(tài)新聞網(wǎng)站，這款概念設計的登陸頁面借助了先進的三維立體動畫設計，更加注重從視覺層面?zhèn)鬟_新聞訊息。新聞資訊的獲取方式也由原來的純文字描述轉變?yōu)閯討B(tài)視覺效果，為用戶帶來視覺和心理的雙重體驗。
技巧分享：
高質量的3D場景圖片切換替代了傳統(tǒng)的靜態(tài)圖片輪播，大幅圖片平鋪整個網(wǎng)頁作為設計背景，切題又美觀，也是網(wǎng)頁登陸頁面設計的一個創(chuàng)意之舉。
By Walid Beno
科技的快速發(fā)展改變了人們的生活，你是否想象過未來的交通是什么樣子？設計師Walid在他的概念設計中向我們展示了未來的智能交通，為我們呈現(xiàn)了一個智能化、自動化的交通系統(tǒng)。
技巧分享：
網(wǎng)頁中大幅使用藍紫漸變色，結合界面中的線條設計，賦予網(wǎng)站一股神秘的未來感與科技感。
By CRI$$
如果你是一名旅游愛好者，那么一定也熱衷于做各種旅游攻略，為全新的旅程做出精密的計劃。這個網(wǎng)站提供了一整套的旅游方案，包括旅程、住宿、航線、汽車租賃等，為游客提供最大的便利。
技巧分享：
這個網(wǎng)站設計的立意非常精妙，一輛行駛中的汽車穿梭在海邊。漸變色的運用營造出一幅暖暖的黃昏景象。看了這個案例才知道，漸變色還可以這樣用。
By ? Unfold
良好的居住環(huán)境在于精心的城市規(guī)劃。專門提供專項服務的公司也應運而生。Urban Planners是一個為房產(chǎn)居住提供規(guī)劃建設的服務商。網(wǎng)站中以不同深度的色彩展示不同的環(huán)境規(guī)劃。
技巧分享：
分層漸變設計+平面3D陰影效果，讓設計更有層次感。這樣的漸變設計，學它！
By Tyhe Reading
Momentum Wine是一款富有魅力的葡萄酒，產(chǎn)自南澳大利亞的山谷。每款葡萄酒都經(jīng)過精心設計，確保為顧客提供令人驚艷的味蕾體驗。這個品牌融合了獨特的大理石背景和傳統(tǒng)的襯線標志，整個產(chǎn)品包裝優(yōu)雅又有個性。
技巧分享：
藝術來源于生活。將自然界中完美的大理石漸變紋路運用到實際生活中也是一個不錯的創(chuàng)意。
By Cuberto
這是一款美食網(wǎng)站，專門為用戶提供美食采購、食譜推薦。扁平化的界面設計中融入小巧可愛的插畫設計，整個網(wǎng)頁看起來干凈，清新又簡潔。粉粉的背景色滿滿的少女心，也為這個炎熱的夏天帶來一絲清涼。
技巧分享：
網(wǎng)頁中的插畫設計不一定全是大片大片的，偶爾使用一些小巧可愛的插畫反而更加分。
by tubik
環(huán)境問題事關全人類的生存和發(fā)展，幸好我們已經(jīng)意識到這個問題的嚴重性并且正在采取措施以防止負面影響繼續(xù)擴散。這個是Tubik團隊為生態(tài)環(huán)境咨詢所做的網(wǎng)站設計，致力于環(huán)境保護項目的建立和實施。
技巧分享：
Hero image 插圖的構圖和調色板支持情感訴求，并創(chuàng)建關于主題的即時消息。視覺層次和CTA設計的結合，為用戶提供良好的用戶體驗，是一個不錯的參考點。
by Afterglow
這是一款游戲網(wǎng)站，整個界面設計中都運用到小怪物插圖元素，與游戲主題相匹配。所有的插畫都結合了動畫效果，網(wǎng)站設計是屬于活潑可愛的風格。
技巧分享：
主頁中插畫元素占據(jù)大部分空間，活潑可愛的互動方式讓插畫形象更加豐滿。
By Cuberto
提到讀書是不是都覺得枯燥無味？這是一個充滿魔力的插畫設計。即使你此刻非常浮躁，但你來到這個頁面之后便會感到一股平靜的力量，會隨著小姐姐一起沉浸在書香氣氛中。能通過插畫傳達情感和力量給用戶的設計，一定是不能錯過的。
技巧分享：
插畫設計應用面很廣，且可靜可動。選擇一個與網(wǎng)站主題相契合的立意點很重要。
看了很多版式技巧仍排不好版？懂得很多套路仍做不好設計？沒關系，看看這個設計你能學到一點版式設計的小技巧。網(wǎng)站主打黑白色調，黑底白字。通過調整字體的尺寸、布局和圖標點綴就完成了。你看，說簡單也簡單，對不？
技巧分享：
背景能很大程度地影響版面的設計感。而大面積的背景則需要把握好顏色搭配，盡量使用對比強烈的顏色。作品集或簡歷網(wǎng)站的設計中通過調整字體的大小和布局，有層次的突出重點。
這是一個加密貨幣兌換的網(wǎng)站，在設計上需要表現(xiàn)出穩(wěn)重大氣又專業(yè)的感覺。規(guī)則的布局、深色背景加以亮色點綴，使得它大氣而不沉悶。界面上沒有復雜的設計，簡潔清晰，即便是深色的背景，設計師也注意到頁面留白技巧的使用。
技巧分享：
通過留白來擴展頁面空間，頁面的四周沒有足夠的余白空間會造成一種封閉沉悶的感覺。
喜歡旅行的你一定會時刻關注航班信息。這是一個查詢航線網(wǎng)站的概念設計。整個網(wǎng)站使用的元素非常簡潔：色塊、按鈕、選項卡。首頁選擇了居中構圖的方法，疊加色塊突出重點。
技巧分享：
如果你讀過《寫給大家看的設計書》，那么你一定能看出來這個設計中使用到對齊原則和親密性原則：居中設計，緊密的信息單元。除此以外的留白設計也為網(wǎng)站增添幾分高級感。
1. MaterialUp：優(yōu)秀的Material Design 設計案例
2. FLTDSGN：炫酷的扁平化網(wǎng)頁和APP UI設計
3.Site Inspire：幫你獲取靈感的網(wǎng)頁設計案例
4.UI Cloud：世界上最大的UI設計數(shù)據(jù)庫
5.Land-Book：產(chǎn)品著陸頁圖庫
6.Mockplus：不僅僅是原型設計工具，更是一個豐富的設計資源庫
7.Dribbble：高品質設計師設計案例分享社區(qū)
8.Behance: 優(yōu)秀的在線創(chuàng)意作品集
9.Flat UI Design：扁平化UI設計資源
10.Awwwards：評選最具創(chuàng)意、最創(chuàng)新也最優(yōu)秀的網(wǎng)頁設計作品
靈感專題—2019年優(yōu)秀網(wǎng)頁設計作品賞析#5月
靈感專題—2019年優(yōu)秀網(wǎng)頁設計作品賞析#4月
Powered by Froala Editor
設計1+2，摹客就夠了！
576
作品
859
粉絲
6
關注
分享能獲取更多贊？
大牛，別默默的看了，快登錄幫我點評一下吧！:)
登錄 立即注冊