...
| Mockup |
|---|
| Mockup - RegionEditing - Overview |
|---|
| Version | 3 |
|---|
| Name | Mockup - RegionEditing - Overview |
|---|
| 1 | 3 |
|---|
| Mockup - RegionEditing - Overview |
|---|
|
The above mockup shows a home page with four main areas: a side column for ads, one for extras, a central main area and a footer. The bars of the containing paragraphs are hidden.
...
| Mockup |
|---|
| Mockup - RegionEditing - empty page |
|---|
| Version | 4 |
|---|
| Name | Mockup - RegionEditing - empty page |
|---|
| 1 | 4 |
|---|
| Mockup - RegionEditing - empty page |
|---|
|
Selecting an area
| Mockup |
|---|
| Selecting an area - slide in |
|---|
| Version | 1 |
|---|
| Name | Selecting an area - slide in |
|---|
| 1 | 1Selecting an area - slide in |
|---|
|
The edit bar of the selected area is colored using the selection color to guarantee consistency across the interface. The background of the area is slightly colored to emphasize its entire block. All edit bar of its sub paragraphs slide in. Care must be taken that any such transition is smooth and does not disorient the user, while still feeling snappy as to not hold up editing for too long.
...
| Mockup |
|---|
| Selecting an area - fade in |
|---|
| Alignment | CENTER |
|---|
| Version | 2 |
|---|
| Size | 1000 |
|---|
| Name | Selecting an area - fade in |
|---|
| 1 | 2 |
|---|
| 2 | CENTER |
|---|
| 3 | 1000Selecting an area - fade in |
|---|
|
