中文名: 網頁設計排版視頻教程
英文名: Lynda.com Typography for Web Designers
資源格式: 光盤鏡像
學校: Lynda.com
主講人: Laura Franz
發行日期: 2011年
地區: 美國
對白語言: 英語
文字語言: 英文
簡介:

語言：英語
網址：http://www.lynda.com/TextWrangler-3-1-tutorials/Typography-for-Web-Designers/79411-2.html
類別：教程
（xuehui@TLF）
Lynda.com 出品的時長6小時25分鐘的 網頁設計排版 視頻教程。由Laura Franz講述了網頁設計人員是如何選擇一個網站的字體，並創建優美，清晰類型的網頁。教學演示了網頁創建設計時，最大限度地處理字體大小、行高、線長、對齊、顏色、文本語塊的垂直空間和創建數據層次，使網頁更具可讀性。內容還包括網頁字體的編入，CSS式樣，使用兩種字體融洽創建協調一致性等等。本教程附帶練習文件。
Course name: Typography for Web Designers
Author: Laura Franz
Duration: 06h 25m
Released on: 7/14/2011
In this course, Laura Franz shows web designers how to choose fonts for a web site and create beautiful, legible type. Typography for Web Designers shows how to create designs that maximize readability (and keep visitors on the page) by attending to size, line-height, line length, alignment, color, chunking text with vertical space, and creating hierarchy. Lessons are also included on the incorporation of web fonts, styling type with CSS, and creating font harmony by using two fonts that work well together. Examples of how professionals apply these typographic rules on their sites are also shown. Exercise files are included with the course.
Topics include:
Understanding how good typography promotes reading
Choosing web-safe fonts
Applying web fonts in CSS with @font-face
Adding and applying the Google Fonts syntax
Finding and applying a good font size, line height, and line length
Improving a color palette by improving contrast and reducing optical vibration
Understanding how people mentally organize, or chunk, visual elements
Applying a system of hierarchy in HTML and CSS
Applying vertical spacing in CSS
Adding emphasis within a heading
Understanding classic and modernist typographic pages
Adding a list of links
Creating drop caps
Fixing quotation marks, apostrophes, and dashes
下載鏈接來自TLF
未經過安裝測試與安全檢測，使用者後果自負與本論壇無關
軟體版權歸原作者及其公司所有，如果你喜歡，請購買正版
目錄:
Introduction
Welcome 01m 09s
Using the exercise files 01m 57s
Things to consider before starting this course 03m 12s
41m 03s
1. Using Fonts to Communicate the Meaning of a Word or Headline 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
38m 00s
2. Using Fonts for Text 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
55m 31s
3. Maximizing Readability 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
01h 11m
4. Visually Chunking Text 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
17m 57s
5. Shaping a Page Using Typography 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
55m 47s
6. Shaping a Traditional Typographic Page 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
43m 00s
7. Shaping a Modernist Typographic Page 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
52m 53s
8. Attending to the Typographic Details 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
03m 09s
Conclusion Additional resources 03m 09s
代碼

.· ░░░ ·■. ▀ ▓▄■ ■ ▄░ ■▄░ ▀▄ zk ■
▄▓█████▓▄ ▀▄ · ▄▓ ▄███▄░ ▄▄▄▄████ ░▄███▄ ▀▓█▄▄▄▄▄▄░ ·
████▀▀▀███▄ ██▄ ▄██ █████████▄ ▒█████▀▀██ ▄█████████▄ ██████████▄
▒███ ▓██░███ ███ ▓██▀ ▀██▓ ▓██▓ ▓██░███▀ ▓███ ███ ▀██▓
▓███ ▓██▓███░ ███░███░ ▓██░███░ ▄██▀ ██▓ ░███░███ ▓█▓
▓███ ▓██████░ ███████ ▀██████ ▀ ██▀ ███▓███░ ▄▓█▓
▓██▓ ███████░ ████████████████████████████████████████████████▀▀
▒██▓ ░▄ ███▓███░ ███░██▀▀▀▀▀▀▀██▓▀▀▀▀▀▀▀▀███▓██▀▀▀▀▀▀▀██▀███▀▀▀▀███▄
███▄ ▓█▄███░███░ ███░███░ ▓██░ ▄▄▄■ ███░██▓░ ░███ ▓██ ███░
▀█████████░ ███▓░ ▄███ ██▀ ▀██ ███ ░██▓ ██▀ ▓██ ▓██ ▓██▓
▀▀▓▓░███▄ ▀█████████▀ █▀ ▀█ ████▄▄▄███▒▄▀ ▀█▓███ ░███
▀██▄ ▀▀▓▓░▀▀ ▀ ▀ ▀▀█████▀▀ .░ ▓██
▀ .· ▄█▀
▀ ▀
QUASAR PROUDLY PRESENTS
· ───────────────────────────────────────────────────────────────────────── ·
Typography for Web Designers
(c) Lynda.com
Supplier . : QUASAR Size ..... : 14 x 50MB
Cracker .. : QUASAR Protection : Condom
Packager . : QUASAR Type ..... : Brain Enhancement
Date ..... : 07–22–2011 OS ....... : Win/Mac
· ───────────────────────────────────────────────────────────────────────── ·
Typography for Web Designers
Author: Laura Franz
In this course, Laura Franz shows web designers how to choose
fonts for a web site and create beautiful, legible type.
Typography for Web Designers shows how to create designs that
maximize readability (and keep visitors on the page) by
attending to size, line–height, line length, alignment, color,
chunking text with vertical space, and creating hierarchy.
Lessons are also included on the incorporation of web fonts,
styling type with CSS, and creating font harmony by using two
fonts that work well together. Examples of how professionals
apply these typographic rules on their sites are also shown.
Exercise files are included with the course.
Topics include:
* Understanding how good typography promotes reading
* Choosing web–safe fonts
* Applying web fonts in CSS with @font–face
* Adding and applying the Google Fonts syntax
* Finding and applying a good font size, line height,
and line length
* Improving a color palette by improving contrast and
reducing optical vibration
* Understanding how people mentally organize, or chunk,
visual elements
* Applying a system of hierarchy in HTML and CSS
* Applying vertical spacing in CSS
* Adding emphasis within a heading
* Understanding classic and modernist typographic pages
* Adding a list of links
* Creating drop caps
* Fixing quotation marks, apostrophes, and dashes
· ───────────────────────────────────────────────────────────────────────── ·
INSTALLATION
────────────
Unpack, burn or mount and enjoy.
· ───────────────────────────────────────────────────────────────────────── ·
GREETINGS
─────────
We salute our friends, our loyal members and our fair competitors.
· ───────────────────────────────────────────────────────────────────────── ·
░▓██████████████▓░ ··· THE ALMIGHTY QUASAR · 2011 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·