Выполнить PSD файл по готовому скриншоту

Задание:

1. Выполнить PSD файл на основе скриншота http://streamline.net.ua/terro/terro_home.jpg с учетом списка доработок и Требований к дизайну сайтов 1024px.

1.1.Список доработок:

1.1.1. Тексты с контактной информацией сделать шрифтами (возможность менять через HTML).

1.1.2. Горизонтальное меню. Продумать дизайн активной кнопки. Поменять шрифт (типа Arial Narrow, Palatino Linotype).

1.1.3. Ромб пустоты между Продукцией и кнопками меню. Есть предложение вогнутость флажка в Продукции заменить на выпуклость (в обе стороны). Тогда пустой ромб превратится в стрелочку.

1.1.4. Вертикальное меню. Правые стрелки активной кнопки можно перекрасить в желтый цвет, чтобы ее выделить среди остальных.

1.1.5. Логотип. Оливковый цвет на кляксе заменить каким нибудь другим оттенком (или другим цветом), который чаще используется в красках.Кроме того, пятно из красок под лого, можно тоже "причесать" и сделать аккуратнее.

1.2. Требования к дизайну сайтов 1024px.

1.2.1. Дизайн страниц создаётся под ширину монитора 1024px. (ширина PSD 995px - резерв для вертикальной линейки прокрутки)

1.2.2. Web дизайн должен быть "легким", чтобы загрузка страниц сайта происходила быстро. Таким образом, дизайн должен позволять кодеру использовать возможности html, позволяющие ускорять (облегчать) загрузку страниц, а именно (например): заливки, использование текста вместо картинок, использование повторяющихся элементов (для размещения их в background с повторением и т.д. и т.п.). В связи с этим желательно применение стандартных web-ориентированных цветов (для получения файлов gif и jpg малых размеров) и шрифтов.

При использовании шрифтов, отсутствующих в стандартной установке Windows, эти шрифты прилагать к PSD-файлу

1.2.3. Пожалуйста, не забывайте, что Web-дизайн, хотя и имеет в своей основе графическую составляющую, все же существенно отличается от полиграфического дизайна.

Не забывайте о принципах функциональности страниц.

1.2.4. Предполагается, что страница сайта будет "тянуться" по вертикали, в зависимости от количества размещённой информациия (графики, текста). Для меню навигации, переходов типа "Далее", "Подробнее" должны быть предусмотрены варианты при наведённой мыши (onMouseOver)

1.2.5. Для гиперссылок должны быть предусмотрены варианты отображения при наведённом на них указателе мыши (OnMouseOver).

1.2.6. Предусмотреть место на странице для надписи "Создание сайта - агентство Streamline"

1.2.7. Группировать слои, относящиеся к одному элементу. Таким образом создавать иерархию слоёв

1.2.8. Повторяющиеся элементы - это пункты меню и другие графические элементы сайта.

1.2.9. Повторяющиеся элементы выполнять методом копирования, чтоб они были абсолютно идентичными.

1.2.10. Повторяющиеся элементы размещать строго по направляющим, строго выдерживая одинаковые расстояния между ними - обеспечивая таким образом удобство работы кодеру при переводе в html

1.2.11. Элементы дизайна, которые будут растягиваться, не должны иметь градиентов в направлении растягивания. Например, если предполагается, что элемент растягивается по горизонтали, то он может иметь только вертикальный градиент.

1.2.12. С PSD файлом предоставлять все используемые в нём шрифты.

1.2.13. Слои PSD файлов (принятого варианта) должны быть логически разбиты по папкам и иметь понятные названия (для облегчения работы с ними на следующих этапах).

2. На основе согласованного PSD файла и дополнительной информации необходимо выполнить дизайн подстраниц (тоже PSD файлы ):

2.1. Прайсы (http://streamline.net.ua/terro/terro_prices.jpg)

2.2. Магазины

2.3. Партнеры

2.4. Типовая страница с продукцией

Бюджет 60USD.

Оплата в конце работы (в обмен на исходные файлы в формате psd).