Typography for web
There are many books and articles on typography, but only some of them reveal the choice and combination of fonts. Due to the emerging opportunities and prospects for free use…

Continue reading →

What is Icon Fonts? Meet with FontAwesome and IcoMoon
Here I will demonstrate the excellent solutions that can be achieved using Icon Fonts, but let's first get acquainted with the very concept of font icons, as well as the…

Continue reading →

The difference between UI and UX: a practical example
Today there will be a guest post on the topic of UX and UI interfaces on the example of working with the Icons8 service. I know what you are thinking:…

Continue reading →

How to become not just good, but the best system administrator
Many system administrators complain of low income, monotonous work, lack of prospects. These are not beginners, but experienced specialists - it means that it’s not only knowledge and skills. The…

...

Trends of web design. Part 2

I continue to translate an article about web design trends 2009. The first 5 new fashion trends look like this:

Printed letters
Advanced User Interfaces
PNG transparency
Huge typography
Font replacement
Well, let’s continue … At the same time, you can read about trends and trends in the logo of the development that are now popular.

6. MODAL WINDOWS
Modal (dialog) windows are, in fact, the second generation of pop-ups. They are used as user-friendly alternatives to classic JavaScript windows and help to focus user attention on the most important points of the website. Modal windows always react to user actions (logging into and out of the system) and appear on top of the main content, just like a window in regular desktop applications. Modal windows often work quite delicately (subtle, if I may say so) – often translucent and have a “close” button.
7. MEDIA BLOCKS
With the development of technology and speed of Internet access, users can now afford to browse more than a few years ago. Designers (developers) can use this feature to present content in a more attractive and memorable way. Not surprisingly, many sites contain media blocks (video or screencasts) for these purposes. The main advantage of such blocks is that they can present information to the user quickly and efficiently for better perception.

Users just need to sit back and enjoy the video; they will get explanations step by step, without having to click, search for a description and learn navigation. Videos, as a rule, are rather short and contain the main essence; Most of them are formal, but they can also be entertaining.

But please ensure that the video has an alternative presentation as plain text content on the site. Not every user has a dedicated access to the world wide web, not everyone wants to watch a video or not every user has Flash and JavaScript installed.

8. MAGAZINE STYLE
An interesting direction in the design of blogs is the adaptation of various techniques found in conventional print media. The layout of posts on a page, the use of typography, illustrations and even text alignment often resemble traditional printing techniques. Tabular (in the original – Grid-based, I don’t even know how to call it in Russian) designs are gaining popularity, although they are mainly used in a portfolio, a product page or large blogs; they almost never appear on corporate websites or online stores.
9. CAROUSELS (SLIDE SHOW)
Carousels, in fact, are navigation in the form of a slide show. In them, the content rotates vertically or horizontally. To make the transition, the user must click on one of the two elements of the switches – right / left or up / down. Depending on the selected item, the content will rotate in the desired fusing.

Instead of navigating through various sections of the site in search of their favorite stories, users can quickly view new updates without vertical scrolling and unnecessary mouse movements. As a result, it saves time, and the carousel focuses attention only on the content, instead of distraction to work with the browser. This kind of slide show navigation is often used on entertainment sites and big blogs. Designers also use it to display the work of their own portfolio.

10. INTRODUCTORY BLOCKS
The left upper part of the website is the most important block on the page, because it attracts the most attention from visitors. Therefore, it makes sense to place the most important message (message) of your project there to be sure – visitors will see it as soon as possible.

In fact, that’s what many designers do. Whether it is a web application, corporate design, online service or portfolio, designers have slogans and a brief introduction at the top of the page, using strong, bright typography to make a good impression. Some introductions are short, some are quite long; in any case, they tend to occupy a lot of space; The most popular sizes for these introductory blocks are somewhere around 250-400 pixels high and the entire width of the page. Note that these blocks almost never appear in blogs and online stores.

Free space in web design. What is it and why use it?
In the current, extremely intensive century, we are surrounded by an incredible flow of information, in terms of which it is very important for designers to decide on the patterns…

...

How to create a website that increases the awareness of your brand
If you want your website to become successful, just a good design will not be enough: it must first reflect the personality of your brand. When developing a design, you…

...

4 Tips for creating one-page websites
Single-page websites are becoming popular and fashionable now - there is no doubt about it, although they are not suitable for every subject or organization. However, if done correctly, your…

...