Publishing And Web Design


Task1

INTRODUCTION

10 Top Principles Of Effective Web Design

1.Purpose

Good web design always caters to the needs of the user. Are your web visitors looking for                  information, entertainment, some type of interaction, or to transact with your business? Each page of your website needs to have a clear purpose, and to fulfill a specific need for your website users in the most effective way possible.

2.Communication

People on the web tend to want information quickly, so it is important to communicate clearly, and make your information easy to read and digest. Some effective tactics to include in your web design include:organisation information using headlines and sub headlines, using bullet points instead of long windy sentences, and cutting the waffle.

3.Typefaces

In general, Sans Serif fonts such as Arial and Verdana are easier to read online (Sans Serif fonts are contemporary looking fonts without decorative finishes). The ideal font size for reading easily online is 16px and stick to a maximum of 3 typefaces in a maximum of 3 point sizes to keep your design streamlined.

4.Colours

A well thought out colour palette can go a long way to enhance the user experience. Complementary colours create balance and harmony. Using contrasting colours for the text and background will make reading easier on the eye. Vibrant colours create emotion and should be used sparingly (e.g. for buttons and call to actions). Last but not least, white space/ negative space is very effective at giving your website a modern and uncluttered look.

5.Images

A picture can speak a thousand words, and choosing the right images for your website can help with brand positioning and connecting with your target audience. If you don’t have high quality professional photos on hand, consider purchasing stock photos to lift the look of your website. Also consider using infographics, videos and graphics as these can be much more effective at communicating than even the most well written piece of text.

6.Navigation

Navigation is about how easy it is for people to take action and move around your website. Some tactics for effective navigation include a logical page hierarchy, using bread crumbs, designing clickable buttons, and following the ‘three click rule’ which means users will be able to find the information they are looking for within three clicks.

7.Grid Based Layout

 Placing content randomly on your web page can end up with a haphazard appearance that is messy. Grid based layouts arrange content into sections, columns and boxes that line up and feel balanced, which leads to a better looking website design.

8."F" Pattern Design

 Eye tracking studies have identified that people scan computer screens in an “F” pattern. Most of what people see is in the top and left of the screen and the right side of the screen is rarely seen. Rather than trying to force the viewer’s visual flow, effectively designed websites will work with a reader’s natural behaviour and display information in order of importance (left to right, and top to bottom).

9.Load Time

 Everybody hates a website that takes ages to load.  Tips to make page load times more effective include optimising image sizes (size and scale), combining code into a central CSS or JavaScript file (this reduces HTTP requests) and minify HTML, CSS, JavaScript (compressed to speed up their load time).

10.Mobile Freindly

 It is now commonplace to access websites from multiple devices with multiple screen sizes, so it is important to consider if your website is mobile friendly. If your website is not mobile friendly, you can either rebuild it in a responsive layout (this means your website will adjust to different screen widths) or you can build a dedicated mobile site (a separate website optimised specifically for mobile users).



MOODBOARD 


 







VISUAL ANALYSIS



 




STORYBOARD 













 


















Comments

  1. Suba27 December 2017 at 01:43

    Your ideas on how to build an attractive website to grab customers to your business is excellent with the required functionalities. I hope your article was most read for the web related searchers in the internet. Keep updating your ideas, I am waiting for the article.
    Regards:
    web design training chennai
    Best web designing institute in chennai

    ReplyDelete
  2. Sakthi Murugan9 January 2018 at 01:49

    PHP is a server side scripting language and most of the developer choice is PHP nowadays, since it is highly secure. Your blog on PHP secureness is unique from other. I hope your content was read by most of the people in the World Wide Web.
    Regards:
    PHP Training Chennai
    PHP Training Institute in Chennai

    ReplyDelete

Post a Comment

Popular posts from this blog

TYPOGRPHY

Image
TYPOGRAPHY Task 1 Typography - is performed by   typesetters ,  compositors , typographers,   graphic designer s ,  directors ,   manga ,   graffiti artists ,   clerical workers , and everyone else who arranges type for a product. Until the  Digital Age , typography was a specialized occupation. Digitization opened up typography to new generations of visual designers and lay users, and David Jury, Head of Graphic Design at Colchester Institute in England, states that "typography is now something everybody does. What Designers Need To Know About Typography??? Typefaces *   Serif   - Serif are small lines at the ends of character strokes. Serif fonts are font styles with serifs at every character. These are usually used in books for it guides the eyes from letter to letter. Serif fonts are usually easier to read in printed works than san-serif font. -This is because the serif make the individual letters more distinctive and easier for our brains to recognise quickly.
Read more

INTERACTIVE MULTIMEDIA DESIGN

Image
­INTRODUCTION INTERACTIVE MULTMEDIA DESIGN Intro to Interactive Media Design is a practical, introductory course to the world of interactive and digital media design. The focus will be on creating interactive experiences that are both functional and engaging. This will be approached from various points-of-view: design, usability, technique, and entertainment. We will discuss not only the specifics on how to make something work, but strategies concerning how to make it work well, while making it easy to understand and fun for your audience. This is a class for beginners and assumes no previous experience or expertise. We will however move at a quick pace. It is absolutely essential that you work hard and stay on top of all the class material if you hope to succeed in this course. Multimedia authoring tools provide communicators with some of the most powerful and effective storytelling options available. Understanding these tools is essential for anyone who plans
Read more

3D DESIGN FUNDAMENTAL

Image
INTRODUCTION OF 2D AND 3D DESIGN FUNDAMENTAL 2D DESIGN FUNDAMENTAL Two-Dimensional Design ( 2D ) is a studio course exploring the fundamentals of the formal systems and basic elements of visual organization through two-dimensional design principles and theories using a variety of media.The main visual elements are line,shape, space, texture, colour, and tone. 3D DESIGN FUNDAMENTAL With this program you will explore a variety of design methods, techniques, processes, and materials as they apply to industrial and architectural design. Courses cover product rendering, visualization and modeling, creative drawing, basics of architectural and industrial design as well as how to use various industry-standard software. Create portfolio-ready project examples and build a stronger understanding of business and professional practices in the industry. BACKGROUND STUDY OF NADHASWARAM HISTORY The nadaswaram, nagaswaram, nadhaswaram or nat
Read more