I need inspiration

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." [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

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

• Deck.Gallery 是一個專門為設計師、創業者和市場行銷人員提供簡報設計靈感的平台。 由產品設計師 Muharrem 創建，這個平台讓你可以欣賞到來自全球的精彩設計，也歡迎你提交自己的作品，與大家分享你的創意。 如果你需要專業的設計服務，Deck.Gallery… | Instagram

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]

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
• 網站設計大不易

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

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