I need inspiration: Difference between revisions
Jump to navigation
Jump to search
| Line 14: | Line 14: | ||
* 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] | * 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] | ||
* [https://muz.li/ Muzli - Design inspiration hub] | * [https://muz.li/ Muzli - Design inspiration hub] | ||
* ''$'' [https://mobbin.com/ Mobbin — UI & UX design inspiration for mobile & web apps] | |||
=== Admin UI Design Showcase === | === Admin UI Design Showcase === | ||
Revision as of 14:42, 6 November 2025
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 🤖
- CSS Galleries / Web Index Gallery
- Behance 在线作品集: UI/UX projects on Behance [Last visited: 2016-06-20]
- Web design and development, Daily – SiteUp [Last visited: 2016-02-29]
- 設計畫廊 | 黑秀網 HeyShow.com [Last visited: 2015-12-10]
- 黄蜂网woofeng.cn [Last visited: 2016-09-02]
- tool: Panda 5 | News & Inspiration Dashboard on Chrome
- CodePen: Explore Pens tagged 'nav-bar' on CodePen or browse Chris Coyier's tagged pens on CodePen
- Muzli - Design inspiration hub
- $ Mobbin — UI & UX design inspiration for mobile & web apps
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
- 設計大舌頭
- 空白地區｜Fi（Peng, Hsing Kai）
- 聶永真 Aaron Nieh
- wangzhihong.com 王志弘
- 奧革設計
- 三頁文
- 愛˙通用設計的小魚
- Conversion Lab
- Featured | Ello
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
- User Experience articles and quotes to inspire and connect the UX community | inspireUX
- Little Big Details
- Latest Inspiration articles | Tags | Creative Bloq
- Designmodo - Web Design Blog and Shop
- Which websites should a Front-end developer look up to for inspiration? - Quora
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
- Hashtag #badeesign on Instagram 上的 #baddesign 主題標籤, #baddesign - Twitter 搜尋
- Hashtag #NormanDoor on Instagram 上的 #normandoor 主題標籤, #normandoor - Twitter Search
- The Uncomfortable - a collection of deliberately inconvenient objects
- User Inyerface - A worst-practice UI experiment
- 網站設計大不易
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