User Tools

Site Tools


design:design_resources

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
design:design_resources [2020/12/15 11:06] 10.91.120.28design:design_resources [2021/06/25 10:09] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +====== Design Resources ======
 +
 +===== Design Software =====
 +  * [[https://www.figma.com/|Figma - Prototype/Mockup Creation Tool]]
 +  * [[https://www.adobe.com/ie/products/xd.html?promoid=PYPVQ3HN&mv=other|Adobe XD - Prototype/Mockup Creation Tool]]
 +  * [[https://balsamiq.com/wireframes/|Balsamiq - Wireframe Creation Tool]]
 +  * [[https://www.canva.com/|Canva - Easy tool for posters/flyers etc.]]
 +
 +===== Graphics & Stock Images =====
 +
 +  * [[https://mystock.themeisle.com/|My Stock Photos - stock photos]]
 +  * [[https://unsplash.com/|Unsplash]]
 +
 +===== Design Framework Documentation =====
 +
 +  * [[https://fontawesome.com/cheatsheet?from=io|Font Awesome Icon Cheat Sheet]]
 +  * [[https://ionicframework.com/docs/api/button|Ionic Framework Documentation]]
 +  * [[https://getbootstrap.com/docs/4.5/components/buttons/|Bootstrap Documentation]]
 +  * [[https://semantic-ui.com/elements/button.html|Semantic UI Documentation]]
 +  * [[https://ashish-chopra.github.io/angular-gauge/|Angular Gauge Library]]
 +  * [[https://css.gg/app|CSS Icon Library]]
 +  * [[https://material.io/design/introduction|Material Design Documentation]]
 +
 +===== Placeholder Content =====
 +
 +  * [[https://meettheipsums.com/|Lorem Ipsum Text]]
 +  * [[https://picsum.photos/|Lorem Picsum (Lorem Ipsum for pictures)]]
 +
 +===== CSS =====
 +
 +  * [[https://www.webfx.com/web-design/hex-to-rgb/|Hex To RGB Color Converter]]
 +  * [[https://pinetools.com/darken-color|Darken Color (allows you to generate a darker color for hover etc.)]]
 +  * [[https://webaim.org/resources/contrastchecker/|Web Aim Color Contrast Checker]]
 +
 +===== Design Training =====
 +
 +  * [[https://youtu.be/68w2VwalD5w|Free Adobe XD Tutorial]]
 +  * [[https://youtu.be/DF4P0cjStkM|Free Adobe Illustrator Advanced Tutorial Course]]
 +  * [[https://youtu.be/NNkGiab2dWU|Free Adobe Photoshop Course for Beginners]]
 +
 +===== Design Blogs =====
 +
 +  * [[https://www.nngroup.com/|NNGroup.com]]
 +  * [[https://uxdesign.cc/|UX Collective]]
 +  * [[https://www.creativebloq.com/|Creative Bloq]]