Class on 10.28.2019 Navigation Styling Links Gestalt Principle: Proximity Work on Midterm Typographic Hierarchy CodePen Base Typography Example: https://codepen.io/profstein/pen/pOXymR Pair and share
typographic hierarchy
Class on Wednesday, September 25 Today we will work in roughly two parts. Part 1: Review of Assignment 3: CSS Grid and Assignment 4: Typographic Hierarchy Part 2: Adding images and Grid to Assignment 4. Part 1: Review of Assignment 3: CSS Grid and Assignment 4: Typographic Hierarchy We will […]
Today were are going to go deeper into typographic hierarchy. PART 1 What is Typographic Hierarchy We will look at and discuss my (updated) post on Typographic Hierarchy: https://openlab.bmcc.cuny.edu/mmp-240-fall-19-stein/2019/09/16/typographic-hierarchy/ PART 2: Examples and Inspiration Next we will look at the following for examples and inspiration related to typography and hierarchy: […]
CLASS 6 on Monday 9/16/2019 Today we are going to look into typography and how to implement it on the web using CSS. Typography Basics We will start with looking at typography basics. This post covers that and more. Don’t worry if you don’t pick it all up right away. […]
These are some of the more commonly used properties for typography and creating typographic hierarchy. Font (Typeface): This controls the font that is used. Also see the information on fonts in the CSS section of the Web Design Resources. CSS Property: font-family Example: font-family: "pt sans", sans-serif; https://developer.mozilla.org/en-US/docs/Web/CSS/font-family Font Weight This controls the weight (boldness […]
Most of the web is text so much of what you have to design is text. A typographic hierarchy helps the user to quickly scan a page and find information. Also, done right, it will make the page more visually attractive. Typographic Hierarchy tells the reader two basic things: what text is more or […]