Join Justin Seeley for an in-depth discussion in this video Choosing the right fonts, part of Photoshop CC for Web Design.
…Choosing the right font for your project can often times be just…as frustrating as choosing the right colors for your project as well.…In this movie I'm going to show you how to get around that a little bit…and also how to get better typography in…your designs by using a service called TypeKit.…So, type on the web.…For many, many years it's been boring.…You've had the choice between serif and san serif fonts.…Basically, Arial, Helvetica, Times New Roman, Georgia.…That's what you were stuck with.…Then we had this explosion of something called web fonts.…
And web fonts allowed for a more right typographic experience on the web.…Adobe bought this service called TypeKit a few of years ago.…That allowed you to sort of use really fancy fonts on the web.…And recently, they've integrated it with Creative Cloud, allowing you to use…those fonts not only on the web, but also on your desktop.…In order to get started with your Creative Cloud application, which…is going to be running in your menu bar on a MAC.…Most likely in the start menu area on a PC.…
Author
Released
3/17/2014- Why use Photoshop for web design?
- Decoding the mysteries behind screen size and resolution
- Giving your website a purpose with a content strategy
- Customizing a web workspace in Photoshop
- Designing responsively
- Creating wireframes on a grid
- Choosing colors and fonts
- Developing a UI kit with Photoshop
- Assembling a page mockup
- Creating image sprites
- Optimizing images
- Integrating with the rest of the Adobe Creative Cloud
Skill Level Intermediate
Duration
Views
Related Courses
-
Design the Web: Layer Comps
with Chris Converse26m 5s Intermediate -
Creative Quick Tips
with Justin Seeley7h 1m Appropriate for all
-
Introduction
-
Welcome1m 19s
-
How to send feedback1m 9s
-
-
1. Core Concepts
-
Understanding the "new web"2m 39s
-
-
2. Setting Up Photoshop for Web Work
-
3. Designing Responsively
-
What is responsive design?5m 26s
-
-
4. Creating a Wireframe
-
Reviewing client specs4m 2s
-
Creating a sketch5m 53s
-
Exploring grid systems11m 14s
-
Setting up your project6m 12s
-
-
5. Creating Aesthetic Elements
-
Developing a color theme4m 37s
-
Choosing the right fonts5m 51s
-
-
6. Creating a UI Kit with Photoshop
-
Choosing a UI theme3m 43s
-
Using icon fonts and sets5m 46s
-
Saving UI elements as shapes2m 35s
-
-
7. Assembling a Page Mockup
-
Applying your color scheme6m 26s
-
Styling navigation4m 58s
-
Adding copy from your client3m 26s
-
Adding images to your mockup13m 29s
-
-
8. Optimizing Web Graphics
-
Decoding web file formats2m 38s
-
Optimizing individual images4m 25s
-
How and when to use SVGs4m 5s
-
9. Creating Image Sprites
-
What is an image sprite?1m 32s
-
Developing a sprite grid3m 17s
-
Assembling your sprite3m 3s
-
Optimizing sprite images2m 35s
-
-
10. Using Other Apps in Your Workflow
-
Conclusion
-
Goodbye1m 33s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Choosing the right fonts