I need inspiration: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
m (Text replacement - "Category:WebDesign" to "Category:Design")
Tags: Mobile edit Mobile web edit
(21 intermediate revisions by the same user not shown)
Line 2: Line 2:




== competition / show cases ==
== Competition / show cases ==
Show cases
=== Show cases ===
* [http://dribbble.com/shots/popular 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>
* [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}}
* [http://www.webindexgallery.com/index.php CSS Galleries / Web Index Gallery]
* [http://www.webindexgallery.com/index.php CSS Galleries / Web Index Gallery]
* [http://www.100daysui.com/# 100 Days UI - FREEMIUM RESOURCES] {{access | date = 2016-01-19}}
* [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 在线作品集]
* [http://www.site.uplabs.com/ Web design and development, Daily – SiteUp] {{access | date = 2016-02-29}}
* [http://www.heyshow.com/gallery/ 設計畫廊 | 黑秀網 HeyShow.com] {{access | date = 2015-12-10}}
* [http://www.heyshow.com/gallery/ 設計畫廊 | 黑秀網 HeyShow.com] {{access | date = 2015-12-10}}
* [http://woofeng.cn/inspiration/web/ 黄蜂网woofeng.cn] {{access | date = 2016-09-02}}
* 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]


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}}


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}}


Follow the interests
=== Landing page ===
* [https://www.pinterest.com/ Pinterest: Discover and save creative ideas]
* [https://ryuki-design.jp/ 楽天市場のデザイン制作 リューキデザイン|東京・大阪・福岡]


Subscribe the facebook fan pages
=== Community ===
Subscribe the fan pages or community
* [https://www.facebook.com/designtongue 設計大舌頭]
* [https://www.facebook.com/designtongue 設計大舌頭]
* [https://www.facebook.com/fis.workshop/ 空白地區|Fi(Peng, Hsing Kai)]
* [https://www.facebook.com/fis.workshop/ 空白地區|Fi(Peng, Hsing Kai)]
Line 30: Line 35:
* [https://www.facebook.com/loveudfish/ 愛˙通用設計的小魚]
* [https://www.facebook.com/loveudfish/ 愛˙通用設計的小魚]
* [https://www.facebook.com/ConversionLab.co/ Conversion Lab]
* [https://www.facebook.com/ConversionLab.co/ Conversion Lab]
* [https://ello.co/discover Featured | Ello]


== articles ==
== Style guideline & UI patterns ==
Style guideline, Design guideline , Branding guidelines, Branding design guidelines
* {{Gd}} '''Collection''': [https://github.com/alexpate/awesome-design-systems alexpate/awesome-design-systems: 💅🏻 ⚒ A collection of awesome design systems]
* [https://playbook.cio.gov/designstandards/ U.S. Web Design Standards]
* Apple [https://developer.apple.com/ios/human-interface-guidelines/ iOS Human Interface Guidelines]
* [https://developers.google.com/web/fundamentals/resources/styleguide/ Visual Style Guide — Web Fundamentals]
* Google [https://material.google.com/ Material design guidelines]
* Salesforce [http://www.lightningdesignsystem.com/guidelines/overview/ Lightning Design System]
* [http://brand.uber.com/ Uber Brand Guide]
* [https://ant.design/ Ant Design - A UI Design Language] {{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}} [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://heydesign.systems/ Hey Design Systems!]
 
UI patterns
* [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}}
 
Collection of snapshots
* Follow the interests: [https://www.pinterest.com/ Pinterest: Discover and save creative ideas]
* [http://emptystat.es/ Empty States] examples {{access | date = 2016-06-06}}
 
== Articles ==
* [http://www.inspireux.com/ User Experience articles and quotes to inspire and connect the UX community | inspireUX]
* [http://www.inspireux.com/ User Experience articles and quotes to inspire and connect the UX community | inspireUX]
* [http://littlebigdetails.com/ Little Big Details]
* [http://littlebigdetails.com/ Little Big Details]
* [http://www.creativebloq.com/tag/inspiration Latest Inspiration articles | Tags | Creative Bloq]
* [http://www.creativebloq.com/tag/inspiration Latest Inspiration articles | Tags | Creative Bloq]
* [http://designmodo.com/ Designmodo - Web Design Blog and Shop]
* [http://designmodo.com/ Designmodo - Web Design Blog and Shop]
* [https://www.quora.com/Which-websites-should-a-Front-end-developer-look-up-to-for-inspiration Which websites should a Front-end developer look up to for inspiration? - Quora]


== colors ==
== Colors ==
* [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|挑選顏色]]
== 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 50: Line 89:
{{Template:Build a website}}
{{Template:Build a website}}


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

Revision as of 10:30, 16 May 2022

I need inspiration for design purpose


Competition / show cases

Show cases

Awards

Which design is better?

Vote by the users.

Landing page

Community

Subscribe the fan pages or community

Style guideline & UI patterns

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

UI patterns

Collection of snapshots

Articles

Colors

相關文章: 挑選顏色

Examples of bad design

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

off topic

reference


Web site design and development process