Web Design For Developers

Slides:

Advertisements

Similar presentations

WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli Instructor: Wednesday: 10:15 -11:15 Week 3.

Advertisements

Very quick intro HTML and CSS. Sample html A Web Title.

Unit 20 - Client Side Customisation of Web Pages

1 Tips You Need to Know. 2 In designing presentations…  Observe  Consistency, simplicity, neatness  present explanations  (if possible) using words.

Session 2—Chapter 3 Visual Literacy Learn to See, See to Learn.

Exploring Web Design Chapter 3 Web Typography. The goal of any web page is to communicate.

Creating a Mobile Strategy Based Upon DNN Jeff McWherter Partner & Director of Development.

Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.

SM5312 week 2: web design1 Web Typography Nick Foxall.

C.R.A.P Contrast The elements being very different from one element to the next. For example the title font size would be very large and the text information.

WEB PAGES: CREATING AND MAINTAINING ** Tom Keane & Mayis SeapanInstructors: HTML Tags to format your text.

Chapter 6 Color Image Processing Chapter 6 Color Image Processing.

Web Fonts. Choosing Fonts for a Website: Only those fonts that are installed on our viewers' computers will display properly on our web pages. For this.

Fonts Desktop Publishing. How many words can you read per minute? 250 to 300 words per minute.

E D Typography A C B Georgina Wood.

I. Map Design Elements II. Map Composition III. Map Perception IV. Map Lettering V. Type Elements VI. Considerations in Selecting Type for Maps VII. Lettering.

GIS Poster Info You will print and mount your poster in the GIS lab, Tisch Library Map Room – posters must be plotted by 5pm, May 7 th Try to get it finished.

Font Families by Anthony Asay. Font Family ●Font family or font face is the typeface that is applied to the text by a web browser. ●There are a lot of.

Typography: Basics. Type Basics Typography: The design of letterforms and the arrangement of them in two-dimensional space. Type font: A complete set.

Web Typography Serif and sans serif fonts  Serifs are the tails on the letters  Serif leads the eye from letter to letter  At large font sizes, the.

Responsive Web design The usage and essentiality of responsive web design are increasing with the increase of mobiles devices and tablets usage Your website.

Basic Formatting Charlie Haffey Norwood Elementary Science.

The applied art of arranging image and text to communicate a message.

Accessible PowerPoint Presentations. If your presentation will go on the Web It’s best if you start from scratch Create your presentation in normal or.

Slide Header, 36 pt. dark gray When using this template, please follow the identity guidelines found at

Cascading Style Sheets Class 2, Lecture 2 Rachel A Ober

Text and Fonts in CSS. Customizing fonts In CSS, fonts are divided into “font families” Only certain fonts are commonly installed on most computers Therefore.

Design: Type Readability Relationships Types of Type (Fonts Type on the web.

Introduction to Poster Design Melanie St. James Manager, Design and Usability Services UIT ESTS, Tufts University

Typography: The art of type and the technique of designing letter forms.

Prioritizing Web Usability Nielsen and Loranger Chapter 7: Typography: Readability and Legibility Paul Ammann SWE 432 Design.

Accessibility and Usability Evaluation Summary for Mobile and Web 2.0 Applications Najat Al Naamani INFO6002: Assistive Technologies.

+ Fonts Mr. Mistler Fonts. + Fun Facts About Fonts There are thousands of fonts out there Some cost money Apples and PC’s have different fonts pre- installed.

Creating a Presentation Template

PowerPoint: Beginner Level Pointers Mrs. L. Paschitti.

What is Type? Typography Fundamentals. Expressive.

By Allison Cohen Summer  Big  Simple  Clear  Consistent.

Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from.

Text characteristics. Size Text size is measured in points Which text size would you choose?

Text Characteristics Adding “Impact”. Size Text size is measured in points Which text size would you choose?

Headings and Text What makes headings stand out?.

CSS FONT STACKS. What are font stacks? Font stacks are about creating a relevant and comprehensive list of fall-back fonts.

Power Point Graphic Design Principles. Symmetrical Balance Symmetry – equal on both sides This slide shows a symmetrical balance.

WEB DESIGN PRINCIPLES Dale Blasingame School of Journalism & Mass Communication Texas State University.

Website redesign for Bangladesh High Commission,London Delight.

1 Jeff McWherter Director of Development Do I Really Need a Mobile App, Or Is a Mobile-Friendly Website Enough? Do I Really Need a Mobile App, Or Is a.

The designer crafted word

CS3220 Web and Internet Programming CSS Basics

DCAH Writing Assignment

Web Design M. Jacie Yang Assistant Professor

Unit 2.1: Identifying design elements when preparing graphics

Chapter 6 More CSS Basics Key Concepts

Basics of Web Design Chapter 6 More CSS Basics Key Concepts

Design and Implementation of Software for the Web

Symbolic Images Created from Type

Basics of Web Design Chapter 6 More CSS Basics Key Concepts

Your Name: _________________________

Web Development & Design Foundations with H T M L 5

Unit 7 The Web Book Test.

CS3220 Web and Internet Programming CSS Basics

Color Image Processing

Lesson 5 – Controlling fonts with CSS

CS3220 Web and Internet Programming CSS Basics

Creating your own Styles

Title Subtitle..

ATLAS WEB Web Typography.

Presentation transcript:

Web Design For Developers Jeff McWherter Director of Development

HTML/CSS Expert Designer Developer

Mock Ups

kuler Choosing Colors

Are you a startup. Do you just list info Are you a startup? Do you just list info? Do you perform a task or function?

Image Editors

Fonts and Typography Kerning, no Comic MS @font-face CSS Gills Sans, Helvetica, Geogria, Verdana serif and sans serif Contrast Fonts and Typography

Working with Internet Explorer

Accessibility and Usability

Designing for Mobile Devices

www.gravityworksdesign.com Jeff McWherter jeff@gravityworksdesign.c om twitter: @jmcw www.gravityworksdesign.com