Помимо главной страницы, на сайте есть семь различных основных областей. Итак, я нанял семь разных иллюстраторов для создания дизайна. Это первое, что мы собираемся изучить и внедрить на сайт. Это раздел галереи сайта, созданный Эрикой Сиротич.
Мы перебираем HTML и CSS, чтобы освободить место для верхнего колонтитула, что мы, по сути, делаем с помощью отступов.
Мы немного изменим размер с помощью Photoshop, чтобы получить иллюстрацию именно того размера, который нам нужен. На данный момент чертовски большой, но в будущем мы, вероятно, сделаем некоторые более умные вещи для загрузки графики заголовка подходящего размера для текущего размера экрана.
Один небольшой трюк, который мы используем, - это добавить к обтяжке страницы несколько нижних полей, чтобы в конце страницы была какая-то пустая текстура внизу, что придает окончательный вид дизайну (по крайней мере, на данный момент, пока мы работать с нижним колонтитулом).
Мы закончили с тем, что заголовок галереи красиво на месте, но нам нужно немного поработать над ним, но мы добавили маленькие синие иллюстрации человечков, которые Эрика сделала как часть этой иллюстрации.
Файлы
- 57-CSSFramesFinal.psd.zip