I need inspiration: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
(25 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
== | == Competition / show cases == | ||
* [ | Show cases | ||
* [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] | |||
* [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}} | |||
* [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://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 | |||
* [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. | * [http://www.awwwards.com/ Awwwards - Website Awards - Best Web Design Trends] {{access | date = 2016-02-29}} | ||
Which design is better? Vote by the users. | |||
* [http://desinion.com/ Desinion] {{access | date = 2016-02-29}} | |||
Subscribe the fan pages or community | |||
* [https://www.facebook.com/designtongue 設計大舌頭] | |||
* [https://www.facebook.com/fis.workshop/ 空白地區|Fi(Peng, Hsing Kai)] | |||
* [https://www.facebook.com/somekidding 聶永真 Aaron Nieh] | |||
* [https://www.facebook.com/wangzhihongstudio wangzhihong.com] 王志弘 | |||
* [https://www.facebook.com/ogdesign.tw 奧革設計] | |||
* [https://www.facebook.com/yenpochundesign/ 三頁文] | |||
* [https://www.facebook.com/loveudfish/ 愛˙通用設計的小魚] | |||
* [https://www.facebook.com/ConversionLab.co/ Conversion Lab] | |||
* [https://ello.co/discover Featured | Ello] | |||
== 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}} | |||
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 == | ||
* [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|挑選顏色]] | |||
== 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 == |
Revision as of 14:24, 1 March 2020
I need inspiration for design purpose
Competition / show cases
Show cases
- 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: 2018-07-05]
- 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
- offline 100 Days UI - FREEMIUM RESOURCES [Last visited: 2016-01-19] UI club
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]
Which design is better? Vote by the users.
- Desinion [Last visited: 2016-02-29]
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]
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
相關文章: 挑選顏色
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