I need inspiration
Jump to navigation
Jump to search
I need inspiration for design purpose
Classification
Show cases / UI / APP design
- Popular show cases on dribbble.com: "Web designers, graphic designers, illustrators, icon artists, typographers, logo designers, and other creative types share small screenshots (shots) that show their work, process, and current projects." [1] [Last visited: 2023-01-04]
- 「專門為平面設計師和創意專業人士設立。這個網站提供了一個展示和發現創意作品的空間，涵蓋了各種設計類別，如網頁設計、品牌、動畫和插畫等。可以按顏色、標籤和時間篩選內容，方便使用者發現特定的設計風格或趨勢。Dribbble 也為設計師們提供了一個交流想法、分享作品和相互獲得靈感的空間。」Made with GPT-4 🤖
- Behance 在线作品集: UI/UX projects on Behance [Last visited: 2016-06-20]
- 「Adobe 旗下的創意作品集平台，涵蓋平面設計、插畫、攝影、UI/UX、動態影像等多元領域。使用者可以建立完整的專案作品集、追蹤喜愛的創作者，並依熱門程度、時間或領域篩選作品，是全球設計師展示與求職的重要平台之一。」Made with Claude 🤖
- Web design and development, Daily – SiteUp [Last visited: 2016-02-29]
- 「每日更新的網頁設計與開發資源分享平台，內容包含 UI 素材、程式碼片段、設計靈感等，適合開發者與設計師快速獲取當日精選的實用資源與趨勢動態。」Made with Claude 🤖
- 設計畫廊 | 黑秀網 HeyShow.com [Last visited: 2015-12-10]
- 「台灣早期具代表性的華文設計社群網站，畫廊區收錄插畫、平面設計、攝影等各類創作作品，讓設計師與創作者能夠展示作品集、交流創作心得，並認識台灣本地的設計圈生態。」Made with Claude 🤖
- 黄蜂网woofeng.cn [Last visited: 2016-09-02]
- 「中國的設計靈感與素材分享網站，網頁設計欄目彙整大量國內外優秀網站作品，並延伸提供平面、UI、攝影等相關教學與資源下載，是簡體中文使用者常用的設計參考站台之一。」Made with Claude 🤖
- tool: Panda 5 | News & Inspiration Dashboard on Chrome
- 「一款 Chrome 瀏覽器擴充功能，將新分頁轉換為設計靈感儀表板，整合多個設計新聞與作品展示網站的最新內容，讓使用者一開啟瀏覽器就能瀏覽當日的設計趨勢與新聞。」Made with Claude 🤖
- CodePen: Explore Pens tagged 'nav-bar' on CodePen or browse Chris Coyier's tagged pens on CodePen
- 「前端開發者社群平台，讓使用者以 HTML、CSS、JavaScript 撰寫並即時預覽網頁作品（稱為 Pen）。可依標籤（如 nav-bar）搜尋特定元件的實作範例，是尋找互動效果與版面實作程式碼的實用資源。」Made with Claude 🤖
- Muzli - Design inspiration hub
- 「以瀏覽器擴充功能形式提供的設計靈感彙整工具，自動蒐集來自各大設計網站的最新作品、文章與趨勢，並整合成單一資訊流，方便設計師隨時掌握業界動態與獲取創作靈感。」Made with Claude 🤖
- $ Mobbin — UI & UX design inspiration for mobile & web apps: Find design patterns in seconds, such as screens, UI elements, flows, and text within screenshots.
- 「付費訂閱的 UI/UX 設計模式資料庫，收錄大量真實 App 與網站的畫面截圖，並依畫面類型、元件、使用流程等分類整理，讓設計師能快速查找特定情境（如登入、結帳）的業界實作範例。」Made with Claude 🤖
- $ The details behind the world's best websites.
- 「付費制的網站設計拆解分析平台，深入剖析知名網站在排版、動效、色彩與互動細節上的設計決策，適合想學習頂尖網站背後設計思維、而非僅止於視覺參考的使用者。」Made with Claude 🤖
Admin UI Design Showcase
Seeking quality admin dashboard design examples for reference.
- Backend Dashboard designs, themes, templates and downloadable graphic elements on Dribbble
- Admin Templates Backend Templates - Envato
- Admin Panel Designs - 75+ Admin Design Ideas, Images & Inspiration In 2025 | 99designs
- 50+ Free Dashboard Design Templates & Components | Figma
- 206+ Admin and Dashboard Template @ Creative Tim
Animation effect
Awards
- CSS Winner - Website Awards - CSS Award Gallery for Web Design Inspiration
- Website Awards | CSS Awards | Best Websites In The World - CSSDA
- Awwwards - Website Awards - Best Web Design Trends [Last visited: 2016-02-29]
- CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS Awards
Which design is better?
Vote by the users.
- Desinion [Last visited: 2016-02-29]
Landing page
Presentation
Misc.
- Checklist Design - A collection of the best design practices. 收集了最佳設計實踐 (design practice)，提供全面的收錄。該網站包括了各種設計清單，涵蓋了頁面、元素、流程、主題和品牌等方面，特別聚焦於登入頁面、部落格文章、定價、404錯誤等。 [Last visited: 2023-12-14]
Community
Subscribe the fan pages or community
Style guideline & UI patterns
Style guideline, Design guideline , Branding guidelines, Branding design guidelines
Collection: alexpate/awesome-design-systems: 💅🏻 ⚒ A collection of awesome design systems- U.S. Web Design Standards
- Apple iOS Human Interface Guidelines
- Visual Style Guide — Web Fundamentals
- Google Material design guidelines
- Salesforce Lightning Design System
- Uber Brand Guide
- Ant Design - A UI Design Language [Last visited: 2017-05-23]
- Atlassian Design [Last visited: 2017-05-23]
- 點亮台灣・設計規範 Web Design Guideline 「點亮台灣 — 蔡英文・陳建仁總統候選人競選官網所制訂的網站設計規範」[Last visited: 2017-03-02] 網頁備份
- Project2-Brand Guideline [Last visited: 2018-06-04]
- Hey Design Systems!
- 設計規範書 Design Guideline · GitBook
UI patterns
- Mobile Design Patterns - Pttrns [Last visited: 2017-03-18]
- Inspired UI - Mobile Apps Design Patterns [Android] [Last visited: 2017-03-18]
- The Foundation for your Design System - shadcn/ui [Last visited: 2025-10-08]
Collection of snapshots
- Follow the interests: Pinterest: Discover and save creative ideas
- Empty States examples [Last visited: 2016-06-06]
Articles
Colors
- Coolors - The super fast color schemes generator! Press space to generate the new color set
相關文章: 挑選顏色
- Pantone 彩通亞太區 | Pantone Color of the Year 2022 / 介紹 [Last visited: 2022-07-14]
Examples of bad design
off topic
- Get Motivated! on reddit
reference
Web site design and development process
- Information gathering: Research surveys
- Planning: Before you start to build a website, Content development strategy | Register domain name, Choose web hosting | Information architecture | Data model: Data type, Data flow | Documentation: Request For Proposal | Licensing
- Design: CSS tools, Free fonts, Free photos, Emoji & icons
- Testing & delivery: Usability test, check browser compatibility | Web testing | Speed up websites: Web Ping, Software acceptance test plan | Promote your web
- Maintenance: Site backup & restore test, Software update (OS patch or CMS security update)
- Need help? Community, I need inspiration, Web design glossary