 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.

Slides:



Advertisements
Similar presentations
3.01D Design Multimedia Presentations
Advertisements

Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2: Planning.
3.02E Designing and Development of Multimedia Titles 3.02 Demonstrate interactive multimedia presentations.
Microsoft Expression Web-Illustrated Unit C: Adding Text and Links.
. Website and file organization. How websites work.
MAINTAINING A WEBSITE If you build it, will they come?
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Elements of graphic design White Space ● Unity ● Color ● Typography.
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.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
Introduction to Web Development in HTML Web module day 1 IS 201.
UNIT 14 Lecturer: Ghadah Aldehim 1 Websites. Introduction 2.
Building a Web Site Back to Table of Contents. Building a Web Site Fundamentals of Web Design Creating an Attractive Site 2 Building a Web Site Section.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
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.
Web-designWeb-design. Web design What is it? Web-design features Before…
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
T9-1 Announcements Assignments will be submitted in a group of two students Talk to your fellow students and make a group with another student (by Sept.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Web Site D e s i g n and Usability INBS 510--Introduction to Internet Business Presented by Gita Persad and Virna Wong.
The Five Elements of Design. Color  When choosing colors to use in a Web site, a designer should use colors that are complementary.  One color allows.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Cascading Style Sheets: Got Branding?. What is CSS? CSS = Cascading Style Sheets Styles define how HTML (web) elements are displayed. One (or more) style.
UNIT 14 1 Websites. Introduction 2 A website is a set of related webpages stored on a web server. Webmaster: is a person who sets up and maintains a.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
4 Simple Web Design Rules. Your Web Site Should Be Easy To Read  Choose your text and background colors very carefully  Don't use backgrounds that obscure.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
 Good navigation is consistent, clearly labeled, and reflects the needs of the site’s audience.  Navigation labels are short, clear, and user-friendly.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.
Color Navigations Loading Page Grabs Attention Internet source: content/uploads/2014/02/web_design.jpg.
Planning Site Design and Page Layout. Identify Best Practices Demonstrate Consistency: – One way to ensure a professional look and feel to a website –
Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.
Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.
ANACONDA DON’T (Website Design Layout Research) Group Leader : Muhammad Izzhar Members : Khaleda Zolkipli Aisyah Mustapha
1 PROJECT 2 WEB/HTML PROJECT USING MICROSOFT WORD Management Information Systems.
Web Page Design 1 Information Technology ClassAct SRS enabled. Web Page Design This presentation will explore: creating web pages structure, formatting.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Web page design. Web Site Design Principles Design for the Medium What is meant by Hyper Media? Hypertext links.
ASSIGNMENT 2 INTERACTIVE MEDIA. Weng Leon Wong Mun Yee Chew Wee Li RD Drake 1007K10923 Tan Eng Jun 0807C67907 The Groupings.
Team Leader: Sanne Evers Team Members:Kristie Ting Marissa van Rijsingen Nina Ghijsens Felicia Rodrigues dos Santos.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Essential Elements to Keep in Mind While Designing a Website.
COMP 143 Web Development with Adobe Dreamweaver CC.
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.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Page Design.
Color Theory in Web Design
Elements of Design.
Web-design.
Web software.
Elements of Design.
Web Design and Development
Introduction to Web Design
3.02D Design Multimedia Presentations
Elements of Effective Web Design
Presentation transcript:

 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. - May distract from the main focus of the website. Function & Usability - Too many irrelevant content about page thus visitors would get bored easily. -Has too many varying fonts which can be another distractive aspects. -May look cluttered and messy.

In comparison to The Daily Eggs’ page, Frostcollective’s page seem more neat and organized with the use of proper fonts. Links used in Article 1

 Internet Connections - Ease of access into a website may attract visitors. - Simplicity of a site’s navigation. - Speed of download.  Negative Space/White Space - Clever use of negative space. - Avoid cluttering page with too much use of negative space.

 Using Photoshop may benefit designers in terms of the design itself.  However, incompatibility of the Photoshop file and where the file is going to be in the browser may occur due to different functions.  Adobe Photoshop is quite pricey as it is a proprietary software which consists of many features.

Links used in Article 2

 Critics on the color of the website and its contents. Color is one of the essential keys to great web plan. Shades ought to be picked sensibly as it influences the state of mind of the viewers. It ought to be picked in such a way to suit the subject of the site (Geetha,2004). - The primary colors chosen should be reasonable to the intent of the site.

 Cont’. -Colors may also aid web visitors to easily find what they are looking for. -With the right color and the right topic, visitors will be attracted to use the site.

Links used in Article 3

 Hyperlinks - Hyperlink is the main idea or concept that permits the web to work. - Unites one site page to either an alternate report (file or webpage), or an alternate piece of the same document. - Set content by using color or italic variant of the body copy typeface.

 Visited Links - Browsers stay informed regarding Web use by saving analyzing data. - This stored "history" is the medium that empowers users to use the History menu to backtrack to pages they visited days ago, or to use back button to follow their latest steps. - The history also permits the browser to analyze links on a page that already been visited. - At the point when navigating a body of data as gigantic as the Web, it gets to be greatly essential to perceive the pages that have been visited.

 Unvisited Links - At the point when visited and unvisited links are not differentiated, the best way to figure out if a page has been visited may be to visit repeatedly. - The standard browser default is to shade unvisited links blue and visited links purple. - This combination is the most inclusive and generally recognizable, even with some variety in saturation and brightness, may be in blue and violet.

Links used in Article 4

 Sabina Idler Key Principles Of Good Website Usability. [ONLINE] Available at: [Accessed 07 October 14].    Turnbull, C. (2011). Using White Space (or Negative Space) in Your Designs. Available: designs--webdesign Last accessed 8th October 2014  George, J. (2012). A Solid Understanding of Negative Space. Available: Last accessed 8th October 2014  Malley, B. (2014). Five Critical Techniques for Creating Seamless Photoshop Composites. Available: Last accessed 8th October 2014.

 Vishal, V. (2007). The Importance of Color Theory. Available: web-designing html. Last accessed 7th Oct  Geetha. (2004). Importance of Color in Web Design. Available: Last accessed 7th Oct  Noack, S. (2010). A Look into Color Theory in Web Design. Available: Last accessed 7th Oct   