Table of Contents
What is Web Design?
What is Web Design? Web Design is generally equated with the way a website (or web application) looks to the user.
A good web designer understands the purpose and goal of a web site and can create a site that engages visitors and encourages conversions (sales, newsletter sign ups, sharing on social media etc)
Traditionally a web designer would work with a web developer who handles the deep code aspects (database, java script etc). But now with the popularity and cost-effectiveness of web building platforms such as WordPress and Joomla a designer can create a complete website without the help of a developer.
Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific purpose. Web design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end-users can access through the internet with the help of a web browser.
Web design uses many of the same key visual elements as all types of design such as:
This is the way the graphics, ads and text are arranged. In the web world, a key goal is to help the view find the information they seek at a glance. This includes maintaining the balance, consistency, and integrity of the design.
Examples of Header Layout:
Split Menu Header
Header Boxed Content
and much more
Examples of Content Layout:
The choice of colors depends on the purpose and clientele; it could be simple black-and-white to multi-colored design, conveying the personality of a person or the brand of an organization, using web-safe colors.
Web safe colors are formed by the combination of red, green and blue (RGB) hex values of 0,33H, 66H, 99H, CCH, FFH. This results with 6*6*6=216 colors.
Previously browsers did not support display of more than 256 colors palette at the same time. With the new web browsers it is not necessary to use only these colors.
Color increases brand recognition, highlights important website elements and influences how people feel about a website. Different colors produce different emotions in people, so it’s important to choose the right colors. White space, contrast and good color schemes are vital elements of good web design.
The use of various fonts can enhance a website design. Most web browsers can only read a select number of fonts, known as “web-safe fonts”, so your designer will generally work within this widely accepted group.
Common terms that refer to different fonts:
- Sans-serif refers to fonts without serifs, like Arial, Arial Black, Arial Narrow, Verdana, Trebuchet MS, Gill Sans, Noto Sans, and Optima
- Serif refers to fonts with serifs, like Times, Times New Roman, Didot, Georgia, Palatino, Bookman, New Century Schoolbook, and American Typewriter
- Monospace refers to fonts with letters that have the same width, like Andale Mono, Courier, Courier New, and FreeMono
- Cursive refers to fonts that resemble handwriting, like Comic Sans MS, Apple Chancery, Bradley Hand, and Brush Script MT
- Fantasy refers to decorative fonts, like Impact, Luminari, Chalkduster, Jazz LET, Blippo, Stencil Std, Marker Felt, and Trattatello
- Trebuchet MS
- Times New Roman
- American Typewriter
- Andale Mono
- Bradley Hand
Use These Web Safe CSS and HTML Fonts for Your 2020 Designs
Fonts selection is not a small detail to marketers. Choosing a representative style ensures that your message is communicated clearly, represents the brand, and ultimately impacts the campaign. As such, it’s important to be aware of how your fonts appear on different browsers and devices.
Before you publish your website, make sure to test your font stack on various browsers to ensure compatibility.
Content and design can work together to enhance the message of the site through visuals and text. Written text should always be relevant and useful, so as not to confuse the reader and to give them what they want so they will remain on the site. Content should be optimized for search engines and be of a suitable length, incorporating relevant keywords.
Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization.
Mahalo Studio Marbella is a website design agency that focuses on quality, innovation, & speed. We utilized technology to bring results to grow our clients businesses.