5 個靈感滿滿的介面設計參考網站分享
文章推薦指數: 80 %
5 個靈感滿滿的介面設計參考網站分享 · Awwwards · Dribbble · Mobbin Design · Muuuuu.org · Responsive Web Design JP · Lauren Lin · Functional map 原來是 ...
關於我們團隊花絮UI/UXUI/UX設計工具分享美感養成設計職涯設計生活提案展覽/活動分享設計選書訂閱我們關於我們團隊花絮UI/UXUI/UX設計工具分享美感養成設計職涯設計生活提案展覽/活動分享設計選書訂閱我們沒有結果檢視所有結果沒有結果檢視所有結果Home美感養成5個靈感滿滿的介面設計參考網站分享in美感養成byLaurenLin1月20,20213minread開始設計網站以及介面時,不管有沒有想法,常常需要找看看相似的網站和風格,或是參考大部分的網站是如何設計流程,找到幾個範例之後比較容易跟客戶溝通他們偏好的風格,除了Pinterest之外,以下分享幾個我很常用到的網站設計靈感網頁:AwwwardsAwwwards是蠻指摽性的設計網站,有專業人士在評比網站設計,每天都會推薦Siteoftheday,裡面的網站設計和藝術感較高,有炫麗的動畫技術可以參考,每隔一段時間點進去瀏覽都會有新的靈感衝擊。
很多設計公司會報名自家的作品去評比,獲獎了可以提高自家招牌的知名度,在業界有一定的公信力。
裡面的Collection有非常詳細的分類,從字體、特效到動畫設計都有,當你想找特定功能的視覺設計時,可以進去裡面找看看靈感。
以下是我常常點進去看的Collection:ImageGalleriesandSlideShows:裡面可以找到優雅炫技的圖片的轉場動畫。
FreelancePortfolios:設計我的作品集網站時都會在裡面找靈感。
Parallax:設計網頁時很喜歡使用Parallax效果來優化使用者的視覺體驗。
AwwwardsConferenceAwwwards每年都會舉辦網站設計論壇,很多設計公司和設計師都會過去朝聖,是每年的設計盛事之一,每年會邀請各地的知名設計師過來演講,會後也可以和其他國家的設計師互相交流和想法碰撞。
由於Covid-19的疫情,最新的AwwwardsSanFrancisco官方宣布延後了,如果有興趣了解論壇的最新動態可以到該網站了解:https://conference.awwwards.com/DribbbleDribbble的網站主要是為UI視覺設計的最新分享,和Instagram類似,分享形式為圖片和動圖,許多設計師會分享自己最新創作的介面,裡面可以看到最新的UI流行設計,像是Neumorphism、Dardmode、流行很久的FlatUI以及最新的UI插畫風格都可以在裡面找到。
但比較需要注意的是再參考裡面的介面時需要考慮其實用性高低,有些設計僅為UI風格展現,實際上在界面上可以應用的實用度並不高,可能會造成使用者的困惑。
MobbinDesign設計介面實蠻常會遇到需要參考其他家產品的介面流程,常常需要犧牲自己的個資,申請新的APP帳戶親自體會流程體驗。
MobbinDesign提供APP的介面截圖,在裡面可以找到優秀的APP的使用功能和流程,不用下載不需要的APP,也不需要把握機會就截圖需要用到的功能,註冊會員後就可以自訂Library,儲存你需要的流程和介面。
FilterGuideTour流程FilterSearchBar的功能設計流程裡面的分類功能分成Categories、Pattern和Element,可以依照自己的需求Filter需要的設計。
Categories:依照APP的類型和產業來分類,例如:旅遊、影音、教育等。
Patterns:依每個功能的流程來分類,例如:登入流程、日期區間選取流程Element:依頁面的UI元件來分類,例如:SearchBar、卡片、按鈕等Muuuuu.orgMuuuuu.org是還在設計公司時很常用到的網站,不僅分享的網站質感都不錯,而且網站更新的很快,每個禮拜都可以看到最新的設計網站。
加上雖然主要分享日本的網站,有時侯會分享歐美的設計網站,可參考範圍蠻廣的,非常實用。
網站內還有非常貼心的分類,從色系、網站類別、產業、風格到動畫特效都分得很仔細,可以很快速的找到想參考的資料,負責新案子的第一步就會在這個網站尋找靈感。
網站語系是日文,看不懂日文的人點選Google翻譯就可以馬上翻譯網站內容,資訊零隔閡。
ResponsiveWebDesignJPResponsiveJP和Muuuu.org性質蠻類似的,主要分享日本質感的響應式網站設計,網站預覽會貼出桌機、平板和手機的尺寸截圖,也有簡單的分類,但是更新比較慢。
通常我都是Muuuu.org找不到適合的網站就會來這裡看看,有時候會看到蠻驚喜的網站。
以上就是我工作時常用的靈感網站,希望大家也可以從裡面順利找到更多的設計靈感!Tags:UI網頁設計靈感ShareShareShareLaurenLin初入職2B介面設計的菜鳥設計師上一篇文章Functionalmap原來是這樣啊!下一篇文章前端入門選書:HTML&CSS網站設計建置優化之道相關文章漫談無障礙網頁設計-3byJudyShyu9月01,2021上一篇講了無障礙網頁在設計上的大方向,這一篇將從各種元件的細節來討論,從尺寸、色彩、文案、影音……究竟設計上還有什麼值得注意的地方? 一塊讀書–設計的心理學|第1章日常事物的精神病理學byNiki8月10,2021由商業周刊評選爲世界最具影響力設計師之一-DonaldA.Norman所撰寫的設計的心理,一直是我們團隊的待看書單,這次非常開心Debby發啟了這...歷經波折的網站改版建置分享byDebby7月28,2021痾…不是一塊設計的網站,是筆者待的公司的網站。
前陣子筆者經歷了公司的品牌更新和官網改版的兩大專案,而這兩項專案也從一團雜亂的待辦清單到現在步入軌道,進行優化的階...BacktoList一塊特別企劃標籤AdobeXd(3)B2B(1)COVID19(1)designer(1)designtool(3)Figma(3)functionalmap(1)illustrator(1)UI(23)UX(13)webdesign(1)Wordpress(2)字體(7)無障礙網站(3)產品設計(2)經驗分享(22)網頁設計(19)設計師問答(1)設計選書(2)購物流程(1)週年企劃(5)遠端工作(2)電子報(1)靈感(4)聯絡我們任何合作或問題請洽:[email protected]服務條款隱私權政策FollowusCopyright©2020apodesign.twAllRightsReserved.沒有結果檢視所有結果關於我們團隊花絮UI/UXUI/UX設計工具分享美感養成設計職涯設計生活提案展覽/活動分享設計選書
延伸文章資訊
- 1設計資源與參考統整(一) - Deerlight Design 曝鹿設計專欄
常用也最廣為人知. 先介紹較多人知道的設計平台. Behance:搜尋較大型且完整的專案最近發現一個好用的工具,在網站的右上角點擊「搜尋」符號,進入 ...
- 2設計師必備-5個讓你尋找靈感的網站
設計師必備-5個讓你尋找靈感的網站 · 1.Pinterest. 2010年正式上線,是一個專門讓使用者分享圖象的平台, · 2.Behance. 為Adobe旗下用在展示創意作品的平台 ...
- 3鐵人賽:網頁設計- 設計「參考」資源| 卡斯伯Blog - 前端
開始執行設計時,除了要明確了解目標外,另一重點則是需要大量的想法及設計參考,假設需要製作遊戲類型的網站,那麼就需要先了解該類型的風格、配色、 ...
- 45 個靈感滿滿的介面設計參考網站分享
5 個靈感滿滿的介面設計參考網站分享 · Awwwards · Dribbble · Mobbin Design · Muuuuu.org · Responsive Web Design JP ...
- 526 設計參考ideas - Pinterest
2019-1-8 - Explore Candice's board "設計參考" on Pinterest. ... 卡通汽車旅遊海報背景設計_圖片素材免費下載_psd格式-Heypik. 更...