DDSN 360: Week 4 Lab Exercise

User Interface Design – Fall 2019

Week 4 Lab Exercise

Exercise 1: Size and Proximity

Using Move and Scale only, rearrange the provided white squares to create a hierarchy that follows the pink arrow pattern shown here.

You can also change the squares into rectangles of different proportions (use the side and corner handles to change size and proportions, hold the Shift key to maintain proportions).

Objects may overlap also, but they must stay as white squares and rectangles within the artboard space.

---

Exercise 2: Size and Color

Using Move and Scale only, rearrange the provided squares to create a hierarchy that follows the pink arrow pattern shown here, while factoring in the “weight” that each block’s color introduces to the mix. 

Same as before, you can change the squares into rectangles of different proportions, objects may overlap, but do not change the color of the shapes.

---

Exercise 3: Geons

Using Move and Scale only, create new and recognizable illustrated shapes with the provided geons. 

You can duplicate existing shapes (hold the Option key as you select and drag an object to create a duplicate) and you can resize the shapes. To resize, hold the Shift key as you click on a side or corner handle and drag to maintain proportions. If you do not hold the Shift key as you resize, the multi-part objects will separate.

Do not add color or shades and do not add new shapes. However, you do not have to use all of the shapes.