Modular scales and how they apply to web design #section2Ī modular scale, like a musical scale, is a prearranged set of harmonious proportions. Finally, we’ll think about how designing with modular scales fits into current workflows, and where we might go from here. Next, we’ll dive into this example and go over my reasons for starting with certain numbers, choosing particular proportions, and and applying my scale’s numbers to specific CSS measurements. Let’s start by looking at what modular scales are, and how they apply to web design. Using the golden ratio, for example, we can produce values for a modular scale by multiplying by 1.618 to arrive at the next highest number, or dividing by 1.618 to arrive at the next number down.īy using culturally relevant, historically pleasing ratios to create modular scales and basing the measurements in our compositions on values from those scales, we can achieve a visual harmony not found in layouts that use arbitrary, conventional, or easily divisible numbers. Fig 2: Our example page, designed using a modular scale.Ī modular scale is a sequence of numbers that relate to one another in a meaningful way.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |