山東網站建設

山東網站製作
當前位置: 首 頁 >> 新聞中心 >> 行業新聞

幹貨!2018年你值得一看的網頁設計作品集賞析

幹貨!2018年你值得一看的網頁設計作品集賞析

發布日期:2018-06-30 作者: 點擊:


網頁設計作品集=門麵+能力

網頁設計作品集對網頁設計師而言,既是網頁門麵,也是個人專業素養的體現。那麽在作品集設計上萬不能掉以輕心。無論是製作一份簡約大方還是極具表現力的精良作品集,設計師們都必須付出十分的努力,參閱大量的設計作品,獲得靈感。

學習在線網頁設計作品集,激發靈感

好的設計作品不僅能激發讀者的設計思路,也能讓你對設計者有所了解。以作品說話,也是一個不錯的宣傳自己的途徑。如果你正好也想學習如何設計個人作品網頁,這裏摹客君給大家精心整理了一些優秀設計師的在線網頁作品集案例,一定會對你有所幫助。

8 個優秀網頁設計作品集案例分享

1. Personal portfolio

設計師:Mike

來源:Dribbble

作品地址:https://dribbble.com/shots/4353012-Bryan-Lane-Personal-portfolio

Mike是一個有著豐富的設計經驗的平麵設計師,擅長於以用戶為導向的精美平麵設計,並且善於結合標識,圖標和插圖於一體的網站設計、應用程序、遊戲和用戶界麵設計。

Personal portfolio這個作品集是一個典型的平麵設計為主導的網頁設計。顯眼的底色配以明亮的3D插畫,頗具特色。平麵設計和3D設計的結合既吸引眼球,又非常富有設計感。

優秀網頁設計作品集案例分享

2. Designer Profiles

設計師:Ben Schade

來源:Dribbble

作品地址:https://dribbble.com/shots/3299965-Designer-Profiles-Part-3

Ben Schade是Dribbble上一位高人氣的網頁界麵設計師。他的作品多以簡潔幹淨的平麵設計風格為主。清新淡雅的平麵風格的配色讓人視覺感官非常舒服。

網頁設計中的配色技巧、圖標、圖片搭配簡潔樸素。正如左下角的slogan, design less, think more。少即是多的概念,在這個作品集中體現的淋漓盡致。作品集的作用即是讓人關注作品本身,而非單純炫技。

優秀網頁設計作品集案例分享

3. Personal Site – JS Interactions

設計師:Drew Endly

摹客,定製你的設計規範

設計係統

來源:Dribbble

作品地址:https://dribbble.com/shots/3124285-Personal-Site-J...

Drew Endly是一個非常有創造力的設計師,從他的設計作品中看來,他十分注重視覺與交互設計的巧妙運用,包括色彩搭配,動效設計以及交互設計。

JS Interactions是一個交互設計為主的網頁作品集。登陸頁的設計非常簡潔。流暢的動效設計引人入勝。跟隨交互動效的跳轉,自然而然的引導網頁作品的展示。各種彈出、滑動的交互在欣賞設計的同時又增添了一些樂趣。整個作品的展示靈巧而不枯燥。成品的製作不僅需要事先借助Mockplus等原型工具做好網頁的交互設計原型,而且需要熟練運用JS的開發技巧。是個值得參考的網頁設計作品。

優秀網頁設計作品集案例分享

4. Portfolio Exploration

設計師:Adrián Somoza

來源:Dribbble

作品地址:https://dribbble.com/shots/2343357-Portfolio-Exploration-4

Adrián Somoza是一位高級設計師,設計顧問和導師,服務過的客戶包括 Adidas, Google, Nike, Samsung & Netflix等。

這是一個典型的個人作品集網站設計,集合人物設計、個人簡介、作品展示、成就展示於一體,是一個單純以作品和經驗說話的經典網頁設計案例。即使網頁設計本身是 15 年的作品,但它的設計思路仍舊值得學習。動效的運用,例如,懸浮式的滾動設置,使網頁的焦點由人物切換到個人經曆和作品展示,以今天的設計觀念看來,仍不過時。

以初學者的角度來看,如果想要實現網頁內容的懸浮滾動,隻要選對了設計工具其實也變得很簡單。在交互設計工具Mockplus中,利用其滾動區組件,配合圖標或文本組件的使用,巧妙設置,便可以輕鬆完成懸浮滾動效果的設計。

優秀網頁設計作品集案例分享



5. Portfolio

設計師:Dennys Hess

來源:Dribbble

作品地址:https://dribbble.com/shots/4527247-Portfolio

這個設計從設計思路來看屬於中規中舉的作品集網站,但特色在於內容頁麵的切換方式。類似紙質書麵的翻頁交互方式,給人一種閱讀的真實感。

優秀網頁設計作品集案例分享

6. Lank – Creative Design Agency & Personal Portfolio HTML Template

設計師:Reejo George

來源:Themeforest

作品地址:

https://themeforest.net/item/lank-creative-design-...

Reejo George是一位來自印度的自由設計師,在Themeforest出售自己的網頁設計作品。

這是一個響應式網頁設計,建立在Bootstrap Framework基礎上也易於定製化設計。可以將它作為設計機構,個人簡曆,或個人網頁設計作品集模板。一頁式布局,現代而幹淨的響應式用戶界麵設計,100%像素完美設計,跨瀏覽器兼容等等都是現代網頁設計所具備的優勢。

優秀網頁設計作品集案例分享

7. Active Theory Interactive Intro Page

設計師:ACTIVE THEORY

來源:Awwwards

作品地址:https://www.awwwards.com/sites/active-theory-v4

Active Theory是位於加州威尼斯的創意數碼製作工作室。這個網頁設計的特色在於登陸頁麵的數字加載設計和網站首頁的水波紋動效。動態的網站背景畫麵結合鼠標滑動產生的水波紋動效,使整個網頁顯得非常別致。漸變的轉場動效鏈接到作品展示,極具現代風格的背景畫麵和鋼琴鍵側邊欄都顯示出該工作室對動畫設計在網頁上的運用情有獨鍾。

優秀網頁設計作品集案例分享

8. Trons - Clean Portfolio & Agency WordPress Theme

設計師:pego

來源:Themeforest

作品地址:

https://themeforest.net/item/trons-clean-portfolio-agency-wordpress-theme/20268816?s_rank=52

trons.png

Trons是一個WordPress主題的設計作品集網站。 它為您的創意作品集網站提供了幹淨簡潔響應式的極簡風格的WordPress主題。您可以將此網站主題用於:代理機構,個人作品集網站建設,建築師代理機構,攝影工作室,畫家作品集,藝術家作品集,網頁設計作品,插畫師,自由設計師等的作品集網站設計。響應式設計支持應用於各種設備瀏覽器。是當下比較流行的設計趨勢。


本文網址:http://www.heimayibanjia.com/news/481.html

關鍵詞:山東網站建設,濟南網站建設,山東網站製作

最近瀏覽:

  • 在線客服
  • 聯係電話
    18615652552
  • 在線留言
  • 關注AG平台
  • 在線谘詢
    歡迎給AG平台留言
    請在此輸入留言內容,AG平台會盡快與您聯係。
    姓名
    聯係人
    電話
    座機/手機號碼
    郵箱
    郵箱
    地址
    地址