Mailto - HTML
In order to somehow dilute the design theme, let's look at another layout lesson today - a lot of time has passed since the previous post about CSS hover effects.…

Continue reading →

Top Web Design Articles, Downloads, and Inspiration
We continue the annual tradition and publish the most interesting notes for the "last season". Earlier in Design Mania, you could already see a similar article for 2017 and a…

Continue reading →

Self-creating a graphic logo - step by step instructions
In this informative post, I would like to consider all aspects of creating a company logo - the most important element of a modern identity / brand. The lesson will…

Continue reading →

Self-creating a graphic logo – step by step instructions

In this informative post, I would like to consider all aspects of creating a company logo – the most important element of a modern identity / brand. The lesson will be a great addition to the note on drawing logo in Illustrator and a selection of the best examples on the development of professional logos.

WHAT IS THE LOGO AND WHAT DOES IT NEED?
Whether you are a serious industrial company or a beginner blogger, you, as well as products of your activity (industrial or creative, respectively) must be identified. The best solution to this problem is the logo.

This graphic element gives uniqueness and recognition to your project. In addition, the logo is the basis of any brand, the corporate identity begins with it, it also symbolizes your signature, if not to say what constitutes the face of a particular person or an entire company.

LOGO TYPES
1. Character. They are based on a certain graphic symbol that has a unique reading, i.e. it does not have to be an obvious image, it can be abstract (of course, bearing at the same time a certain meaning).

Symbolic logos
2. Textual. They do not have graphics – only typography, hence the direct connection with the name. The inscription is made in an ordinary or more often original style, using one or a set of specific colors.

Text Logos
3. Combined. As the name implies, these logos combine both graphics and text. This view is considered the most advantageous, as it combines the advantages of both options.

Combined Logos
4. In the form of emblems. Unlike the previous method, where the text and the graphic symbol are as if torn from each other, in the logo-emblem they are part of a single whole (although in round logos it does not always happen).

Logos with emblem
Let’s continue with a further example on self-creating a company’s logo.

ALGORITHM FOR CREATING YOUR OWN LOGO
Suppose we have a small business selling smartphones and we need to implement a 3rd type logo (symbol + text) in order to increase recognition, start advertising the store in the media space, etc.

STEP 1. ANALYSIS
It’s worth starting not with a brainstorming, but with a market analysis. Having studied as many already finished works of this subject as possible, including your competitors, you:

firstly, you can determine the style and direction of your future logo;
secondly, exclude accidental repetition, imitation of an already famous brand.

STEP 2. DEFINITION OF TASKS
Decide what tasks the logo should solve, what you want to reflect in it, what features of your activity it will show itself (directly or figuratively) … In our current example, we want to show that our store sells only advanced devices whose quality does not cause doubt.

STEP 3. SKETCH
Based on the tasks, start visualizing your ideas in the form of sketches. Everything, I repeat, everything that comes to mind. Later, when the whole spectrum of ideas is before your eyes, you can determine your own priorities and continue to work exclusively on the most suitable sketches.

I’ll clarify that it’s not worth spending a lot of time carefully drawing each option at this stage, because in the end, it may be among the dropouts, which means that the time spent on it will be in vain.

STEP 4. DRAWING
In terms of expansion, of course, the logo should be vector, i.e. easily scalable. Unlike a raster image – vector can be increased many times without limit. The most common vector graphics editors are Corel Draw and Adobe Illustrator. But there are tools for vector graphics in Photoshop (in the end, it is allowed to import the resulting files into the above programs).

1. Decide on the shape of the logo. The most common arrangement of logo elements is horizontal (when the text is on the right), less commonly vertical (when the text is under the symbol). You should not be sophisticated and try to place elements in a non-standard way, in order to avoid an undesirable result.

2. Determined with the font. The main thing here is not at all uniqueness, as you might think, but its readability. Therefore, if you suddenly chose an intricate font for the inscription, making it difficult to read this text easily, then it is better to abandon it.

Depending on the direction of activity, the following are used:

Handwritten fonts (as if written by hand);
Decorative (similar to the previous, ornate, characterized by smooth, clear lines);
Serif fonts
Strict (sans serif);
Typewritten (resemble text typed).
In our case, we will choose a strict style that reflects modern minimalism. By the way, if you intend to use several fonts in the logo, then, firstly, they should not be more than two, and secondly, of course, they should be combined.

Mailto - HTML
In order to somehow dilute the design theme, let's look at another layout lesson today - a lot of time has passed since the previous post about CSS hover effects.…

...

Vertical text direction in web design - good use cases
Home »Web Design» Typography »Vertical Text Direction in Web Design - Good Use Cases Vertical text direction in web design - good use cases Ordinary standard and template web projects…

...

7 popular typography trends in website design
Typography is the style, layout and appearance of the printed letters / texts on the page. Currently, it has already become an integral element of web design. You will find…

...

Security in Firefox Browser
When working on the Internet, the highest priority should be to ensure the safety of users. Indeed, in the "global web" there is a huge number of fraudulent sites and…

...