Lynda.com : Typography for Web Designers (with Exercise files) 2011
English | 960x540, 15.00 fps(r) (eng) | aac, 48000 Hz, stereo (eng) | 782 MB
Genre: VideoTraining
In Typography for Web Designers, author Laura Franz shows how to choose fonts for a web site and create beautiful, legible type. The course shares how to create designs that maximize readability (and keep visitors on the page) by paying attention to details in size, line-height, line length, alignment, color, vertical space, and more. Laura also demonstrates how to incorporate web fonts, style type with CSS, and pick fonts that work well together. Exercise files are included with the course.
Introduction 06m 18s
Welcome 01m 09s
Using the exercise files 01m 57s
Things to consider before starting this course 03m 12s
1. Using Fonts to Communicate the Meaning of a Word or Headline 41m 03s
Understanding how good typography promotes reading 02m 09s
Understanding legibility 04m 41s
Understanding how fonts convey meaning 05m 19s
Choosing web-safe fonts to convey meaning 06m 13s
Using font size, case, style, letter spacing, weight, and color to convey meaning 06m 22s
Choosing web fonts to convey meaning 06m 23s
Downloading web fonts 04m 09s
Applying web fonts in CSS with @font-face 05m 47s
2. Using Fonts for Text 38m 00s
Choosing a web-safe font for use in text 04m 13s
Applying the web-safe font to the text and the heading 03m 04s
Setting a class for the resource titles in the text 03m 45s
Choosing a second web-safe font for the heading 02m 42s
Applying the second font to the heading 02m 16s
Choosing a web font from the Google Font API for use in text 05m 44s
Adding and applying the Google Font API syntax 04m 29s
Choosing a second web font from the Google Font API for the heading 02m 56s
Adding and applying the second font to the heading 04m 52s
Analyzing the fonts on some professional sites 03m 59s
3. Maximizing Readability 55m 31s
Understanding how we read 04m 34s
Finding and applying a good font size and line height 04m 50s
Finding and applying a good line length 08m 06s
Understanding ems 06m 17s
Using ems to set font size 06m 09s
Using ems to set line length 03m 40s
Understanding how color affects readability 03m 58s
Improving a color palette by improving contrast 05m 39s
Improving a color palette by reducing optical vibration 04m 59s
Analyzing text readability on the professional sites 07m 19s
4. Visually Chunking Text 01h 11m
Understanding how we "chunk" visual elements 03m 59s
Developing a system of hierarchy 02m 17s
Applying hierarchy in HTML and CSS 07m 16s
Developing a system to help chunk text for readers 06m 01s
Applying the system in the CSS 04m 19s
Changing an element by creating and applying a class 05m 00s
Using multiple columns to create hierarchy 04m 12s
Building a two-column system in HTML and CSS 10m 56s
Refining the horizontal space in a two-column layout 06m 01s
Adding rule lines to improve chunking 05m 50s
Adding emphasis within a heading 04m 36s
Analyzing the chunking on the professional sites 11m 18s
5. Shaping a Page Using Typography 17m 57s
Understanding classic and modernist typographic pages 07m 03s
Understanding how to create rhythm and tension 06m 00s
Applying typography skills when making design decisions 04m 54s
6. Shaping a Traditional Typographic Page 55m 47s
Designing typographic links for the traditional page 05m 54s
Adding a list of links to the traditional page 08m 44s
Describing the link states in CSS 06m 30s
Returning links to their original "unvisited" style 02m 38s
Using different CSS for different kinds of links 07m 28s
Using CSS notation to organize syntax 05m 34s
Choosing a background color or image 04m 00s
Applying a repeating background image 02m 58s
Shaping the traditional page layout 06m 38s
Analyzing the traditional typographic elements on the professional sites 05m 23s
7. Shaping a Modernist Typographic Page 43m 00s
Designing typographic links for the modernist page 06m 47s
Making a list of links run across the page 02m 14s
Adding and removing space between the navigation links 06m 50s
Styling the inline links on the modernist page 05m 33s
Choosing a background color or image for the modernist bibliography 04m 04s
Applying a no-repeat background image 04m 13s
Shaping the modernist page layout 06m 58s
Analyzing the modernist typographic elements on the professional sites 06m 21s
8. Attending to the Typographic Details 52m 53s
Fixing quotation marks and apostrophes 06m 59s
Fixing dashes 06m 33s
Working with lining figures (numbers) and acronyms 09m 28s
Fixing characters that don't look right 08m 19s
Hanging punctuation 02m 54s
Applying typographic accents 02m 36s
Vertically centering text 05m 18s
Creating drop caps 05m 59s
Analyzing the typographic details on the professional sites 04m 47s
Conclusion 03m 09s
Additional resources 03m 09s
Download
From Wupload
------------***------------
http://www.wupload.com/file/168872891/Lynda.com - Typography for Web Designers.part1.rar
http://www.wupload.com/file/168872892/Lynda.com - Typography for Web Designers.part2.rar
From FileJungle
------------***------------
http://www.filejungle.com/f/emc2vT/Lynda.com_-_Typography_for_Web_Designers.part1.rar
http://www.filejungle.com/f/knt4ph/Lynda.com_-_Typography_for_Web_Designers.part2.rar
About ebookstraining
Hi, My Name is Hafeez. I am a webdesigner, blogspot developer and UI designer. I am a certified Themeforest top contributor and popular at JavaScript engineers. We have a team of professinal programmers, developers work together and make unique blogger templates.
0 comments:
Post a Comment