How to start work with web design: tools and resources

Web design is the artistic construction of the visual part of the site. Pages, their structures, forms, etc. It includes every aspect of the appearance and functionality of the website and requires the implementation of the principles of visual design and accounting of users. Thus, the web designer creates a design that will be visually appealing and at the same time convenient to use by the user.

Web development is the process of creating the site itself. This process includes programming (writing code and scripts) and page layout for future web design and informational content. The developer must have the experience and programming skills to make the basis of the site in order for the web designer to have a platform to work with.

WEB DESIGN TOOLS

Sketches and drawing tools:

As with any type of design, web design begins with a sketch (idea). You can draw it on paper or use a graphics tablet.

Tablet: if you like digital inventions, you can use a graphics tablet to sketch your design ideas on it. They can install Adobe Photoshop and Illustrator, and this will help you quickly create a digital sketch.

Pencil + Notebook: The traditional method of sketching by hand, and this is a good and easy way.

Typography:

It is very important to choose the right type for your website design idea. And no one will give you good advice about it, except for yourself! Because it depends on your personal "tastes" and "visions". Here are a few resources to find the best type for your web design project.

Google Fonts is one of the first places to look for fonts. There they are free, and you can easily transfer them to Blogger, WordPress or Squarespace.

COLORS:

You can spend hours creating color palettes, exploring how colors interact with each other - it's simple and so beautiful! But choosing from a color palette can be difficult, at first. Over time, you will begin to quickly create the perfect color palette for your projects. Here are some resources that can help you.

coolors.co is a beautiful, simple and easy interface for quickly creating color palettes.

color.adobe.com - Adobe palette. The cooler has a lot of additional features if you want to mix and match colors and create your own palettes. They also have a huge library of pre-made color palettes for your inspiration.

INSPIRATION:

And in conclusion, we recall that nothing can begin without inspiration! We all must first "light up a good idea," but do not imitate the work of other designers. Remember that you are unique and the world should see exactly your design ideas!

dribbble.com is a good place to look for ideas for web design. Many designers leave their work on this platform, and it will strongly motivate you to create your own designs and join this company of like-minded people. There you can interact and share feedback, it will give you the opportunity to create your own small support communities that can be useful to other designers.

I'm a content manager of a few sites, I specialize in 3D modeling, Ps editing, and web-design.