I need inspiration: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
mNo edit summary
 
(11 intermediate revisions by the same user not shown)
Line 6: Line 6:
* [https://dribbble.com/shots?sort=views 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." <ref>[http://dribbble.com/site/about Dribbble - About]</ref> {{access | date = 2023-01-04}}
* [https://dribbble.com/shots?sort=views 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." <ref>[http://dribbble.com/site/about Dribbble - About]</ref> {{access | date = 2023-01-04}}
** 「專門為平面設計師和創意專業人士設立。這個網站提供了一個展示和發現創意作品的空間，涵蓋了各種設計類別，如網頁設計、品牌、動畫和插畫等。可以按顏色、標籤和時間篩選內容，方便使用者發現特定的設計風格或趨勢。Dribbble 也為設計師們提供了一個交流想法、分享作品和相互獲得靈感的空間。」Made with GPT-4 🤖  
** 「專門為平面設計師和創意專業人士設立。這個網站提供了一個展示和發現創意作品的空間，涵蓋了各種設計類別，如網頁設計、品牌、動畫和插畫等。可以按顏色、標籤和時間篩選內容，方便使用者發現特定的設計風格或趨勢。Dribbble 也為設計師們提供了一個交流想法、分享作品和相互獲得靈感的空間。」Made with GPT-4 🤖  
* [http://www.webindexgallery.com/index.php CSS Galleries / Web Index Gallery]
* [https://www.behance.net/ Behance 在线作品集]: [https://www.behance.net/search?field=132&content=projects&sort=appreciations&time=week UI/UX projects on Behance] {{access | date = 2016-06-20}}
* [https://www.behance.net/ Behance 在线作品集]: [https://www.behance.net/search?field=132&content=projects&sort=appreciations&time=week UI/UX projects on Behance] {{access | date = 2016-06-20}}
** 「Adobe 旗下的創意作品集平台，涵蓋平面設計、插畫、攝影、UI/UX、動態影像等多元領域。使用者可以建立完整的專案作品集、追蹤喜愛的創作者，並依熱門程度、時間或領域篩選作品，是全球設計師展示與求職的重要平台之一。」Made with Claude 🤖
* [http://www.site.uplabs.com/ Web design and development, Daily – SiteUp] {{access | date = 2016-02-29}}
* [http://www.site.uplabs.com/ Web design and development, Daily – SiteUp] {{access | date = 2016-02-29}}
** 「每日更新的網頁設計與開發資源分享平台，內容包含 UI 素材、程式碼片段、設計靈感等，適合開發者與設計師快速獲取當日精選的實用資源與趨勢動態。」Made with Claude 🤖
* [http://www.heyshow.com/gallery/ 設計畫廊 | 黑秀網 HeyShow.com] {{access | date = 2015-12-10}}
* [http://www.heyshow.com/gallery/ 設計畫廊 | 黑秀網 HeyShow.com] {{access | date = 2015-12-10}}
** 「台灣早期具代表性的華文設計社群網站，畫廊區收錄插畫、平面設計、攝影等各類創作作品，讓設計師與創作者能夠展示作品集、交流創作心得，並認識台灣本地的設計圈生態。」Made with Claude 🤖
* [http://woofeng.cn/inspiration/web/ 黄蜂网woofeng.cn] {{access | date = 2016-09-02}}
* [http://woofeng.cn/inspiration/web/ 黄蜂网woofeng.cn] {{access | date = 2016-09-02}}
** 「中國的設計靈感與素材分享網站，網頁設計欄目彙整大量國內外優秀網站作品，並延伸提供平面、UI、攝影等相關教學與資源下載，是簡體中文使用者常用的設計參考站台之一。」Made with Claude 🤖
* tool: [https://chrome.google.com/webstore/detail/panda-5-news-inspiration/haafibkemckmbknhfkiiniobjpgkebko Panda 5 | News & Inspiration Dashboard] on {{Chrome}}
* tool: [https://chrome.google.com/webstore/detail/panda-5-news-inspiration/haafibkemckmbknhfkiiniobjpgkebko Panda 5 | News & Inspiration Dashboard] on {{Chrome}}
* ''offline'' [http://www.100daysui.com/# 100 Days UI - FREEMIUM RESOURCES] {{access | date = 2016-01-19}} [https://www.facebook.com/groups/uiclub/learning_content/ UI club]
** 「一款 Chrome 瀏覽器擴充功能，將新分頁轉換為設計靈感儀表板，整合多個設計新聞與作品展示網站的最新內容，讓使用者一開啟瀏覽器就能瀏覽當日的設計趨勢與新聞。」Made with Claude 🤖
* CodePen: Explore [https://codepen.io/tag/nav-bar Pens tagged 'nav-bar' on CodePen] or browse [https://codepen.io/chriscoyier/pens/tags Chris Coyier's tagged pens on CodePen]
** 「前端開發者社群平台，讓使用者以 HTML、CSS、JavaScript 撰寫並即時預覽網頁作品（稱為 Pen）。可依標籤（如 nav-bar）搜尋特定元件的實作範例，是尋找互動效果與版面實作程式碼的實用資源。」Made with Claude 🤖
* [https://muz.li/ Muzli - Design inspiration hub]
** 「以瀏覽器擴充功能形式提供的設計靈感彙整工具，自動蒐集來自各大設計網站的最新作品、文章與趨勢，並整合成單一資訊流，方便設計師隨時掌握業界動態與獲取創作靈感。」Made with Claude 🤖
* ''$'' [https://mobbin.com/ 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 🤖
* ''$'' [https://www.details.so/inspo The details behind the world's best websites.]
** 「付費制的網站設計拆解分析平台，深入剖析知名網站在排版、動效、色彩與互動細節上的設計決策，適合想學習頂尖網站背後設計思維、而非僅止於視覺參考的使用者。」Made with Claude 🤖
 
=== Admin UI Design Showcase ===
Seeking quality admin dashboard design examples for reference.
 
* [https://dribbble.com/tags/backend-dashboard Backend Dashboard designs, themes, templates and downloadable graphic elements on Dribbble]
* [https://elements.envato.com/web-templates/admin-templates/backend Admin Templates Backend Templates - Envato]
* [https://99designs.com/inspiration/designs/admin-panel Admin Panel Designs - 75+ Admin Design Ideas, Images & Inspiration In 2025 | 99designs]
* [https://www.figma.com/templates/dashboard-designs/ 50+ Free Dashboard Design Templates & Components | Figma]
* [https://www.creative-tim.com/templates/admin-dashboard 206+ Admin and Dashboard Template @ Creative Tim]
 
=== Animation effect ===
* [https://www.designspells.com/ Design Spells · Design details that feel like magic]


=== Awards ===
=== Awards ===
Line 64: Line 87:
* [https://pttrns.com/ Mobile Design Patterns - Pttrns] {{access | date = 2017-03-18}}
* [https://pttrns.com/ Mobile Design Patterns - Pttrns] {{access | date = 2017-03-18}}
* [http://android.inspired-ui.com/ Inspired UI - Mobile Apps Design Patterns [Android]] {{access | date = 2017-03-18}}
* [http://android.inspired-ui.com/ Inspired UI - Mobile Apps Design Patterns [Android]] {{access | date = 2017-03-18}}
* [https://ui.shadcn.com/ The Foundation for your Design System - shadcn/ui] {{access | date = 2025-10-08}}


Collection of snapshots
Collection of snapshots
Line 88: Line 112:
* [https://hungryowl.typepad.com/webdesign/ 網站設計大不易]
* [https://hungryowl.typepad.com/webdesign/ 網站設計大不易]


: [[Image:Owl icon.jpg]] [https://99percentinvisible.org/article/norman-doors-dont-know-whether-push-pull-blame-design/ Norman Doors: Don't Know Whether to Push or Pull? Blame Design. - 99% Invisible]
{{Tips}} [https://99percentinvisible.org/article/norman-doors-dont-know-whether-push-pull-blame-design/ Norman Doors: Don't Know Whether to Push or Pull? Blame Design. - 99% Invisible]


== off topic ==
== off topic ==
Line 99: Line 123:
{{Template:Build a website}}
{{Template:Build a website}}


[[Category:Design]]
[[Category: Design]]
[[Category: Revised with LLMs]]

Latest revision as of 12:06, 31 July 2026

I need inspiration for design purpose


Classification[edit]

Show cases / UI / APP design[edit]

  • 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 Browser chrome.png
    • 「一款 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[edit]

Seeking quality admin dashboard design examples for reference.

Animation effect[edit]

Awards[edit]

Which design is better?[edit]

Vote by the users.

Landing page[edit]

Presentation[edit]

Misc.[edit]

  • Checklist Design - A collection of the best design practices. 收集了最佳設計實踐 (design practice)，提供全面的收錄。該網站包括了各種設計清單，涵蓋了頁面、元素、流程、主題和品牌等方面，特別聚焦於登入頁面、部落格文章、定價、404錯誤等。 [Last visited: 2023-12-14]

Community[edit]

Subscribe the fan pages or community

Style guideline & UI patterns[edit]

Style guideline, Design guideline , Branding guidelines, Branding design guidelines

UI patterns

Collection of snapshots

Articles[edit]

Colors[edit]

相關文章: 挑選顏色

Examples of bad design[edit]

Owl icon.jpg Norman Doors: Don't Know Whether to Push or Pull? Blame Design. - 99% Invisible

off topic[edit]

reference

  1. ↑ Dribbble - About

Web site design and development process

Retrieved from "https://wiki.planetoid.info/index.php?title=I_need_inspiration&oldid=26417"