ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin 0313383 Lee Jie Sheng 0314250 Nicholas Jessey Lim 0319559 Nevena Cicovic 0314613 Michelle Jeyabalan.

Slides:



Advertisements
Similar presentations
Unity Gestalt Space Dominance Hierarchy Balance Color Part.
Advertisements

Logo Design. In order for a logo to "work" it must do the following things: symbolize forward thinking, contemporary qualities From this To This.
Basic Principles of Design How to make your websites and video graphics look more professional.
Web Design, Usability, and Aesthetics 2 Billboard Design 101 “Designing pages for scanning not reading” Notes from book “Don’t Make Me Think: by Steve.
The four basic principles of design
F.O.C.U.S. on Posters Tips for Making Successful Posters By Phillip Martin.
Elements of graphic design White Space ● Unity ● Color ● Typography.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
CSI-553 Internet Information Presented by: Ignacio Castro June 28, 2006 Internet Usability.
Do’s and Don’t Of Web Design BY Julia Butterfield.
The title of the magazine is placed on the contents page so that the readers can remember what magazine they are reading and for future reference when.
C.R.A.P.   Color balance : The colors of the entire illustration- grey, black, white and the contrast orange, seem like they were chosen without much.
Elements of Art.
What Is A Logo?.  Logos are used to identify  The logo is one aspect of a company’s commercial brand, and its shapes, colors, fonts, and images usually.
Bingoopile It’s More Than Just a Search Engine…. By: Khalid Taha, Anna Bierma, & Tristen Eivins.
GROUP NAME NEWBIE A good website design should be simple and straightforward. It should be simple and straightforward because if the website shows.
“Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Eric Schwartz Date : November 6, 2007.
+ Web Design is ART. + Art Inspires…Design motivates.
Website Research By Sophie Hiscock. Fan Marvel Website You know this website is Marvel because of the characters from the comics are in the body, which.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
IS1824: Introduction to Internet Multimedia Lecture 7: Style 1 (Layout and Colour) Rob Gleasure
Dashboard Razzle Dazzle Marcy Miller Tait Wednesday, October 07, 2015 Copyright 2009, Information Builders. Slide 1.
Task 1 Understand the uses and features of websites Petya Zhechkova.
Creating An Educational Website/Blog By Kevin McCrumb.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
3M Brand Identity System © 3M All Rights Reserved.
Analysing Existing Magazines Double Page Spread By Angela Kennedy-Macfoy.
“The Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Jeff Wenck Source:
Unit 12 Additional Evidence catelyn. 1.1 I can describe what types of information are needed. For the business card, I included the name of the company.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
How To.  Not just a mark  Reflects a business’s brand using shapes, fonts, color, and/or images.  Used for inspiring trust, recognition and admiration.
MICHELLE HOR MUN YEE (LEADER) ABEL KHOR JU YI 1003K75708 SHARIFAH NUR ZOEY JACQUELINE LOW SHIH HSIN CHEAM SZEN.
The basic Principles of Design The following is a brief overview of the principles of design. Although they are discussed separately, they are really interconnected.
Technological Design Effective Logos.
Color Navigations Loading Page Grabs Attention Internet source: content/uploads/2014/02/web_design.jpg.
By Emily Snyder. Colours Do…Don’t… You should have a background that is a fairly dull colour, it will make it easier to see the text. The colour should.
ANACONDA DON’T (Website Design Layout Research) Group Leader : Muhammad Izzhar Members : Khaleda Zolkipli Aisyah Mustapha
Posters, Magazines, Websites
RULES TO AVOID BAD DESIGN 1. Don’t annoy your viewers. Don't use frames unless you have to! - Frames are annoying and cause people to lose their way when.
 Choose a theme that is clean, simple and appropriate to what you write about.  Think about what you need your site to do for you when choosing a theme.
 Look & Feel - T oo many elements working at the same time. (Use of different images and colors) - The colors that are used are bright and shouting colors.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Digipacks. Emily Batts. Front View.. TITLE – The title for this album is ‘Myth’. This is a mysterious name, and the colourings used are quite random as.
10 Effective Website Tips Luana Mattey For Professionals in Private Practice Get Online, Get Found, Get Clients.
All of the above images are double page spreads from the magazine We (Love) Pop, they have been created and designed for the attention of grabbing the.
(S.A.O) Brandon Law Chen Yue ( ) Chai Pei Yee ( ) David Teoh Qi-en ( ) Marcus Heng Wei Min ( ) Mohd Amin C Fayyaz Ahmad ( )
ASSIGNMENT 2 INTERACTIVE MEDIA. Weng Leon Wong Mun Yee Chew Wee Li RD Drake 1007K10923 Tan Eng Jun 0807C67907 The Groupings.
Research talk 101 Jim Miles California State University, Long Beach 9/9/15.
Visual Elements. Can set the tone Complement an image Makes presentations lively.
Ty’s Bees LEADER: Aida Ireena MEMBERS: Aliya Syaqira Ahmad Nadhir 1007K74467 Anne Marie Tan Sharmaine Arissa RESEARCH TOPIC:
Team Leader: Sanne Evers Team Members:Kristie Ting Marissa van Rijsingen Nina Ghijsens Felicia Rodrigues dos Santos.
How effective is the combination of your main product and ancillary texts?
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Although this is an older issue of the magazine (2008) it looks very dated. The type for the page banner is definitely more hard core rock than designer.
7 Most Important Web Design Tips Published by :
EBook Cover Design Tips
SPEECH & LANGUAGE SERVICES
Surface Stage: Design Comps
Page Design.
Elements of Design.
Tips for beginner Graphics Designers
Elements of Design.
Top 5 Principles of Effective Web Design. The fantastic factor concerning about web design is that there are such a big amount of ways to approach an.
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
9 OF THE IMPORTANT POINTS TO CONSIDER DURING WEBSITE DESIGNING.
What: The heading and banner are at the top
Elements of Effective Web Design
Elements and Principles For Design!
Presentation transcript:

ASSIGNMENT 2 RESEARCH DESIGN REPORT Kelly Wong Yee Lin Lee Jie Sheng Nicholas Jessey Lim Nevena Cicovic Michelle Jeyabalan

ARTICLE 1- DON’T BORE YOUR VISITORS KEEP THEM THINKING

REVIEW- Article highlights several firm points as below: A website should be simple and interesting at the same time. It should not be difficult or complicated to browse. It should emphasize on its functionality over everything else. A good website design should be able to grab as well as hold the viewer’s attention. It must be neat in terms of layout to make it easier for readers.

EXAMPLE OF A SIMPLE WEBSITE

infinvision.cominfinvision.com is a branding design consultant company. Their website is simple and easy. They use black and white colors to make it less difficult and complicated for its visitors. On the other hand, the website design is creative enough and able to grab as well as hold the viewer’s attention due to the fonts that are used.

EXAMPLE OF A SIMPLE WEBSITE

hocusfocus.nohocusfocus.no is another good example of a simple and interesting website. The balance between its simplicity and it being interesting is achieved, resulting in a classy look on the overall layout but yet not in a sophisticated way.

EXAMPLE OF A CONFUSING WEBSITE

EXAMPLE OF A CONFUSING WEBSITE

CONFUSING WEBSITES The 2 websites above are good examples of bad (or confusing websites). It seems like there is a lot of things happening at the same time the moment visitors land on the webpage. Visitors would not know where to go next as there is no proper layout for both websites.

ARTICLE 2- DON’T MAKE THEM WAIT

REVIEW- Article is well written, supported by strong points: Graphic images must be as small as possible Usage of solid colors Usage of less colors More design, less graphics Less is sometimes more

EXAMPLE OF A FAST & GOOD LOOKING WEBSITE:

nickonken.comnickonken.com is a photography website. Despite it being filled with graphic images and videos, the page can load in a very short time due to its simple and classic design using very little colors. The design interface is not complicated and is comfortable to be viewed as well.

EXAMPLE OF A FAST & GOOD LOOKING WEBSITE: marcinkaniewski.com

MARCINKANIEWSKI.COM marcinkaniewski.commarcinkaniewski.com is also another good example of a fast and good-looking website. It rules out the misconception that photography websites will tend to lag because it has too many images in it. This creative homepage features more than 60 images and allows one to change the background colors to grey and white from black according to the visitors’ moods without having them to wait.

CORPORATES WANT IT FAST! A fast loading website is important to people whose time is equal to money, especially those working in the corporate world. A brand designer or website designer must ensure that websites which involves major corporate usage to be fast and efficient. In this case, it is not a primary concern on whether the design of the website is attractive or not. Rather, their main concern is to be able to get things done fast.

Banking sites Government Portals

Airline Websites Stock Market Sites

LEISURE PLEASURE Websites which are designed for leisure purposes are also better if they load fast. Some people might be able to compromise if the websites are slow and laggy (because they are not in a rush). They will also tend to be attracted to creative and beautiful layouts rather than their loading speed. However, it will definitely be a bonus if a website is at the same time visually attractive and fast to load.

Online Shopping Websites E-ticketing Websites

Food Delivery Websites Lifestyle Blogs

ARTICLE 3- FIND OUT WHAT COLORS WILL CAUSE YOUR VISITORS TO HATE YOU

REVIEW- This article states the very basic rules of color usages in a website in order to make it attractive. However, we feel that this article is only meant for individuals who wishes to create a basic, simple website. In other words, this article is not applicable to people who are creative and likes to think out-of-the-box. To these people, this article might be a limitation for them to unleash their creativity because they can produce an equally outstanding website using the correct color palettes and relevant themes.

REVIEW- This article states that one should use the colors red and yellow sparingly, as they would not want the readers to strain their eyes. But, this cannot be implemented in all websites as some website designers are actually able to produce stunning websites that comprises of red or yellow as their primary colors and at the same time attracts the readers’ attention without causing discomfort. This is mainly due to the complementary colors that the designer uses alongside with red and yellow. Another possible reason is also because the 2 colors are well-related to the overall concept of the website itself.

EXAMPLE OF A RED-COLORED THEME WEBSITE

uses red (or more specifically rouge red) as their primary color, but yet it gives a warm sensation without causing any discomfort. The usage of red, forest green, licorice black, decoratoers white, ricotta grey and rose pink creates an almost-perfect palette for this website.

EXAMPLE OF A RED-COLORED THEME WEBSITE

kitkat.comkitkat.com uses red as their primary color simply because red is the color of its branding image. It is more recognizable and memorable to its consumers.

EXAMPLE OF A YELLOW-COLORED THEME WEBSITE

ET enterprisefoundation.netenterprisefoundation.net uses a large amount of yellow in its website, and again, due to its complementary palette, the color yellow has not only caught the attention of visitors but at the same time elevates the whole website into something creative and innovative, creating a sense of comfort to the visitors due to the wise choices of colors to be used with yellow.

EXAMPLE OF A YELLOW-COLORED THEME WEBSITE designcharts.com

DESIGNCHARTS.COM designcharts.comdesigncharts.com is a very simple yet exquisite website as it only uses main colors of yellow, black and white. This is a classic combination of colors that most designers will use.

ARTICLE 4- NAVIGATION

REVIEW This article has managed to provide the fundamentals of website navigation. The name or logo of the company should be on top of every page in the website. It is important to showcase one’s company’s logo on every page so that the visitor can be constantly reminded of where they are, and a repetition could create a cognitive imprint in their unconscious minds. Links used in a website should be easy to understand (universally) to avoid confusion. For the navigation to work well one should use different colors for links that are visited and unvisited. This serves as a very good guidance for the visitors to let them know where they are without them remembering themselves.

EXAMPLES OF GOOD NAVIGATION

REFERENCES cord marcinkaniewski.com designcharts.com