Scale

<img class="alignnone" src="http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2013/10/rodchenko_books.jpg" alt="" width="535" height="300" /> Scale is the size of an element in relation to other elements. <strong>Examples:</strong> <ul> <li>The first level of hierarchy in text (heading 1) is usually larger in size to mark the beginning and its importance in describing all the other elements.</li> <li>A button that takes up more space compared to the others might be considered to be more important or the interface's call-to-action. Likewise, you might make something like a caption or less important photo smaller so it doesn't distract a viewer.</li> <li>Mac dock icons scale on roll over to mimic magnification, indicate roll-over, and make it easier to click <img class="alignnone size-medium wp-image-284" src="http://interactionlibrary.jacklynn.com/wp-content/uploads/2014/12/Screen-Shot-2015-03-02-at-9.00.43-PM-300x105.png" alt="Screen Shot 2015-03-02 at 9.00.43 PM" width="300" height="105" /></li> </ul> <strong>Orientational:</strong> Increasing the amount of space is one to to show importance or to draw attention to otherwise distinguish it. This is typically used with weight, order, and color. <strong>Stylistic:</strong> Scale can also be used stylistically. For instance, when a text is blown up into a large size it can become a more graphic, visual element rather than a purely functional one. <strong>Questions:</strong> How might sound scale?