I need inspiration: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
 
(14 intermediate revisions by the same user not shown)
Line 2: Line 2:




== Competition / show cases ==
== Classification ==
Show cases
=== Show cases / UI / APP design ===
* [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 = 2018-07-05}}
* [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 🤖
* [http://www.webindexgallery.com/index.php CSS Galleries / Web Index Gallery]
* [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}}
Line 13: Line 14:
* ''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]
* ''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]


Awards
=== Awards ===
* [http://www.csswinner.com/ CSS Winner - Website Awards - CSS Award Gallery for Web Design Inspiration]
* [http://www.csswinner.com/ CSS Winner - Website Awards - CSS Award Gallery for Web Design Inspiration]
* [http://www.cssdesignawards.com/ Website Awards | CSS Awards | Best Websites In The World - CSSDA]
* [http://www.cssdesignawards.com/ Website Awards | CSS Awards | Best Websites In The World - CSSDA]
* [http://www.awwwards.com/ Awwwards - Website Awards - Best Web Design Trends] {{access | date = 2016-02-29}}
* [http://www.awwwards.com/ Awwwards - Website Awards - Best Web Design Trends] {{access | date = 2016-02-29}}
* [https://www.cssdesignawards.com/ CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS Awards]


Which design is better? Vote by the users.
=== Which design is better? ===
Vote by the users.
* [http://desinion.com/ Desinion] {{access | date = 2016-02-29}}
* [http://desinion.com/ Desinion] {{access | date = 2016-02-29}}


=== Landing page ===
* [https://ryuki-design.jp/ 楽天市場のデザイン制作 リューキデザイン｜東京・大阪・福岡]
=== Presentation ===
* [https://www.instagram.com/p/C0g2P5hRe4B/?igshid=ODhhZWM5NmIwOQ%3D%3D Deck.Gallery 是一個專門為設計師、創業者和市場行銷人員提供簡報設計靈感的平台。 由產品設計師 Muharrem 創建，這個平台讓你可以欣賞到來自全球的精彩設計，也歡迎你提交自己的作品，與大家分享你的創意。 如果你需要專業的設計服務，Deck.Gallery… | Instagram]
=== Misc. ===
* [https://www.checklist.design/ Checklist Design - A collection of the best design practices.] 收集了最佳設計實踐 (design practice)，提供全面的收錄。該網站包括了各種設計清單，涵蓋了頁面、元素、流程、主題和品牌等方面，特別聚焦於登入頁面、部落格文章、定價、404錯誤等。 {{access | date = 2023-12-14}}
== Community ==
Subscribe the fan pages or community
Subscribe the fan pages or community
* [https://www.facebook.com/designtongue 設計大舌頭]
* [https://www.facebook.com/designtongue 設計大舌頭]
Line 43: Line 56:
* [https://ant.design/ Ant Design - A UI Design Language] {{access | date =2017-05-23}}
* [https://ant.design/ Ant Design - A UI Design Language] {{access | date =2017-05-23}}
* [https://atlassian.design/ Atlassian Design] {{access | date =2017-05-23}}
* [https://atlassian.design/ Atlassian Design] {{access | date =2017-05-23}}
* [http://design.iing.tw/ 點亮台灣・設計規範 Web Design Guideline] 「點亮台灣 — 蔡英文・陳建仁總統候選人競選官網所制訂的網站設計規範」{{access | date =2017-03-02}}
* [http://design.iing.tw/ 點亮台灣・設計規範 Web Design Guideline] 「點亮台灣 — 蔡英文・陳建仁總統候選人競選官網所制訂的網站設計規範」{{access | date =2017-03-02}} [https://web.archive.org/web/20190718224305/http://design.iing.tw/ 網頁備份]
* [https://codepen.io/frank890417/pen/YGKVrj Project2-Brand Guideline] {{access | date =2018-06-04}}
* [https://codepen.io/frank890417/pen/YGKVrj Project2-Brand Guideline] {{access | date =2018-06-04}}
 
* [https://heydesign.systems/ Hey Design Systems!]
* [https://tiponet.tipo.gov.tw/TIPO_UIUX/ 設計規範書 Design Guideline · GitBook]


UI patterns
UI patterns
Line 65: Line 79:
* [https://coolors.co/ Coolors - The super fast color schemes generator!] Press {{kbd | key=space}} to generate the new color set
* [https://coolors.co/ Coolors - The super fast color schemes generator!] Press {{kbd | key=space}} to generate the new color set
相關文章: [[CSS_tools#.E6.8C.91.E9.81.B8.E9.A1.8F.E8.89.B2|挑選顏色]]
相關文章: [[CSS_tools#.E6.8C.91.E9.81.B8.E9.A1.8F.E8.89.B2|挑選顏色]]
* Pantone [https://www.pantone.com/hk/tc/color-of-the-year-2022 彩通亞太區 | Pantone Color of the Year 2022 / 介紹] {{access | date=2022-07-14}}
== Examples of bad design ==
* Hashtag #badeesign on [https://www.instagram.com/explore/tags/baddesign/ Instagram 上的 #baddesign 主題標籤], [https://twitter.com/hashtag/baddesign #baddesign - Twitter 搜尋]
* Hashtag #NormanDoor on [https://www.instagram.com/explore/tags/normandoor/ Instagram 上的 #normandoor 主題標籤], [https://twitter.com/hashtag/normandoor #normandoor - Twitter Search]
* [https://www.theuncomfortable.com/ The Uncomfortable - a collection of deliberately inconvenient objects]
* [https://userinyerface.com/ User Inyerface - A worst-practice UI experiment]
* [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]


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


[[Category:WebDesign]]
[[Category:Design]]

Latest revision as of 15:03, 1 April 2024

I need inspiration for design purpose


Classification[edit]

Show cases / UI / APP design[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]

  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=24613"