Web Design: 5 Basic Rules to Remember

| Posted in Web Design & Development | Post Comment
Web Design: 5 Basic Rules to Remember

Realizing the design of a website is not a simple undertaking. Not only must one pay attention to graphics and visual taste of the users, but it is necessary to combine the aesthetic experience with maximum usability. The net is full of websites and more are coming online every day with the hopes of climbing to the top shelf of the major search engines, but instead they are put in the second shelf for being graphically poor, which is important to utilize the full potential of the online market. One of the factors remotely on the Web today where many online realities totally focus their efforts on developing forgetting the important role designers play. But the question is that what are the 5 basic elements that can never be lacking in aesthetic design of a website?

To answer this question, we discussed this matter with a designer Mr. Yaser Riaz, who outlined the five basic factors one may over come to utilize the today’s fast moving internet market.

  • Negative Space: not only the content is important, but also the way in which it is in space. We often see boxes and containers without inner margins, with texts hanging on the side ends of the rectangle. Not only does this system makes reading unwieldy, but it creates a real sense of "choking" of vision, so as to convince the user to escape on shores far more cared for. Any text that is included in a box, maybe with colored background, must have sufficient space on all four sides. You also avoid the "box-in-a-box" or rectangular boxes inside other boxes, while particularly fond of large empty areas below the last line in order to visually lighten the page.
  • Contrast: The contrast helps the user to find the most important elements of the page. In the texts, accordingly, preference is given with respect to the bold italics and games wisely with colors. In the definition of a vanity URL, for example, you can choose to paint the area before the slash of a light gray, then to highlight the following text in black and with a slightly larger font size. The same obviously applies to the entire design. A quick way to find out the areas of greatest visual importance is to carry the black and white page layout: by doing so, it will be easy to identify the areas of highest attention and brightness. Similarly, you can make a screenshot of the web page, and with Photoshop, play with curves to realize how much impact is the project;
  • Variety and Texture: add variety to the colors monolithic theme is always good advice to design because the color blocks are static and tired sight. You can then use the basic texture – provided they are not invasive – to increase the variety of colors of the website, being careful not to fall too much in skeumorfismo. The textures allow the design to gain depth, as well as the nuances. For the latter, we recommend starting at the top with light colors, because they allow to all the other shades to blend together more harmoniously and unify the color banding. The textures too should be extremely light to avoid encumbering the loading of the website, we recommend that you use repeatable pattern in frames of 256 × 256 pixels maximum;
  • Non-rectangular forms: non-rectangular shapes can help focus the user's attention on the primary elements of the layout and the most important portions of the text. When designing containers for the essential elements of the website, as a result, is sometimes supplement the corners of the rectangles. The human eye is naturally accustomed to irregular shapes; it is easier to attract attention with a particular shape with intense color. Furthermore, these forms help to fortify an ' iconography always recognizable, to avoid that the user forgets the website.
  • Balance: the concept of beauty and pleasantness usually cannot be separated from that of symmetry. In the construction of a layout, therefore, we must pay particular attention to the balance of view: the colors are too concentrated in a portion of the page? The text is tight in the lower half? There are areas of the spoils? You face a screenshot of the page and we draw a diagonal line with Photoshop: it will be easy to control the aspect ratio. Then rotates the layout 180 to degrees, so that it is upside down. In doing so, the human eye does not interpret the text and it will be very simple flush out all the imbalances graphics.

ARK Solutions


Web Design: 5 Basic Rules to Remember

Latest Comments

Write to us