Dos and Don'ts of website designing
When it comes to designing a website, there are no hard-and-fast rules. The best way for you to learn is by trial and error, but here are some tips, classified into dos and don’ts that will help you along the way:
Do use images and videos wisely
Images and videos are a great way to illustrate your points, add fun to your website and make it more interesting. Here are some tips for using them effectively: Use images and videos that match the tone of your writing. For example, if you're writing about a serious subject like climate change or global warming, use an image of ice caps melting instead of one with people laughing at their TVs during the Super Bowl (which we'll get into later). The contrast helps readers understand what you're trying to say.
Add links back into the text where appropriate—for example link back from an image within an article or blog post so readers can learn more about related concepts without leaving their current page/section in order!
Do make sure your content is readable
A good rule of thumb is to use a font that's easy to read. The same goes for your text size and color, as these can make all the difference in how people perceive what you're saying. For example, if you're writing about a product or service and want to emphasize certain features, consider using bold fonts or colors that stand out from the rest of your content (like pink). If possible, try finding different fonts that work well together—that way users won't feel overwhelmed by too many options when they browse through your site!
Do design for the devices people are using
One of the most important things you can do to make sure your website works well across all devices is to design for the devices people are using. This means designing for responsive layouts and mobile-first (meaning your site will look best when viewed on a mobile device).
Another tip: if you're going to use media queries, use them wisely and sparingly! We don't want users getting frustrated with how their screen looks changing mid-page load or being unable to access certain elements because they're too small or too big on their screen.
Do choose a suitable contrast with your color combination
It’s important to use a contrast that is easy to read and appropriate for the type of website you are designing. For example, if you have a business website, then it should be easy for visitors to read. The same applies when working with children or elderly people on your website who may not be as tech-savvy as adults are. Use colors that will stand out against any background colors in order to avoid looking muddy or washed out when viewed at an angle or distance away from where they’re supposed to be standing (or sitting).
Don’t ignore white space
White space is important for readability. It’s the space between words, letters, and paragraphs that allows readers to pick up on important information and make sense of what they’re reading. White space helps create a good user experience by making your site easy to navigate through and reducing distractions from unnecessary elements like ads or sidebars.
Don’t overuse graphics that don't contribute to the purpose of your website
Don’t overuse graphics that don't contribute to the purpose of your website. Make sure your images are relevant to your website. Don’t use images that are too large, because they may not be seen by all visitors and will get lost on a mobile device (if you want to make sure people can see it, make sure it's not too small). Use images that are relevant to the content of your website and align with its tone.
Don’t limit yourself to the exact canvas dimensions
The most common mistake web designers make is making their designs too small or large for the device they are being viewed on. As a result, they end up having to use different versions of their site depending on what kind of device someone is using: desktop versus mobile devices, tablets versus laptops etcetera. This can confuse users who may not even realize that there are multiple versions of your website available! Instead of designing for only one type of screen size (a desktop browser) try making sure that your design works well across all platforms.
- Make sure your design is responsive so that it looks good no matter which device you're viewing it on - this includes photographs and videos as well as text copy;
- Use suitable contrast between colors used throughout the site;
- Do not overuse images or videos because they could distract from what's important during reading sessions while being displayed at full-screen size on smaller screens such as smartphones!
Don’t obsess over unique designs
There are many ways to make a website look unique, and you can use any one of them if it helps you stand out from the crowd. But don’t focus on just one thing at a time, because if you do that then all the other elements must be equally as good or better than the first element—and they will never be able to compete with something that stands out so much on its merit.
The best way to ensure that your website has an effective design is by using colors and fonts that complement each other but don't clash too much with each other (and hopefully avoid clashing). The same goes for layout; make sure there aren't too many sections or panels on screen at once; instead, try having several smaller ones which allow more room for content without making things seem crowded!
Don’t use too many fonts and font sizes within a single design
Fonts are used to make the text easier to read, but if you use too many fonts in a single design, then the website will look busy and unorganized. Too many different typefaces can also create confusion for users who are trying to navigate your site or find what they're looking for on it. For example, if you have an article on your website that has some navigation links at the bottom of each paragraph (like this), then using different font sizes would be confusing because all of these links will start at different points depending on where they appear about each other across multiple paragraphs throughout an entire article!
The best way around this issue is by using only one main font family throughout all sections of content so that everything looks cohesive while still maintaining readability when read aloud - like say something like
- Helvetica Neue LT
- Std Light Condensed
- Italic Bold Extended
- Italic Bold Oblique
- Black ExtraBold Extended
- Oblique Bold Extended
- Oblique Black Letterhead header.