Полный редизайн ресурса mr.Hitch, включая страницы TGP, LL, Review, Stories, Video и Webmasters разделов.

! Внимание ! Объём работы большой, скринов и текста в этом посте много, поэтому на индексе я его чутка кастрирую... ну вы поняли, остальное под катом

Начнём с шапки и index (TGP) страницы.
Персонаж не мой, но по ТЗ необходимо работать именно с ним.
Над логотипом располагается блок с приветственным html текстом.
Под лого вы можете видеть строчку с дескрипшеном страницы.
А справа от персонажа начинается навигация по ресурсу + трейдеры.
Все эти элементы хедера находятся на бэкграунде, который не только отделяет шапку от основных блоков страницы, но и отлично множится на всю ширину окна браузера.

Кстати про меню - оно текстовое, но тем не менее каждый раздел располагается на своей графической закладке и имеет свою иконку.

Блоки меню сделаны максимально удобными: понятными, заметными и читабельными.
Каждый блок имеет свой тайтл вверху и тщательно прорисованную графическую подложку на бэкграундах.

Рекламы много не бывает, а значит нужны профильные блоки меню, например вот такие:

Или, как вариант, вот такие - для текстовой рекламы:

Специально для этой страницы созданы рекламные блоки для рекламы платников.
В такой рекламе размещается кусочек ревью-текста, скрин сайта и несколько тумб.
Рамки, градиенты и бэкграунды всё в том же стиле.

Переход между страницами осуществляется не только по номерам, но и через текстовое меню на графической подложке:

Дизайн index страницы ресурса выглядит как полноценный TGP\MGP портал, благодаря обилию тумб, рекламы и трейдеров (как в шапке, так и внизу страницы).

Дизайн LL-раздела ресурса.
Страница выглядит как классический Линк-Лист, т.к. включает в себя листинг фришных сайтов вперемешку с Pay, AVS и Блогами.
Соответственно в этом разделе я нарисовал навигацию по страницам и иконки для сортировки выдачи листинга.

Read the rest of this entry »

Дизайн картунового ресурса ArtSexPics.
Не напрягающая глаза цветовая гамма, множество отрисованных мелких деталей, продуманность структуры... перечислять можно долго.

Заострю Ваше внимание на:
- продуманны все мелкие детали: в хедере, меню, рекламных блоках.
- первой строчкой в хедере висит текстовый блок с тайтлом, для СЕ.
- прямо под лого так же предусмотрена текстовая строчка для инфы и букмарка.
- удобное, заметное и легко редактируемое текстовое меню.
- сразу под хедером расположен текстовый блок с приветственным текстом.
- чёткая рамка, отделяющая контент-блок от бэкграунда страницы.

А теперь пройдёмся по страницам ресурса.

Index, в простонародье - "морда"
На нём размещаются рекламные блоки, заточенные под продажу Pay\AVS сайтов, в каждом блоке находится скрин, деск, линка на джоин и 3 линка на FHG спона.

Между собой эти блоки разделены рекламной площадкой, на которой крутится баннер и дескрипшн.
Внизу страницы размещены 2 линк-блока: более заметный - для своих проектов, и второй - для бэклинков на партнёров.

Страница с новостями, на которой висят блоки с тумбами, к каждому из которых прикручен ярлык с датой добавления + строчка для дескрипшена.
Между блоками всё тот же рекламный блок, а внизу - трейдеры.

Страница для листинга Фришников.
Структурой слегка смахивает на простенький ЛЛ.

Страница для листинга Галерок.
К каждому тумбовому блоку прикручен ярлык для тайтла + рекламный блок с баннером и дескрипшеном. Да, и опять же трейдеры.

Разработка рекламных блоков для мультинишевого ЛЛ.

Горизонтальный блок, демонстрирующий серферу скрин пейсайта и несколько сочных тумб + дески.

Два вертикальных рекламных блока: верхний демонстрирует скриншот сайта и описание к нему, а нижний содержит рамку плеера с кликабельным кадром из видео. Так же предусмотрено место для пары-тройки строчек с описанием.

На этом скрине вы можете увидеть специфические кнопки-линки, расположенные поверх шапки. Линкуются на рекламные страницы и трейдеров.

Дизайн директории выполнен в слегка корпоративном стиле, упор на удобство чтения и чистоту линий.

Логотип и графический тайтл не выпадают из общей гаммы и расположены на собственной подложке. Это позволяет менять фоновую фотку хедера в зависимости от текущей ниши на страницах директории.

Аккуратное текстовое меню с прямоугольными графическими маркерами

Посмотреть скриншот в полный размер вы можете тут:

Для этого проекта создавался эксклюзивный персонаж, посмотреть его отдельно вы можете тут.

Далее по дизайну.
Типовая для ЛЛ структура, единственный текст в графике это лого... всё остальное реализовано текстом в хтмл. Приятная глазу гамма и продуманное расположение контент-блоков.

Большой скрин откроется по клику на тумбу.

Диз для ЛЛ lesbiansexlog.

Диз для ЛЛ XXXsexmovie.

Диз для ЛЛ Sexhunters

Диз для ЛЛ Adultcollections