v

您的位置:VeryCD教育计算机


《网页设计排版视频教程》(Lynda.com Typography for Web Designers)[光盘镜像]

  • 状态: 精华资源
  • 摘要:
    主讲人Laura Franz
    发行日期2011年
    对白语言英语
    文字语言英文
  • 时间: 2011/07/27 00:43:10 发布 | 2011/07/29 23:03:11 更新
  • 分类: 教育  计算机 

MTina

精华资源: 3862

全部资源: 3863

相关: 分享到新浪微博   转播到腾讯微博   分享到开心网   分享到人人   分享到QQ空间   订阅本资源RSS更新   美味书签  subtitle
该内容尚未提供权利证明,无法提供下载。
中文名网页设计排版视频教程
英文名Lynda.com Typography for Web Designers
资源格式光盘镜像
学校Lynda.com
主讲人Laura Franz
发行日期2011年
地区美国
对白语言英语
文字语言英文
简介

IPB Image

语言:英语
网址: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 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·

正在读取……

这里是其它用户补充的资源(我也要补充):

暂无补充资源
正在加载,请稍等...

点击查看所有35网友评论

 

(?) [公告]留口水、评论相关规则 | [活动]每日签到 轻松领取电驴经验

    小贴士:
  1. 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  2. 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  3. 勿催片。请相信驴友们对分享是富有激情的,如果确有更新版本,您一定能搜索到。
  4. 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
  5. 如果您发现自己的评论不见了,请参考以上4条。