I've made a google doc collection of 150 useful design and art resources! Whether youre just starting commissions or want to make your workflow more streamlined, I recommend checking it out
The full list is below the read more, but I suggest looking at the google doc as well sincce it will be updated more often.
This list was created by @MagicalMeily
I encourage you to share this list with other designers, artists, or even students via this tumblr post, the google doc, or my tweet. Links marked as ‘Free/Paid’ usually means the free version has a lot of features anyway and the paid just has some extra templates or storage space. *Disclaimer - I haven’t used all of these services myself, so please let me know if anything dodgy slipped through the cracks, or if you have any others I should add.
I do not support NFTs or AI Art generators, so hopefully you won’t find any listed. Always double check commercial usage rights
---------------------------------------------------------------------------
COMMISSION SETUP
Collection of designers rates - Graphic Design Rates Master Sheet
TOS Example, Free to use (by kawa_kunn) - Twitter / kawa-kun.art
Tiktok walkthrough of a commission TOS form - artofthecatt
Longer Video of commission TOS form - How to Create a Commission Form
Commission Advice (by AerlyaGraphics) - Aerlya Graphics
Merchandise/printing services (by @sunshinehoney6) - Merchandise Resources
COMMISSION TRACKERS/MANAGEMENT
(Free/Paid) Clients can see your progress - Trello
(Free/Paid) Single user or collaborative project tracker - Notion
(Free) General Commission Management - Commiss.io
TEAM DESIGN/COLLABORATION
(Free/Paid) - Zeplin
(Free/Paid) - Notion
(Free/Paid) - Figma
(Free for Individuals) - Box
(Paid) - Sketch
FILE SHARING
(Free) - Google Drive
(Free/Paid) - WeTransfer
(Free/Paid) - Jumpshare
(Free for individuals) - Box
(Free) - Blindsend
MOODBOARDS
Design Inspiration
Image search for inspiration - Muzli Search
Makes and automatically sets out moodboards - Visualist
DESIGN PROGRAMS
2d Animation (Free/Paid) - Cavalry
Graphics, Photo editing, Publishing (One -off payment) - Affinity
Graphics, Audio, Video (Free, Browser) - Artboard Studio
Graphics (Free) - Inkscape
Graphics/Layout (Free/Paid, Browser) - Canva
Graphics, Photo Editing (Free, Browser. Can open Adobe files) - Photopea
Vector making (Free, Browser) - Vectr
Vector making (Free, Browser) - Vector Ink
Wireframing (Free, Browser) - Moqups App
GENERAL HELPFUL TOOLS/PROGRAMS
Bulk file renamer - Bulk Rename Utility
Bulk image resizer - ImageResizer
File Converters - FreeConvert
Image Upscaler - Waifu2x
Floating view of reference images - PureRef
Timezone converter - World Time Buddy
Twitter image crop guide by @dripchirp - Twitter Crop Guide
Learning how to use the pen tool - The Bézier Game
PORTFOLIO HOSTING/WEBSITE MAKERS
Portfolio hosting (Free) - Foriio
Portfolio hosting (Free with Adobe Subscription) - Adobe Portfolio
Portfolio hosting (Paid) - Portfoliobox
Website builder (Free) - Carrd
Website builder (Free) - Google Sites
Website builder (Free) - Weebly
Website builder (Free) - Wix
Website builder (Paid) - Squarespace
Make a blog you can use as a folio - Tumblr
(Posts Selective Folios) - Bestfolios
(Posts Selective Folios) - PFolios
(Posts Selective Folios) - Pafolios
(Posts Selective showreels) - Showreelz
LINK AGGREGATORS
(Free) Linktree
(Free) Lnk.Bio
(Paid/Free) Later
(Free) Solo.to
(Free) Campsite.bio
DESIGN MARKETPLACES
BOOTH
Gumroad
Ko-fi Shop
COLOUR
Various colour palette tools - Adobe Color
Colour palette search and generator - Coolors
Colour palette generator - Color Space
Colour converter, make colour palettes - RGB.to
Displays big brands colour schemes - BrandColors
ACCESSIBILITY
General design accessibility tips - Lemonly Infographics
Font accessibility tips - UXdesign.cc
Accessible colour combination generator 1 - Accessible color palette builder
Accessible colour combination generator 2 - Color Safe
FONTS FOR DOWNLOAD
Google Fonts
Adobe Fonts
Pixel Surplus
Fontesk
Befonts
Behance
Gumroad
Free Japanese Fonts
BOOTH
TYPE TOOLS
Displays inputted text in fonts installed on your computer - Wordmark
Identifies fonts on a web page - Fonts Ninja
Typography Resources - Typewolf
Font Pairing Help - Fontjoy
Examples of fonts in context - Fonts In Use
Font Management - FontBase
MOCKUPS
Mockup World
Mr.Mockup
Unblast
ls.graphics
Anthonyboyd.graphics
Anagram Design
DesignHooks
Mockups-Design
STOCK PHOTOS/TEXTURES
Pexels
Unsplash
Barnimages
LostAndTaken
Freepik
Rawpixel
PATTERNS
Pattern Inspiration - Pattern Collection
Customisable Repeating SVG Patterns - Pattern Monster
Seamless background pattern maker - Patternico
Mesh Gradient Maker - Mesh Gradient
Make and print your own grids - Gridzzly.com
Downloadable Patterns - Subtle Patterns
ILLUSTRATION LIBRARIES
Toools Design
Irasutoya / いらすとや
Open Peeps
Humaaans
Open Doodles
ICON LIBRARIES
Paid/Free - Streamline Icons
Paid/Free - Flaticon
INSPIRATION GATHERING
abdz
Mindsparkle Mag
Behance
Dribbble
Muzli Search
100 Archive
Design Inspiration
BP&O
Pentagram
It's Nice That
DESIGN ADVICE/EXAMPLES/BLOGS/ ARTICLES
(Free) - World Brand Design Society
(Free) - AIGA Eye on Design
(Free) - Creative Boom
(Free) - The Design Team
(Paid) - UnderConsideration
LOGO/BRANDING DESIGN
Company logos categorised by letter/number/symbol etc - Logobook
Logo/Branding Examples - Logoed
PACKAGING DESIGN
Kawacolle
Packaging Design Archive
Packaging Of The World
WEB DESIGN
Siteinspire
Httpster
Lapa Ninja
Best Website Gallery
Dark Mode Design
Awwwards
Dribbble
(Wireframing) Moqups App
PUBLICATION/EDITORIAL DESIGN
Zine Creation Tips Masterpost - How to Organize a Zine 101
Editorial Design Examples 1 - Formagramma
Editorial Design Examples 2 - Pentagram
POSTER DESIGN
Typographic Poster Design Examples - Typographic posters
Poster Design Examples - Poster Poster
CHARACTER DESIGN
Character Design Library, Challenges, etc - Character Design References
Anime Settei/Reference Sheets - Settei Dreams
Historical Costume references - OSF Costume Rentals
V-DESIGNER/V-ARTIST
‘How to Design Your Own Vtuber Logo’ (by the-tragic-heroine) - The-tragic-heroine
Discover V-artists/V-designers - Heartist
V-Artist/V-designers Catalogue (Hiatus) - VTuber Catalog
Vtuber Resource Collection (by VTResources) - VTuber Resources
View badges/emotes will look like on Twitch - Twitch Elements
Resize badges/emotes to actual sizes - Twitch Emote Resizer
Vtuber based commission hub (beta) - VGen
PAYPAL ALTERNATIVES
Square
Stripe
Wise (previously TransferWise)
Kofi
Direct Bank Transfer
OTHER RESOURCE COLLECTIONS
Vtuber Resource Collection (by VTResources) - VTuber Resources
Designer Resources Collection - Design Resources
Merchandise/printing services (by sunshinehoney6) - Merchandise Resources
Typography Resources - Typewolf
297 notes
·
View notes
Resources For Freelance Web Designers
As a freelance web designer, you likely know that having the right resources can make all the difference. With countless tools and resources out there, it can be tricky to know which ones are worth investing in.
We’ve put together this list of our favorite resources for freelance web designers to help you get the most out of your work. Read on to learn about the best tools and platforms for web design professionals.
Websites for Freelancers
When you’re just starting out, it can be difficult to find clients or get your name out there. Fortunately, there are websites designed specifically to help freelancers connect with potential customers. Popular websites include:
Upwork
Freelancer
Fiverr
People Per Hour
Guru
These sites allow you to set up a profile and start looking for work immediately. You can search for jobs that match your skills, bid on projects, and even negotiate your rate with potential clients.
Inspiration and Education
As web designers, it is important that we continuously strive to improve our skills and stay up to date on the latest trends and technologies. Finding inspiration and learning new techniques can be daunting, but thankfully there are sites out there like:
Web Designer Depot
WebDesignerCst
MockupWorld
Smashing Magazine
Codrops
These websites offer tutorials, articles, and inspiration for web designers. They cover everything from graphic design and development to user interface and experience design. Reading these resources will give you valuable insight into the industry and help you stay ahead of the game.
Design Resources
When designing websites, it’s important to have access to the right tools and resources. Free and paid resources can help you create the perfect look for your website. Some of the most popular resources for web designers include:
Unsplash
Giphy
BrandColors
IcoMoon
FlatIcon
These resources provide high-quality images and icons, as well as inspiration for design. They make it easy for you to create a unique look for your website without having to start from scratch.
Coding Resources
As a web designer, you likely know the importance of coding skills. Fortunately, there are tons of free coding resources available to help you learn the basics and hone your skills. Some of the most popular coding resources include:
Codeacademy
FreeCodeCamp
W3Schools
CodePen
GitHub
These resources provide tutorials and helpful tips to get you started with coding. With a bit of practice, you can quickly become a pro at coding.
Themes and Frameworks
Using a theme or framework is often the best way to create a website quickly and easily. However, with so many options available, it can be overwhelming trying to decide which theme is right for you.
Popular themes and frameworks for web designers include:
Bootstrap
CSS3
HTML5
WordPress
jQuery UI
Using a theme or framework can save you time and effort when creating websites, as these tools provide a basic structure for you to build upon.
Conclusion
As you can see, there are countless resources out there for freelance web designers. Investing in the right tools and resources can help you streamline your workflow and produce high-quality results.
At Clean Visuals, we offer web design services that are tailored to meet your specific needs. Our experienced team of designers will create a unique website that is optimized for performance and user experience. With Clean Visuals, you can rest assured that we will deliver high-quality results. Check out our web design pricing for more information about our services. What skills do freelance web designers need? 1. Knowledge of coding languages such as HTML, CSS, JavaScript, PHP and MySQL
2. Knowledge of content management systems such as WordPress, Joomla and Drupal
3. Knowledge of responsive and mobile design principles
4. Knowledge of modern web design principles, such as designing for accessibility and usability
5. Experience using design software such as Adobe Creative Suite, Sketch, Figma and Photoshop
6. Understanding of typography, colour theory and linear algebra
7. Excellent problem solving and communication skills
8. Ability to work collaboratively with clients and other web professionals
9. Up-to-date knowledge of industry trends, web standards and best practices
10. Experience with web analytics and search engine optimization (SEO) Techniques. What are the advantages of hiring a freelance web designer? 1. Cost: Hiring a freelance web designer typically costs less than going through a web design agency. This is because you are working directly with the designer, eliminating the need for a middleman.
2. Flexibility: When you work with a freelance web designer, you have more control over the project timeline and can make changes as needed.
3. Quality: Freelance web designers are often very experienced and produce high quality work. By working one-on-one, they will be able to understand your specific needs and create a website that suits them precisely.
4. Accountability: When you work with an independent designer, they are able to be completely transparent with their process, and more accountable for results. This is because they are working in their own name, not a team of designers.
5. Communication: With a freelance web designer, you have direct access to the person who is actually working on your website. This makes it easier for you to communicate your needs and for the designer to give you updates and ask questions. What are the disadvantages of hiring a freelance web designer? 1. Limited Support: You won't have access to the same level of expertise and support as you would with a larger web design agency. If something is wrong with your website, your freelancer might have difficulty resolving the issue or responding quickly.
2. Lack of Resources: Freelancers do not have access to the same resources and technologies as a larger design firm, so your website might not be able to match the level of performance offered by more experienced agencies.
3. Varying Quality: If you choose to work with multiple freelancers, the quality of work you receive can vary widely, making it difficult to ensure a consistent look and feel across all areas of your website.
4. Inflexibility: It can be hard to find a freelancer who is willing to make changes to their designs if you need to modify something. Additionally, working with just one person can make it tough to make quick changes or respond to feedback quickly.
5. Communication Challenges: When working with a freelancer, you may experience more communication issues than if you hire a professional agency. Without a contact person to discuss your project with, and no in-person meetings, it can be difficult to stay on the same page throughout the design process.
0 notes