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.

Slides:



Advertisements
Similar presentations
Introduction to PowerPoint
Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
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.
UEC 01 : Computer Skills & Programming Concepts I 1PUA – Computer Engineering Department – UEC01 – Dr. Mona Abou - Of Lecture 10: Presentation Graphic.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Click your mouse for next slide Dreamweaver – Colors and Page Properties So far things are going just dandy aren’t they? You’ve been following FST’s fun.
Introduction to PowerPoint
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
There is a certain way that an HTML file should be set up. The HTML section declares a beginning and an ending. Within the HTML, there should be a HEAD.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Nick Donnarumma. We are either very lazy or very efficient because we tend not to read pages. We scan them instead to save time. We don’t figure out how.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
A Brief Glimpse of Web Design By: Samantha Beckett.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.
Web Technologies Website Development Trade & Industrial Education
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.
Unit E. Image Measurements The size of an image can be measured 2 ways: Dimensions: the height and width, measured in pixels. File Size: measured in Kilobytes.
Website Development with Dreamweaver
Using Dreamweaver Web Page Design. Introduction to Web Page Design Developing a New Site Building a web site involves creating individual pages and linking.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Web Page Design Principles
Website Development Instructor: Brad Atkinson. Planning Save valuable time Create mock-up drawing Provide useful content.
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.
CREATED BY: BRAYDEN ROOS DO’S AND DON’TS OF WEB DESIGN.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Usability Testing October 17, Overview Heuristic Evaluation and Usability Testing (25 min) Client Relationships – Lisa Lowthers (30 min) Review.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Introduction to Web Page Design. General Design Tips.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
Building an Effective Website. Start with a plan  Have clear goal and design your entire site with those goals in mind.  Research and develop a sketch.
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.
MICHELLE HOR MUN YEE (LEADER) ABEL KHOR JU YI 1003K75708 SHARIFAH NUR ZOEY JACQUELINE LOW SHIH HSIN CHEAM SZEN.
Principles of effective web design NOTES Flo Morris-Duffin.
Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.
BY: DAN PREVI Composite Materials. Consistent style and format Easy to find and use links Inviting colors and themes Efficient use of space Convinces.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
 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.
Graphics Navigation Usability Typography Content Clarity & Consistency.
12 do’s and don'ts of web design By: Savanna Mansell.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
WEB DESIGN PRINCIPLES Dale Blasingame School of Journalism & Mass Communication Texas State University.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
PowerPoint Computer Solutions 1. Multimedia A powerful blend of text, graphics, sound, animation, and video on your computer.  Multimedia is an effective.
Understanding the principles of website development
How to do Themes and Color Schemes.
Unit 13 – Two websites worksheet.
Section 7.1 Section 7.2 Identify presentation design principles
Objectives Format text, numbers, and dates
Web Design M. Jacie Yang Assistant Professor
Presentation Graphics
Objective % Explain concepts used to create websites.
Creating & Managing for Teaching Purposes
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Elements of Effective Web Design
Objective Explain concepts used to create websites.
Presentation transcript:

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 as possible when someone is on your site. Picture Properties & Alt Tags, hyper linking pictures is a lot more organizing and saves time. Photo Gallery, helps when you need to put a large amount of pictures on your site.

USABILITY Don’t make users think; your website should be obvious and self-explanatory Don’t waste users’ patience; keep requirements, like making an account, to be easy and not stressful. Keep users focused on your website; pictures are more attracting to people than words. Use the right font format; use the right writing style to fit with the website. Keep your website plain and simple; users don’t go to a website just to look at it; they go to a website for information.

FUNCTIONALITY The type of architecture the website will be built as The type of server the website will be hosted on Features that can make it easier to use the website for the users

NAVIGATION Things on a website should be very easy to find for users Site navigation should appear in the same location on every page of a site. The section names of a site should state what lies behind them. Too many navigation buttons can confused the user, so less navigation buttons is better and simpler. Remind the user where they are by highlighting the section of where the user is at.

TYPOGRAPHY Use bigger fonts to grab the users’ attention. Choosing an alternative to centered text can make a website design easy to read. Sans serif fonts are almost always the best font because it’s a better font to put on a screen. Don’t use the same color font that you have for the background color. Show a clear introduction hierarchy, so it will be the first thing that people will see when they go to your website.

GRAPHICS If you have a lot of large pictures on your website, represent them as thumbnails. Make sure the pictures are professionally done, so your website can look professional. All pictures should be in high quality. If you've got some large images that you want to display, shrink them down not only in size but in file size. The smaller the file size, the faster your page will load.

COLOR Keep colors simple, usually just have 1 or 2 colors the most. Use loads of white spaces. When picking colors, pick different tones and shades of those colors to work with. Pick natural color schemes.

LAYOUT Put information into sections. Your starting page should be the most attractive page in your website. Have the same theme throughout the entire site. Have colors, styles and fonts to complement each other with the design of the website.

GOOD WEBSITE

REASONS Has easy-to-find navigation buttons on the top Uses two simple colors; white and black All the images are thumbnails for people to click on The font and the style of the words complement the design of the website The layout out is nice, organized, and easy to use

BAD WEBSITE

REASONS There are way too many images on the website Has way too many colors The website is not really appealing because of all that’s going on the page Navigation buttons are hard to find Font sizes are not balanced and important thumbnails aren’t recognized easily

THE END.

WORD CITED PAGE should-know-2/