Lynda.com Typography for Web Designers 網頁設計排版視頻教程 英文DVD版

商品編號：Yjc0419
本站售價：NT$100
碟片片數：1

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
軟體名稱: Lynda.com Typography for Web Designers
語系版本: 英文DVD版
光碟片數: 單片裝
保護種類: 序號
破解說明: 無
系統支援: Windows XP/Vista /7
硬體需求: PC
軟體類型: 教學
更新日期: 2011.08.09
軟體發行: Lynda.com
官方網站: http://www.lynda.com/TextWrangler-3-1-tutorials/Typography-for-Web-Designers/79411-2.html
中文網站:
軟體簡介: (以官方網站為準)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

主講人: Laura Franz
Lynda.com 出品的時長6小時25分鐘的 網頁設計排版 視頻教程。由Laura Franz講
述了網頁設計人員是如何選擇一個網站的字體，並創建優美，清晰類型的網頁。教
學演示了網頁創建設計時，最大限度地處理字體大小、行高、線長、對齊、顏色、
文本語塊的垂直空間和創建資料階層，使網頁更具可讀性。內容還包括網頁字體的
編入，CSS式樣，使用兩種字體融洽創建協調一致性等等。本教程附帶練習文件。

目錄:

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

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=