Web Design In Simple Steps

<p><strong>Top 10 Web Design Tips</strong></p> <p>&nbsp;&nbsp; 1. Use a content management system (CMS) </p> <p>&nbsp;&nbsp; 2. Provide a service</p> <p>&nbsp;&nbsp; 3. Do not get too clever</p> <p>&nbsp;&nbsp; 4. Usability is paramount</p> <p>&nbsp;&nbsp; 5. The Web is an easily changeable medium</p> <p>&nbsp;&nbsp; 6. Make text more accessible with plenty of headings, subheadings, and lists </p> <p>&nbsp;&nbsp; 7. Check your work </p> <p>&nbsp;&nbsp; 8. Be consistent</p> <p>&nbsp;&nbsp; 9. Leverage the power of free online web developer tools</p> <p>&nbsp;&nbsp; 10. Remember, web design is supposed to be fun</p> <p><strong>1. Planning your website</strong></p> <ul> <li>Review several sites’ services and self-interested goals <p></p></li> <li>Determine your site’s purpose <p></p></li> <li>Narrow your purpose to one goal <p></p></li> <li>Identify your target audience <p></p></li> <li>Have a call to action <p></p></li> <li>Understand your constraints <p></p></li> <li>Identify a service you can offer users <p></p></li> <li>Make sure your ecommerce site offers a service <p></p></li> <li>When offering a service, make it relevant and valuable <p></p></li> <li>Gather requirements, even if you don’t think there are any <p></p></li> <li>Create a use case diagram <p></p></li> </ul> <p><strong>2. Website architecture</strong></p> <ul> <li>Translate the use case diagram into an outline <p></p></li> <li>Assign priorities to every outline element <p></p></li> <li>Translate the outline to a site map <p></p></li> <li>Follow the three-click rule <p></p></li> <li>Use sequential navigation when appropriate <p></p></li> <li>Use external links sparingly and prudently <p></p></li> <li>Do not let ads detract from your site’s content <p></p></li> <li>Ensure your site has no dead ends <p></p></li> <li>Do not use under construction pages <p></p></li> <li>Ensure every page has a page header <p></p></li> <li>Ensure every page has a page footer <p></p></li> <li>Make hyperlinks and icons explicit <p></p></li> <li>Use breadcrumb trails when designing complex sites <p></p></li> <li>Always create a site map or site index <p></p></li> <li>Create a prototype navigation template <p></p></li> <li>Create a website framework, complete with blank pages <p></p></li> </ul> <p><strong>3. Writing your text</strong></p> <ul> <li>Consider blogging <p></p></li> <li>Ensure your site contains quality content <p></p></li> <li>Chunk your information into bite-size pieces <p></p></li> <li>Write like a journalist <p></p></li> <li>Write descriptive headings and subheadings <p></p></li> <li>Persuade users with subtle techniques <p></p></li> <li>Prefer simple to complex and edit your writing <p></p></li> <li>Ensure meaning is intuitive on important items <p></p></li> </ul> <p><strong>4. Webpage layout and composition</strong></p> <ul> <li>Place important information above the fold line <p></p></li> <li>Make pages printable <p></p></li> <li>Use grid theory <p></p></li> <li>Violate a page’s grid to draw attention to an element <p></p></li> <li>Emphasise what is important <p></p></li> <li>Prominently display your purpose, or have a tagline <p></p></li> <li>Design for a maximum screen resolution of 1024x768 <p></p></li> <li>Know the difference between fixed and flexible layout <p></p></li> <li>Use a centred layout <p></p></li> </ul> <p><strong>5. Using web colour effectively</strong></p> <ul> <li>Have a basic understanding of colour values <p></p></li> <li>Understand colour theory essentials <p></p></li> <li>Use a tool to generate a colour palette <p></p></li> <li>Generate a colour palette from a photograph <p></p></li> <li>Use your colour palette consistently across pages <p></p></li> <li>Choose colours to match your site’s mood <p></p></li> <li>Accept that colour choices may not appear as you wish <p></p></li> <li>Use text and background colour harmoniously <p></p></li> </ul> <p><strong>6. Texture</strong></p> <ul> <li>Add texture with a repeating pattern <p></p></li> <li>Add texture with a non-repeating image <p></p></li> <li>Use pe</li> </ul>