10 things that every newly started web designer should know
There are many ways to create a website design. Web designers often have to perform multiple functions and be very knowledgeable about creating effective and usable site designs.
Most of the lessons you will learn in web design come from work experience; Learning is an iterative process and
there is no better way to gain knowledge than to make mistakes (and then learn from them).
there is no better way to gain knowledge than to make mistakes (and then learn from them).
Few Things to every web designer show know
In this article, Web designing training in Chandigarh training institute trainer discuss 10 essential and general tips
that every novice web designer should know
that every novice web designer should know
Optimize web graphics for good page load times
Learn to optimize your web graphics by selecting the appropriate format and making sure it is as small as possible.
Although people are moving towards broadband connections, there are still some who use dial-up Internet connections.
In addition, with the emergence of mobile device technologies that do not necessarily have broadband speeds,
having slow page load times due to the size of the image files can turn off users.
Although people are moving towards broadband connections, there are still some who use dial-up Internet connections.
In addition, with the emergence of mobile device technologies that do not necessarily have broadband speeds,
having slow page load times due to the size of the image files can turn off users.
Here is a general rule for choosing the correct file format: images that have solid colors are best saved as PNG and GIF,
while images with continuous colors (such as photographs) are best saved as JPG.
while images with continuous colors (such as photographs) are best saved as JPG.
By limiting the number of images you use to a minimum, being smart when using images and reducing the size of the
files as best you can, will significantly reduce the response times of a web page and improve the performance of your web page.
files as best you can, will significantly reduce the response times of a web page and improve the performance of your web page.
Keep it Clean and Simple
Good web design is not only visually appealing but also easy to use. Clean and simple web design generally ends up being a
high usability web design with which it is not confusing to interact.
high usability web design with which it is not confusing to interact.
By having too many features and components of the site on one page, you run the risk of distracting website visitors from the
purpose of the website. Make sure that each element of the page has a purpose and ask yourself the following questions:
purpose of the website. Make sure that each element of the page has a purpose and ask yourself the following questions:
- Does the design really need this?
- What does this element help the user?
- If I delete this item suddenly, will most people want to recover it?
- How is this element linked to the goal, message, and purpose of the site?
Also, although it can be amazing to create a new concept or interface design pattern for your website, make sure the design
is still accessible and intuitive for your users. People are used to common interaction patterns, site features, and web interfaces,
and if your design is truly unique, make sure it is not too dark and disconcerting. Be creative, but also be simple
is still accessible and intuitive for your users. People are used to common interaction patterns, site features, and web interfaces,
and if your design is truly unique, make sure it is not too dark and disconcerting. Be creative, but also be simple
Navigation is the Most Essential Thing You Will Design
The most essential feature of the site is website navigation; Without it, users are stuck on any page they are on. With that obvious
fact out of the way, we will talk about some important points to consider when building a navigation scheme.
fact out of the way, we will talk about some important points to consider when building a navigation scheme.
First, it is very important to devote enough time and much planning to the navigation structure of a site. This is common sense,
but the number of web designs that take site navigation for granted is still surprising. Placement, style, technique (would you use JavaScript or CSS?),
Web accessibility and usability are some of the things you should consider when creating your navigation design.
but the number of web designs that take site navigation for granted is still surprising. Placement, style, technique (would you use JavaScript or CSS?),
Web accessibility and usability are some of the things you should consider when creating your navigation design.
Your navigation design should work without CSS due to text-based browsers. Make fun of text browsers all you want, but they still
prevail on many mobile devices. Perhaps most importantly, navigation that works with CSS disabled is accessible (99.99% of the time)
through screen readers. Navigation should be accessible and useful without the need for client-side technologies such as JavaScript or Flash,
which users cannot enable or install for various reasons such as security or company policy.
prevail on many mobile devices. Perhaps most importantly, navigation that works with CSS disabled is accessible (99.99% of the time)
through screen readers. Navigation should be accessible and useful without the need for client-side technologies such as JavaScript or Flash,
which users cannot enable or install for various reasons such as security or company policy.
It is imperative that you have a good navigation system in place that is located in a highly visible location. Good navigation is detected
as soon as the web page loads without having to scroll down the web page. This is where keeping it clean and simple plays an important role:
a complex and unconventional design can lead to user confusion.
as soon as the web page loads without having to scroll down the web page. This is where keeping it clean and simple plays an important role:
a complex and unconventional design can lead to user confusion.
Users should never ask, not even for a fraction of a second, "Where is the site navigation?"
For sites organized in a hierarchical and multilevel manner, make sure that it is easy to navigate between the main and secondary web pages.
In addition, it should be easy to reach the higher level pages (such as the site's home page) from any web page.
In addition, it should be easy to reach the higher level pages (such as the site's home page) from any web page.
The main objective of browsing your site is to allow users to obtain the desired content with the least amount of actions and
with the least possible effort on their behalf.
with the least possible effort on their behalf.
Use Fonts Wisely and Methodically
Although there are thousands of sources, you can actually only use a handful (at least until CSS3 is fully compatible with major browsers).
Be sure to follow the safe fonts for the web. If you don't like safe fonts, for the web, consider a progressively improved web design
that leverages sIFR or Cufon.
Be sure to follow the safe fonts for the web. If you don't like safe fonts, for the web, consider a progressively improved web design
that leverages sIFR or Cufon.
Keep using the source consistently. Make sure the headings are visually different from the paragraph text. Use blanks, line-height adjustment,
font size, and font space to make the content enjoyable to read and scan effortlessly.
font size, and font space to make the content enjoyable to read and scan effortlessly.
Perhaps one of the things that web designers are often wrong about is the font size. Because we want to adjust as much
text as possible on a web page, we sometimes set font sizes to uncomfortably small sizes. Try to keep font sizes at 12px and higher if possible,
especially for the paragraph text. While many people do not have difficulty reading small texts, think of older users and people with
low vision and other types of visual impairment.
text as possible on a web page, we sometimes set font sizes to uncomfortably small sizes. Try to keep font sizes at 12px and higher if possible,
especially for the paragraph text. While many people do not have difficulty reading small texts, think of older users and people with
low vision and other types of visual impairment.
Understand Color Accessibility
After talking about the fonts, we must also point out the importance of using the correct colors. You should take into account the
color contrast of the background and foreground colors to facilitate reading and for users with low vision. For example, black text on a
white background has high contrast, while orange text on a red background will make your eyes tired.
color contrast of the background and foreground colors to facilitate reading and for users with low vision. For example, black text on a
white background has high contrast, while orange text on a red background will make your eyes tired.
Also, use colors that are accessible to users with particular forms of color blindness (see a tool called Vischeck that will help you test certain
types of color blindness).
types of color blindness).
Some color combinations work well only when the color is used as the foreground color instead of the background color. Take, for example,
dark blue text on a pink background versus pink text on a blue background, the same colors but different levels of readability and reading comfort.
It is important not only to obtain a good combination of colors but also to apply it to the correct elements on the page
dark blue text on a pink background versus pink text on a blue background, the same colors but different levels of readability and reading comfort.
It is important not only to obtain a good combination of colors but also to apply it to the correct elements on the page
learn how to write the code yourself
With several WYSIWYG editors flooding the market, it has become as simple as 1-2-3 to design a site. However, most of these
editors unnecessarily insert junk code, which makes their HTML structure poorly designed, more difficult to maintain and update,
and makes file sizes swell.
editors unnecessarily insert junk code, which makes their HTML structure poorly designed, more difficult to maintain and update,
and makes file sizes swell.
By writing the code yourself, you get a clean, crisp and terse code that is a pleasure to read and maintain; code you can be proud to call yours.
You must know how to use an IDE or WYSIWYG with a visual preview that does not excuse you from learning CSS and HTML.
You must know what is happening to create effective, semantic and highly optimized web designs.
Don’t Forget Search Engine Optimization
A good designer should always remember to consider the basics of SEO when designing a site. For example, structuring web content
so that the important text is represented as headings (that is, page title and logo). This is where learning to code correctly is useful.
After knowing the correct, semantics and standards-based HTML / CSS: you will quickly realize that Div is better than web design tables not only for an
accurate representation of site content but also for search engine rankings; You might also know that it is a good idea to change the CSS background text image.
so that the important text is represented as headings (that is, page title and logo). This is where learning to code correctly is useful.
After knowing the correct, semantics and standards-based HTML / CSS: you will quickly realize that Div is better than web design tables not only for an
accurate representation of site content but also for search engine rankings; You might also know that it is a good idea to change the CSS background text image.
Read also: Understanding the Meaning of Web Content
Understand that People are Impatient
People on average spend only a few seconds before deciding if they want to read more or navigate to another site. Therefore, you as a web designer
should devise a way to encourage users to choose the first option in those precious seconds.
should devise a way to encourage users to choose the first option in those precious seconds.
Know that not many visitors will scroll down to see the entire content of the page if what they see at the top does not interest them.
Remember to keep your important elements at the top where they are easily visible, but also do not overload the top half of the page,
which can intimidate users and prevent them from reading below. Consider the top half of web design as a point of sale: be a seller,
make people buy the idea that they want to see what else is on your site.
Remember to keep your important elements at the top where they are easily visible, but also do not overload the top half of the page,
which can intimidate users and prevent them from reading below. Consider the top half of web design as a point of sale: be a seller,
make people buy the idea that they want to see what else is on your site.
Learn About Browser Quirks
One of the things you should know as a web designer is that your work operates in a finicky and unpredictable environment: web browsers.
It is not enough that your designs work in a few web browsers, but they should work in as many navigation situations as possible afford. Before production:
test your prototypes with tools like Browsershots
It is not enough that your designs work in a few web browsers, but they should work in as many navigation situations as possible afford. Before production:
test your prototypes with tools like Browsershots
Make Designs that are Flexible and Maintainable
A good web designer makes sure that the site can be easily updated or modified in the future. Designing websites that are easy to maintain and
malleable is a sign of a great web designer.
malleable is a sign of a great web designer.
Make your work as modular as possible by separating the style from the structure.
Know that our industry is dynamic and still young: things change in a very short time. Having this thought in mind will promote the creation of
flexible web designs.
flexible web designs.
Related Article:
Comments
Post a Comment