5 個靈感滿滿的介面設計參考網站分享
文章推薦指數: 80 %
開始設計網站以及介面時,不管有沒有想法,常常需要找看看相似的網站和風格,或是參考大部分的網站是如何設計流程,找到幾個範例之後比較容易跟客戶 ...
關於我們團隊花絮UI/UXUI/UX設計工具分享美感養成設計職涯設計生活提案展覽/活動分享設計選書訂閱我們關於我們團隊花絮UI/UXUI/UX設計工具分享美感養成設計職涯設計生活提案展覽/活動分享設計選書訂閱我們沒有結果檢視所有結果沒有結果檢視所有結果Home美感養成5個靈感滿滿的介面設計參考網站分享in美感養成byLaurenLin1月20,20213minread內容目錄AwwwardsDribbbleMobbinDesignMuuuuu.orgResponsiveWebDesignJP開始設計網站以及介面時,不管有沒有想法,常常需要找看看相似的網站和風格,或是參考大部分的網站是如何設計流程,找到幾個範例之後比較容易跟客戶溝通他們偏好的風格,除了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網站設計建置優化之道相關文章來做作品集吧!|網站作品集製作心得bysanmu6月22,2022前陣子為了換工作做了新的網站作品集,算了一下目前為止差不多做四五次了,剛好最近朋友也因為公司招人在幫忙審作品集,有討論到一些想法,覺得可以來寫篇分享文章!內容基...【F2E–PK心得】公車動態網站設計–訪談到UI設計byDebby12月28,2021這篇文章主要是分享之前公司收到六角學院的邀約,參與F2EPK賽的參賽心得紀錄。
PK所製作的內容是『全台公車動態時刻查詢應用服務』活動的目標不是一個月內...漫談無障礙網頁設計-3byJudyShyu9月01,2021上一篇講了無障礙網頁在設計上的大方向,這一篇將從各種元件的細節來討論,從尺寸、色彩、文案、影音……究竟設計上還有什麼值得注意的地方? BacktoList一塊特別企劃標籤AdobeXd(3)B2B(1)COVID19(1)designer(1)designtool(3)Figma(3)functionalmap(1)illustrator(1)UI(25)UX(15)webdesign(1)Wordpress(2)字體(7)無障礙網站(3)產品設計(2)筆記(3)經驗分享(24)網頁設計(20)設計師問答(1)設計選書(2)課程心得(1)講座(2)購物流程(1)週年企劃(5)遠端工作(2)電子報(1)靈感(4)聯絡我們任何合作或問題請洽:[email protected]服務條款隱私權政策FollowusCopyright©2020apodesign.twAllRightsReserved.沒有結果檢視所有結果關於我們團隊花絮UI/UXUI/UX設計工具分享美感養成設計職涯設計生活提案展覽/活動分享設計選書
延伸文章資訊
- 1UI/UX設計師看過來,13個必收藏的素材庫與設計庫!
世界上最大的使用者介面設計素材庫,超過46608個UI元素和1233個UI工具包可 ... 精選的手機應用程式UI / UX設計範例,雖然不能下載,但可以下載整體 ...
- 2設計師必逛!44 個找靈感網站推薦:UX - Eagle
幫助你尋找不同風格的網站靈感、配色、元素; 學習最新網站及介面設計 ... 網頁設計的地方,提供突出的視覺和介面設計範例,給你網頁設計的靈感資源。
- 3Mockup設計]頁面設計|以Figma製作介面設計精稿
風格設定與範例設計
- 4十個常用的UI靈感及工具網站. 1. Collect UI - Medium
由一位越南設計師創立的網站,主要收集許多Landing Page的範例,上方也有分類或是 ... 個人認為還是以自己習慣的就好,私心的我還是習慣這個介面啦!
- 55 個靈感滿滿的介面設計參考網站分享
開始設計網站以及介面時,不管有沒有想法,常常需要找看看相似的網站和風格,或是參考大部分的網站是如何設計流程,找到幾個範例之後比較容易跟客戶 ...