⠀
*The following is a list of various design resources to aid you in your design journey. If you find any inaccuracies, broken links, outdated information, or other issues, feel free to let us know by opening a ticket in* <#860274761728393226>.
:brain: __**Educational Links**__
> :student: **[Skillshare](https://www.skillshare.com)** [ $ ]
> ➞ online courses (various)
>
> :student: **[Linkedin Learning](https://www.linkedin.com/learning)** [ $ ]
> ➞ online courses (various)
>
> :student: **[Coursera](https://www.coursera.org)** [ free / $ ]
> ➞ online courses (various)
>
> :student: **[Envato Tuts+](https://tutsplus.com)** [ free / $ ]
> ➞ online courses (various)
>
> :student: **[learnux.io](https://learnux.io)** [ free / $ ]
> ➞ UX courses
> :frame_photo: **[Photoshop Tutorials](https://helpx.adobe.com/photoshop/tutorials.html)** [ free ]
> ➞ official Photoshop tutorials on adobe.com
>
> <:pentool:876922160055205968> **[Illustrator Tutorials](https://helpx.adobe.com/illustrator/tutorials.html)** [ free ]
> ➞ official Illustrator tutorials on adobe.com
>
> :runner: **[After Effects Tutorials](https://helpx.adobe.com/after-effects/tutorials.html)** [ free ]
> ➞ official After Effects tutorials on adobe.com
> :globe_with_meridians: **[W3C Schools](https://www.w3schools.com)** [ free / $ ]
> ➞ tutorials and courses (web design/programming)
>
> :globe_with_meridians: **[MDN Web Docs](https://developer.mozilla.org/docs/Learn)** [ free ]
> ➞ tutorials and various web development resources
>
> :globe_with_meridians: **[The Modern JavaScript Tutorial](https://javascript.info)** [ free ]
> ➞ up-to-date JavaScript tutorials
>
> :globe_with_meridians: **[Learn Mobile Design](https://learnmobile.design)** [ free / $ ]
> ➞ curated list of educational mobile design resources
⠀
> :eye: **[First Principles of Interaction Design](https://asktog.com/atc/principles-of-interaction-design)**
> ➞ foundational guide for UI/UX
>
> :eye: **[Degreeless Design](https://www.degreeless.design)**
> ➞ curated list of educational UI/UX resources
> <:font:867230220629049384> **[Font Glossary](https://www.fontshop.com/glossary)**
> ➞ glossary of common font/type terminology
>
> <:font:867230220629049384> **[Practical Typography](https://practicaltypography.com)**
> ➞ a practical guide to typography
>
> <:font:867230220629049384> **[Web Typography](http://webtypography.net)**
> ➞ a guide to typography on the web
>
> <:font:867230220629049384> **[Thinking With Type](http://thinkingwithtype.com)**
> ➞ a comprehensive guide to typography
>
> <:font:867230220629049384> **[10 kerning tips for improving your typography](https://99designs.com/blog/tips/11-kerning-tips)**
> ➞ blog post of ten essential kerning tips
>
> <:font:867230220629049384> **[Kern Type Game](https://type.method.ac)**
> ➞ test your kerning skills
>
> <:font:867230220629049384> **[Shape Type Game](https://shape.method.ac)**
> ➞ practice shaping letters
⠀
> <:pentool:876922160055205968> **[The Bézier Game](https://bezier.method.ac)**
> ➞ learn to use the pen tool
>
> <:pentool:876922160055205968> **[The Boolean Game](https://boolean.method.ac)**
> ➞ practice boolean vector operations (pathfinder in Adobe Illustrator)
> :file_cabinet: **[HackDesign](https://hackdesign.org/lessons)**
> ➞ curated lists of design tutorials, helpful guides, and more (not all linked resources are free)
>
> :file_cabinet: **[Laurence King Design Archives](https://www.laurenceking.com/product-category/student/design-student)**
> ➞ curated sortable directory of books on design
⠀
> <:youtube:877015639334748230> **[The Futur](https://www.youtube.com/c/thefuturishere) / [The Futur Academy](https://www.youtube.com/c/TheFuturAcademy)**
> ➞ YouTube channel focused primarily on the business side of design
>
> <:youtube:877015639334748230> **[Texturelabs](https://www.youtube.com/c/Texturelabs)**
> ➞ YouTube channel focused on achieving various stylistic effects in Photoshop
>
> <:youtube:877015639334748230> **[Phlearn](https://www.youtube.com/c/phlearn)**
> ➞ YouTube channel focused on photo retouching in Photoshop
>
> <:youtube:877015639334748230> **[Bring Your Own Laptop](https://www.youtube.com/c/ByolAuAdobe)**
> ➞ YouTube channel with tutorials for various Adobe software
>
> <:youtube:877015639334748230> **[The Complete Beginner’s Guide To Adobe After Effects](https://youtube.com/playlist?list=PLYfCBK8IplO77FDDLnS06qEMoVLD7Qyib)**
> ➞ YouTube playlist of a free course for learning After Effects
>
> <:youtube:877015639334748230> **[Blender Guru](https://www.youtube.com/user/AndrewPPrice)**
> ➞ YouTube channel with tutorials for 3D modeling in Blender; good for beginners
>
> <:youtube:877015639334748230> **[Design With Dan](https://www.youtube.com/c/DESIGNWITHDAN)**
> ➞ YouTube channel from our friend and fellow GD member, Dan Beltran, covering various design topics
⠀
⠀
<:download:876955909941755954> **__Software / Utilities__**
> :gem: **[Adobe Creative Cloud](https://www.adobe.com/creativecloud.html)** [ $ ] <:windows:875631752343859211> <:macos:875632211158794290> :mobile_phone:
> ➞ the de-facto standard in professional creative software
> ➞ [available at lower rates for students](https://www.adobe.com/creativecloud/buy/students.html)
> ➞ mobile versions available for certain software
>
> :gem: **[Affinity Software](https://affinity.serif.com)** [ $ ] <:windows:875631752343859211> <:macos:875632211158794290>
> ➞ premium software offered at a budget price point; a good starting point for new designers
> ➞ respectable alternative to some of Adobe's products
> ➞ [ Photo, Designer, Publisher ] ⇄ [ Photoshop, Illustrator, InDesign ]
> ➞ iPad versions available for Photo and Designer
>
> :frame_photo: **[GIMP](https://www.gimp.org)** [ free ] <:windows:875631752343859211> <:macos:875632211158794290> <:linux:875631834510278687>
> ➞ open source photo editing software
> ➞ alternative to Adobe Photoshop
>
> <:pentool:876922160055205968> **[Inkscape](https://inkscape.org)** [ free ] <:windows:875631752343859211> <:macos:875632211158794290> <:linux:875631834510278687>
> ➞ open source vector editing software
> ➞ alternative to Adobe Illustrator
>
> :eye: **[Sketch](https://www.sketch.com)** [ $ ] <:macos:875632211158794290> :globe_with_meridians:
> ➞ UI design / prototyping tool for Macs
> ➞ also available as a web app
>
> :paintbrush: **[Krita](https://krita.org)** [ free ] <:windows:875631752343859211> <:macos:875632211158794290> <:linux:875631834510278687>
> ➞ open source digital painting software
>
> :paintbrush: **[Corel Painter](https://www.painterartist.com)** [ $ ] <:macos:875632211158794290> <:windows:875631752343859211>
> ➞ professional digital painting software
>
> :paintbrush: **[PaintTool SAI](https://www.systemax.jp/en/sai)** [ $ ] <:windows:875631752343859211>
> ➞ lightweight digital painting software
>
> <:3D:876565613412253768> **[Cinema 4D](https://www.maxon.net)** [ $ ] <:windows:875631752343859211> <:macos:875632211158794290> <:linux:875631834510278687>
> ➞ professional 3D software suite
>
> <:3D:876565613412253768> **[Autodesk Maya](https://www.autodesk.com/products/maya) / [3DS Max](https://www.autodesk.com/products/3ds-max/)** [ $ ] <:windows:875631752343859211> <:macos:875632211158794290> <:linux:875631834510278687>
> ➞ professional 3D software
>
> <:3D:876565613412253768> **[Blender](https://www.blender.org)** [ free ] <:windows:875631752343859211> <:macos:875632211158794290> <:linux:875631834510278687>
> ➞ open source 3D software
> ➞ includes 2D/3D animation capability
>
> :space_invader: **[Pro Motion NG](https://www.cosmigo.com)** [ $ ] <:windows:875631752343859211>
> ➞ professional pixel art software
>
> :space_invader: **[Aseprite](https://www.aseprite.org)** [ $ ] <:windows:875631752343859211> <:macos:875632211158794290> <:linux:875631834510278687>
> ➞ pixel art software designed for ease of use
>
> :musical_keyboard: **[Pro Tools](https://www.avid.com/pro-tools)** [ $ ] <:windows:875631752343859211> <:macos:875632211158794290>
> ➞ professional DAW (digital audio workstation)
> ➞ available at lower rates for students and teachers
>
> :musical_keyboard: **[FL Studio](https://www.image-line.com)** [ $ ] <:windows:875631752343859211> <:macos:875632211158794290> :mobile_phone:
> ➞ multiplatform DAW
>
> :musical_keyboard: **[Logic Pro](https://www.apple.com/logic-pro)** [ $ ] <:macos:875632211158794290>
> ➞ professional DAW by Apple
>
> :musical_keyboard: **[Cakewalk](http://www.cakewalk.com)** [ free ] <:windows:875631752343859211>
> ➞ free DAW for Windows
>
> <:font:867230220629049384> **[FontBase](https://fontba.se)** [ free / $ ] <:windows:875631752343859211> <:macos:875632211158794290> <:linux:875631834510278687>
> ➞ multiplatform font manager
>
> <:font:867230220629049384> **[RightFont](https://rightfontapp.com)** [ $ ] <:macos:875632211158794290>
> ➞ font manager for Macs (soon available on Windows)
>
> :red_circle: **[ScreenToGif](https://www.screentogif.com)** [ free ] <:windows:875631752343859211>
> ➞ lightweight and powerful open source screen recording tool
> :globe_with_meridians: **[Vivaldi](https://vivaldi.com)** [ free ] <:windows:875631752343859211> <:macos:875632211158794290> <:linux:875631834510278687> :mobile_phone:
> ➞ privacy-focused chrome-based web browser for power users
> ➞ includes advanced tab organization options, web side panels, image properties tool, and more
>
> <:colorwheel:852376058015383573> **[Colorzilla](https://www.colorzilla.com)** [ free ] :computer:
> ➞ color picker browser extension (Chrome, Firefox)
> ➞ built-in CSS gradient generator
> :loudspeaker: **[Various Alternatives to Adobe Software](https://twitter.com/XdanielArt/status/1259859435607994370)**
> ➞ Infographic list of alternatives to Adobe software (paid and free)
>
> :loudspeaker: **[Design Tool Database](https://uxtools.co/tools/design)**
> ➞ Comparison of UI, prototyping, and other tools
⠀
⠀
:globe_with_meridians: **__Web Apps__**
> :computer: **[Figma](https://www.figma.com)** [ free / $ ]
> ➞ UI design / prototyping tool
>
> :computer: :mobile_phone: **[Trello](https://trello.com)** [ free / $ ]
> ➞ productivity / project management / collaboration tool
>
> :computer: :mobile_phone: **[Notion](https://www.notion.so)** [ free / $ ]
> ➞ productivity / project management / collaboration tool
>
> :computer: **[Photopea](https://www.photopea.com)** [ free / $ ]
> ➞ clone of Photoshop mimicking many of its features
>
> :computer: **[Method Draw](https://editor.method.ac)** [ free ]
> ➞ simple vector editor
⠀
⠀
:gem: **__Assets__**
*All sites listed offer assets that are available for commercial use, many freely available and under CC0 Creative Commons licence. **Always** be sure to check licensing information before using assets in any work you publish, especially for commercial use.*
> :frame_photo: **[Unsplash](https://unsplash.com)** [ free ]
> ➞ stock photography
>
> :frame_photo: **[Pexels](https://www.pexels.com)** [ free ]
> ➞ stock photography
>
> :frame_photo: **[Negative Space](https://negativespace.co)** [ free ]
> ➞ stock photography
>
> :frame_photo: **[ISO Republic](https://isorepublic.com)** [ free ]
> ➞ stock photography / video
>
> :frame_photo: **[StockSnap](https://stocksnap.io)** [ free ]
> ➞ stock photography
>
> :frame_photo: **[Life of Pix](https://www.lifeofpix.com)** [ free / $ ]
> ➞ stock photography
>
> :frame_photo: **[Pxfuel](https://www.pxfuel.com)** [ free ]
> ➞ stock photography
> :frame_photo: **[EveryPixel](https://www.everypixel.com)** [ free ]
> ➞ AI-powered search aggregator for stock photography / graphics
>
> :frame_photo: **[Image Finder](https://imagefinder.co)** [ free ]
> ➞ stock photography aggregator
>
> :frame_photo: **[Stock Up](https://stockup.sitebuilderreport.com)** [ free ]
> ➞ stock photography aggregator
>
> :frame_photo: **[LibreStock](https://librestock.com)** [ free ]
> ➞ stock photography aggregator
⠀
> :film_frames: **[Life of Vids](https://www.lifeofvids.com)** [ free / $ ]
> ➞ stock video footage
>
> :film_frames: **[Mixkit](https://mixkit.co)** [ free ]
> ➞ stock video/music / sound effects
>
> :film_frames: **[Coverr](https://coverr.co)** [ free ]
> ➞ stock video footage
> :card_box: **[Envato Elements](https://envato.com)** [ $ ]
> ➞ huge collection of design assets; subscription based
>
> :card_box: **[Stocksy](https://www.stocksy.com)** [ $ ]
> ➞ stock photography / video
>
> :card_box: **[Free Nature Stock](https://freenaturestock.com)** [ free ]
> ➞ nature stock photography / video
>
> :card_box: **[Reshot](https://www.reshot.com)** [ free ]
> ➞ stock photography / illustrations / icons
>
> :card_box: **[Pixabay](https://pixabay.com)** [ free ]
> ➞ stock photography / video / vectors
>
> :card_box: **[Vecteezy](https://www.vecteezy.com)** [ free / $ ]
> ➞ stock photography / video / vectors
>
> :card_box: **[Textures.com](https://www.textures.com)** [ free / $ ]
> ➞ high quality textures
>
> :card_box: **[Craftwork](https://craftwork.design)** [ free / $ ]
> ➞ mock-ups, interface assets
>
> :card_box: **[GraphicBurger](https://graphicburger.com)** [ free / $ ]
> ➞ mock-ups, UI kits, icons, vectors
>
> :card_box: **[Smartmockups](https://smartmockups.com)** [ free / $ ]
> ➞ mock-ups
>
> :card_box: **[Freepik](https://www.freepik.com)** [ free / $ ]
> ➞ stock photography, mock-ups, vectors
>
> :card_box: **[Mr. Mockup](https://mrmockup.com)** [ free / $ ]
> ➞ mock-ups
>
> :card_box: **[Mockupworld](https://www.mockupworld.co)** [ free ]
> ➞ mock-up aggregator
>
> :card_box: **[Mockups-Design](https://mockups-design.com)** [ free ]
> ➞ mock-up aggregator
>
> :card_box: **[Malli.graphics](https://malli.graphics)** [ free ]
> ➞ curated mock-up aggregator
>
> :card_box: **[Pixel Buddha](https://pixelbuddha.net)** [ free / $ ]
> ➞ various design assets
>
> :card_box: **[Creative Market](https://creativemarket.com)** [ $ ]
> ➞ various design assets
>
> :card_box: **[Freebiesbug](https://freebiesbug.com)** [ free ]
> ➞ directory of free design assets
>
> :card_box: **[Spoon Graphics Freebies](https://blog.spoongraphics.co.uk/category/freebies)** [ free ]
> ➞ textures, brushes, Photoshop actions, and more
⠀
> ▞ **[Open Doodles](https://www.opendoodles.com)** [ free ]
> ➞ open source hand-drawn illustration library
>
> ▞ **[Open Peeps](https://www.openpeeps.com)** [ free ]
> ➞ customizable open source hand-drawn illustration library
>
> ▞ **[Iconfinder](https://www.iconfinder.com)** [ free / $ ]
> ➞ icons / illustrations
>
> ▞ **[Feather Icons](https://feathericons.com)** [ free ]
> ➞ open source UI icons
>
> ▞ **[unDraw](https://undraw.co)** [ free ]
> ➞ open-source color-customizable illustrations
>
> ▞ **[BrandEPS](https://brandeps.com)** [ free ]
> ➞ brand logos/vector icons
>
> ▞ **[Subtle Patterns](https://www.toptal.com/designers/subtlepatterns)** [ free ]
> ➞ tilable patterns for the web
⠀
⠀
<:typography:876710152789708800> **__Typography__**
> <:font:867230220629049384> **[Google Fonts](https://fonts.google.com)** [ free ]
> ➞ open source font collection
>
> <:font:867230220629049384> **[Fontshare](https://www.fontshare.com)** [ free ]
> ➞ high quality free fonts by the Indian Type Foundry
>
> <:font:867230220629049384> **[Adobe Fonts](https://fonts.adobe.com)** [ free w/ Adobe CC]
> ➞ directory of fonts available through Adobe
>
> <:font:867230220629049384> **[MyFonts](https://www.myfonts.com)** [ $ ]
> ➞ marketplace including fonts from major foundries
>
> <:font:867230220629049384> **[Hoefler&Co.](https://www.typography.com)** [ $ ]
> ➞ popular type foundry
>
> <:font:867230220629049384> **[Fontspring](https://www.fontspring.com)** [ $ ]
> ➞ marketplace including fonts from major foundries
>
> <:font:867230220629049384> **[Lost Type](http://www.losttype.com)** [ $ ]
> ➞ pay-what-you-want collaborative type foundry
>
> <:font:867230220629049384> **[Font Squirrel](https://www.fontsquirrel.com)** [ free ]
> ➞ royalty-free font collection
>
> <:font:867230220629049384> **[Befonts](https://befonts.com)** [ free ]
> ➞ royalty-free font collection
⠀
> <:typography:876710152789708800> **[Fonts In Use](https://fontsinuse.com)**
> ➞ archive of typography
>
> <:typography:876710152789708800> **[Type Wolf](https://www.typewolf.com)**
> ➞ archive of typography
> :abcd: **[Fontjoy](https://fontjoy.com)**
> ➞ font pairing tool
>
> :abcd: **[fontpair](https://www.fontpair.co)**
> ➞ font pairing tool
>
> :abcd: **[Modular Scale](https://www.modularscale.com)**
> ➞ tool for optimally scaling type for the web
>
> :abcd: **[Type Scale](https://type-scale.com)**
> ➞ tool for optimally scaling type for the web
>
> :abcd: **[archetype](https://archetypeapp.com)**
> ➞ test-drive font pairing and scaling
:mag_right: **__Font Identification__**
> <:font:867230220629049384> **[What the Font](http://whatthefont.com)** [ free ]
> ➞ font identification provided by myfonts.com
>
> <:font:867230220629049384> **[What Font Is](https://www.whatfontis.com)** [ free / $ ]
> ➞ font identification, optional pro membership
>
> <:font:867230220629049384> **[Fontspring Matcherator](https://www.fontspring.com/matcherator)** [ free ]
> ➞ font identification provided by Fontspring
>
> <:font:867230220629049384> **[Font in Logo](https://www.fontinlogo.com)** [ free ]
> ➞ identify fonts used in popular logos
⠀
⠀
<:colorwheel:852376058015383573> **__Color__**
> :red_circle: **[What is Color Theory?](https://www.interaction-design.org/literature/topics/color-theory)**
> ➞ a guide for for designers
>
> :orange_circle: **[Coolors](https://coolors.co)**
> ➞ color palette generator
>
> :yellow_circle: **[Adobe Color](https://color.adobe.com)**
> ➞ color palette tool
>
> :green_circle: **[ColorSpace](https://mycolor.space)**
> ➞ color palette generator and color gradient tool
>
> :blue_circle: **[Hex Naw](https://hexnaw.com)**
> ➞ color accessibility tool
>
> :purple_circle: **[Eva Design System](https://colors.eva.design)**
> ➞ deep learning UI color generator
⠀
⠀
:link: **Share Your Work**
> :gem: **[Behance](https://www.behance.net)** [ free ]
> ➞ social platform for sharing creative work
>
> :gem: **[Dribble](https://dribbble.com)** [ free / $ ]
> ➞ social platform for sharing creative work
>
> :gem: **[ArtStation](https://www.artstation.com)** [ free / $ ]
> ➞ social platform for sharing creative work
> ➞ includes portfolio, website builder, marketplace, learning resources
> :globe_with_meridians: **[Adobe Portfolio](https://portfolio.adobe.com)** [ free w/ Adobe CC ]
> ➞ site builder for creative work portfolios
>
> :globe_with_meridians: **[Squarespace](https://www.squarespace.com)** [ $ ]
> ➞ CMS (content management system) with beginner-friendly site builder
>
> :globe_with_meridians: **[Wix](https://www.wix.com)** [ free / $ ]
> ➞ CMS with beginner-friendly site builder
>
> :globe_with_meridians: **[WordPress](https://wordpress.com)** [ free / $ ]
> ➞ longstanding CMS with high degree of customizability and legacy support
>
> :globe_with_meridians: **[Webflow](https://webflow.com)** [ $ ]
> ➞ CMS with high degree of customizability
>
> :globe_with_meridians: **[Cargo Collective](https://cargo.site)** [ $ ]
> ➞ website creation catered to designers
⠀
⠀
:diamond_shape_with_a_dot_inside: **__Miscellaneous__**
> :small_blue_diamond: **[Blue Vertigo](https://www.bluevertigo.com.ar)**
> ➞ directory of various design resources
>
> :small_blue_diamond: **[Design Resources](https://www.designresourc.es)**
> ➞ directory of various design resources
>
> :small_blue_diamond: **[Shortcuts.design](https://shortcuts.design)**
> ➞ Searchable index of shortcuts for popular creative software
>
> :small_blue_diamond: **[Sharpen](https://sharpen.design)**
> ➞ randomized design prompts
>
> :small_blue_diamond: **[Design Contract](https://www.docracy.com/0h7c0pne2h5/commissioned-graphic-design-project)**
> ➞ pre-made contract for designers
>
> :small_blue_diamond: **[Checklist Design](https://www.checklist.design)**
> ➞ collection of best design practices
>
> :small_blue_diamond: **[Design Tools Database](https://uxtools.co/tools/design)**
> ➞ comparison of UI, prototyping, and other tools
>
> :small_blue_diamond: **[Are.na / Evan Collins](https://www.are.na/evan-collins-1522646491)**
> ➞ extensive collection of various design trends from the 80s to present-day
>
> :small_blue_diamond: **[TinyPNG](https://tinypng.com)**
> ➞ Optimize your PNGs and JPEGs for the web
⠀
⠀
*This collection of resources was compiled by <@701079067012759632> with help from too many people to list.
If you found this list helpful, we encourage you to direct anyone you know interested in art and design to our server. We try our best to foster positive educational experiences, and we welcome professionals and beginners alike. Happy designing!* <:GD:806666624920584222>
⠀