Tutorial for Hierarchy 006 – Stacked Blocks
Using Stacked Blocks
These frameworks can be used as a device to illustrate organization, relationships, and hierarchies. Each of the frameworks in this series can be used as a starting point for 2- to 5-tier stacks of boxes (just eliminate the tier that is unneeded and resize as a group).
These frameworks are drawn with a fill and a line, which is different from most other PowerFrameworks. This has been done so you would have a guide for coloring the framework, as it takes three different hues of the same color to achieve the right effect.
Once you have identified the best-suited PowerFramework, download it to a specific location on your computer so you'll be able to find it (the desktop is always a good choice).
Remember to group the frameworks before sizing so that the integrity of the framework is maintained. Hold the shift key down if you want to scale it while you are sizing. Ungroup again once it is the size you like so other customizations can be made. If, for example, you only need four tiers, this is the point where you would eliminate the bottom tier of boxes.
These frameworks are 3D drawings as opposed to a 2D object with 3D effect applied. For that reason, coloring these frameworks takes some thought. Choose a color that is consistent with your color palette. You will need to have three hues of this color, including your palette color. Make the two extra hues of the base color and apply them as shown below.
Do not apply 3D to this as it is already drawn in 3D.
Do not use shadows with this framework, as the shadowing is drawn into it.
Gradients, patterns, and pictures
You can use gradients with this framework as long as they are subtle. Otherwise, the gradients will detract from and overpower the concept.
Instead of animating the framework, you may want to consider just animating the content that you add to the slots as reveals.