Layout Essentials_ 100 Design Principles for Using Grids ( PDFDrive ).pdf

(17046 KB) Pobierz
Table of Contents
Title Page
Copyright Page
Dedication
Introduction
Getting Started
ELEMENTS OF A GRID
1. Know the Components
BASIC GRID DIAGRAMS
2. Learn the Basic Structures
DETERMINE THE APPROPRIATE GRID
3. Assess the Material
FORMATTING TEXT
4. Put First Things First; Do the Math
HIERARCHY OF INFORMATION
5. Go Easy on the Reader
GRID AND IMAGE
6. Determine an Order
COMBINING GRID, TYPE, AND IMAGE
7. Consider All Elements
COLOR
8. Define Space with Color
SPACE
9. Communicate Using Space
RHYTHM AND FLOW
10. Pacing Sets the Tone
Working Grids
SINGLE COLUMN
11. Give the Subject Matter a Face
12. Design with Ample Margins
13. Work in Proportion
TWO COLUMN
14. Give Columns Equality
15. Design for Function
16. Rules Rule!
17. Use the Entire Area
18. Use Typography to Define Zones in the Grid
19. Mix Quirks with Consistency
20. Alternate Formats
THREE COLUMN
21. Make It Look Simple
22. Define Columns Typographically
23. Avoid Overcrowding
24. Lower the Columns
25. Shift Shapes
MULTICOLUMN
26. Get Off the Straight and Narrow
27. Mix It Up
28. Control a Variety of Elements
29. Not Lost in Translation; Be Clear
30. Website Basics
MODULAR
31. Break It Down
32. Leave Some Breathing Room
33. Be Rational
34. Vote for an Ordered World
35. Modules Do Not Need to Be Squared Off
TABLES AND CHARTS
36. Think of the Chart as a Whole
37. Illustrate the Charts
38. Design beyond the Expected
39. Frame Boxes with Discretion
40. Go beyond Boundaries
COLOR AS A DOMINANT ELEMENT
41. Use Color to Get Attention
42. Determine a Palette
43. Let the Color Be the Information
44. Marry Color and Typography
COLOR AS ORGANIZING PRINCIPLE
45. Control It with Colors
46. Use Color in Typography for Emphasis
47. Put the Information in the Color
48. Code with Color
49. Separate Content with Color
50. Use Shades to Achieve Color
HORIZONTAL HIERARCHY
51. Break Signage into Sections
52. Put Like with Like
53. Let Space Define Your Horizons
54. Illustrate Timelines
55. Work above and below the (Scrolled) Fold
WHEN TYPE FORMS THE GRID
56. Get Noisy
57. Turn It on Its Side
58. Pack It In
59. Play with the Grid
60. Involve the Viewer
FILLED AND FUNCTIONAL
61. With Order, Make Small Margins Work
62. Make Your Point
63. Avoid Crowding
64. Make Space Count
65. Design a Balanced Viewpoint
66. Guide Your Reader
SPACIOUS BUT NOT BARREN
67. Pace Yourself
68. Create an Oasis
69. Let the Images Shine
SEEMINGLY GRIDLESS
70. Map It Out by Hand
71. Imply a Hierarchy
72. Use Organizing Principles

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin