| There has been a radical change in the web | | | | |
| designing to make accessible website design | | | | The site navigation structure must be clear, |
| more appealing, fresh and user friendly. | | | | identifiable as navigation and it should be |
| | | | easy to interpret to the target audience. |
| A set of various tools amalgamate the micro | | | | Clearly written, large and bold navigational |
| content in a new and useful ways. In Web 1.0, | | | | links with specified color, tone and shape |
| a smaller number of people have been writing | | | | apart from the rest of the content is the |
| for a larger number of readers, but with the | | | | look out for every web designer. In a way, |
| passage of time, there has been an utter need | | | | navigation should be clearly distinguishable |
| to fill in gulf of info in a web page, and | | | | from non-navigation. |
| that is from where the concept of web 2.0 | | | | |
| designs has come. As compared to the earlier | | | | Bold logos |
| web designing concepts the new design Web 2.0 | | | | |
| strategy puts content as per how people | | | | The first impression a web site instills is |
| search. | | | | 'who we are?', and that can be achievable by |
| | | | a clear, Strong, bold company logo. Now a day |
| But why this name: 'web 2.0 design'? | | | | the company logo has been bigger and |
| | | | highlighted, incorporating the brand image, |
| Many people describe resurgence in the web | | | | attitude and tone of voice. A good and brief |
| economy and new level of technological | | | | logo that has a visual impact and that is |
| connection between web sites and services by | | | | recognizable and distinctive represents your |
| the term "Web 2.0". In a word, today's | | | | brand's personality and qualities on first |
| website design is simple, bold, and elegant | | | | viewing. |
| that delivers more with less do. Fewer, | | | | |
| well-chosen and carefully selected visual | | | | Bigger Text |
| elements to create the desired feel are the | | | | |
| keys to direct the users' sights straight to | | | | Compared to older-style sites lots of web |
| the main points of an affordable website | | | | sites today have big text. Making fonts |
| design with it the presence of fewer and | | | | bigger will make the site usable to the |
| comprehensive words shape up the site's look | | | | viewers. |
| and feel properly. | | | | |
| | | | However, making all the fonts bigger is |
| So many crucial attributes jointly make this | | | | sometimes destructive to the normal designing |
| possible in reality. Following are some of | | | | approach. |
| the important facets that make website 2.0 | | | | |
| design successful. | | | | Simply use a base font size for your website, |
| | | | and make all other fonts relative to that one |
| Simplicity | | | | (e.g. font-size: 115%). This will make your |
| | | | website still cool looking. Inside a CSS file |
| The main purpose of the web 2.0 design is the | | | | define your font-relevant settings and as |
| simplicity and web 2.0 design is simpler than | | | | usual: one font per web page is fine. Never |
| ever. A focused, clean and simple layout is | | | | use more than 3 different font-sizes. |
| eye soothing that makes today's large and | | | | |
| small business web design separate from the | | | | Bold Text Introductions |
| previous versions. | | | | |
| | | | Many sites lead with strong all-text headline |
| Lots of unnecessary information is crammed | | | | descriptions. Off course there can be |
| sometimes that are barely relevant to the | | | | headlines about the services, but sometime |
| purpose of a page and will distract attention | | | | graphical representation is worth mentioning, |
| from the key content and navigation. And off | | | | giving much relevance to the look and feel of |
| course what we are seeing is the soft | | | | the site as a whole. When it is required to |
| information like the first impression about | | | | use the bold text introduction, please use |
| the quality of the company, the sense of how | | | | that on a simple background to convey the |
| approachable a service provider is, and | | | | message. |
| whether the product we are seeing is right | | | | |
| for you. Therefore, in that case our gaze | | | | Strong and Intense Colors |
| should not be going elsewhere other than the | | | | |
| main info. | | | | Color always plays a vital role to enhance |
| | | | the importance of any specific area. In a |
| As a result, accessible website design | | | | creative website design ( also it has a |
| professional ( should try concentrating on | | | | different role when, you have a simple, |
| removing consciously unnecessary components, | | | | stripped-out design. Here we can use color |
| without sacrificing effectiveness and looking | | | | that is strong and bright and that draws the |
| for alternative solutions that attain the | | | | eyes to the items you want the visitor to |
| same result more simply. Not just to | | | | notice. |
| decorate, but to communicate the relevant | | | | |
| information with lines, words, shapes, color | | | | Simply, use them to divide the page into |
| must be the search areas for a simple and | | | | clear sections, and to highlight important |
| accessible website design. | | | | elements. So many times we find that our |
| | | | attention drawn away from the real content |
| Central Layout | | | | for the confusing use of intense color |
| | | | outside the main page area. |
| In common, the vast majority of sites these | | | | |
| days are positioned centrally within the | | | | If color is used to attract the eye, the eyes |
| browser window as compared to the full-screen | | | | get confused and the site will be chaotic and |
| (liquid) or left-aligned / fixed-size layout | | | | confusing. Therefore, remember to use color |
| done a few years ago. | | | | sparingly. |
| | | | |
| Whatever the nature of the sites: Custom | | | | Rich surfaces |
| website design, Database website design or | | | | |
| Ecommerce website design, the web sites look | | | | The use of subtle 3D effects, sparingly, |
| more simple, bold and honest when it sits | | | | enhances the qualitative feel of the design. |
| straight in front & center. We should be | | | | At the same time, it should be kept in mind |
| economical to use the pixels to a more | | | | that, the effects should not be overdone. |
| fervent look. White space here will route our | | | | Plainly avoid trying to make your entire |
| eye view with clear-cut designing sense. A | | | | design 3D-realistic, as that is more work and |
| normal prescription is to place your site | | | | that will increase the page assets size; |
| centrally unless you are not aesthetically | | | | sometimes a little work goes a long way. |
| opposed to do so. | | | | |
| | | | Gradients |
| Fewer columns | | | | |
| | | | In case of the areas that would otherwise be |
| As compared to website design with 3-column, | | | | flat color or tone, gradients soften them. |
| though not sometimes 4-column, today's web | | | | Drop-shadows, the inner-glows and spectacular |
| design has seen sites with 2 clean columns, | | | | highlights we see on glass- or plastic-style |
| and oftentimes 3 also is the mainstream | | | | buttons are there to soften any surface. |
| maximum. | | | | |
| | | | Reflections |
| With fewer columns, we can end up | | | | |
| communicating any info more clearly. One | | | | Reflections sometimes make the site design |
| recommended step is to use no more than 3 | | | | clean, simple and rich. The illusion of |
| columns. | | | | reflection on gradients is of 2 kinds: |
| | | | Highlights on shiny surface and shiny table |
| Separate top sections | | | | effect! Some patterns, in this case, are very |
| | | | popular: realistic effects of water droplets, |
| There is nothing new about making the top of | | | | glass beads, shiny plastic buttons etc. |
| the screen distinct from the rest of the main | | | | |
| content. Sites prepared this way actually | | | | Cute icons |
| carry out a distinct approach to the other | | | | |
| sites commonly built. It is a good idea to | | | | The use of Icons to say thousand words plays |
| clear the space at the top by placing logo | | | | an important role in Web 2.0 design. Today we |
| and navigations boldly. Both the main | | | | use fewer, better icons that carry more |
| branding and main navigation should be bold | | | | meaning. In comparison to the past website |
| and clear. Put the logo on the top left and | | | | designs when there was a trend to use icons |
| place main navigation right after it. By the | | | | more, today we use clear text more |
| use of bold, solid block of different color | | | | extensively, and are less ready to litter a |
| or tone and similar other alternatives the | | | | page with icons. In lots of the cases, a |
| top section is made distinct from the rest of | | | | simple word is more effective. Icons, when |
| the page. | | | | used, should be easily identifiable and carry |
| | | | a clear meaning. |
| Simple Navigations | | | | |