Дизайн развлекательного портала

Развлекательный портал, где будут размещаться и создаваться самые интересные посты рунета, делящиеся на категории: картинки, фоторепортажи, анекдоты, истории, видео. Представляет интерес для всех слоев населения, разных социальных и возрастных групп (от 18 лет).

Необходим дизайн 7-ми страниц: главной, страницы регистрации, страницы добавления фоторепортажа и 4х вкладок страницы кабинета профиля: личные, настройка главной, черный список, комментарии. (для первого этапа отбора можно нарисовать 3 страницы: главную, страницу комментариев в личном кабинете и страницу добавления фоторепортажа - остальные дорисуете, если нам понравится ваш дизайн) Прилагаем макет всех страниц. Расположение менять местами можно, прорисовывать получше (там, где закреплены точно элементы функционала, это отмечено через маркеры «ниже» и т.п.). На главной странице прорисовать каждый элемент макета, прорисовать все посты со всем функционалом, прорисовать нижнюю листалку по страницам и футер и т.п. Разберем прорисовку поста на примере первого поста (указывается в скобках): 1) в линии каждого поста есть никнейм (admin), (количество картинок внутри поста) категория/подкатегория (картинки/демотиваторы), время и дата. Правее (это условие обязательно!) находится статус поста, рейтинг цифрой и кнопки голосования. (Обратите внимание, как эта панель сделана на 9gag.com и как она остается на месте при прокрутке) Если пост длинный и больше экрана, то данная правая полоса прокручивается до его конца вместе с ним (чтобы пользователь видел рейтинг и мог проголосовать в начале, середине и конце поста). Ниже статуса и рейтинга может идти кнопка «В избранное» (при наведении меняет цвет), при нажатии плюс меняется на галочку. Прорисовать оба варианта в разных постах. Менять местами можно. Сделать красиво и удобно, ждем креатива. 2) Ниже заголовок, максимум 2 строчки. 3) Ниже общее описание, картинка, текст к картинке и т.п. (см.все посты) 4) Если картинка длинная, то она обрезается и виден спойлер (на первой картинке «ДАЛЕЕ»). Он находится на картинке и при нажатии на него картинка открывается здесь же полностью. Просьба прорисовать его и не путать с кнопкой «Показать весь фоторепортаж» (находится внизу второго поста, после картинок и всех текстов поста), которая перекидывает пользователя на страницу фоторепортажа. Тут совершенно разный функционал, надо сделать так, чтобы и пользователи не путали их никогда. 5) Теги с кнопкой фильтр. Первый тег–никнейм автора поста, должен быть немного отделен и по–другому прорисован в отличие от других тегов. Необходимо прорисовать функционал кнопки «фильтр» в открытом виде (нажатие на нее, что приводит к появлению рамки с «сохранить») и в закрытом (без рамки). Прорисовать оба варианта в разных постах. 6) Функционал комментариев: • Облачко, имеет 3 варианта цвета: нет комментариев; есть комменты, но пользователем они все прочитаны; есть непрочитанные пользователем комментарии. Прорисовать все 3 варианта в разных постах. • Число комментариев, это спойлер. На главной странице он не работает, для этого есть отдельная странице «Page_of_POST+spoilers», там все работает. Прорисовать комментарии. При этом непрочитанные комментарии должны выделяться другим цветом от прочитанных. У каждого коммента есть его значок, текст, ответить, никнейм, рейтинг цифрой с функционалом +/-, дата и время. Прорисовать можно по-разному, менять местами можно. Форма «ответить» будет открываться сразу под тем комментом, где она нажата. Ниже всех комментов кнопка «свернуть», сворачивает комменты. Прорисовать посты с открытыми и с закрытыми комментами. 7) Спойлеры «Код для форума» и «Ссылка», их функционал также на странице «Page_of_POST+spoilers», прорисовать закрытый и открытый вид, а также открытый с открытыми комментами. Обратите внимание, что они заменяют друг друга на одном месте. 8) Ссылка «на страницу поста», открывает страницу поста. 9) Виджеты «поделиться». С 6 по 9 пункт можно менять местами, ждем креатива. Кроме того, Необходимо четко прорисовать разделение постов. При этом в случае текстовых постов, текст не должен затеряться среди обилия кнопок. Особенно важно, если идет короткий текст на 1-2 строчки (пример есть на главной странице). На странице добавления фоторепортажа все поля именно в такой последовательности. На странице регистрации нарисовать все поля до спойлера "дополнительная информация" в такой последовательности, рядом с ними должны быть те подсказки, которые есть в макете. Поля дополнительной информации нужно расставить красиво. На странице кабинета профиля соблюсти концепцию: сверху то, что о пользователе уже известно, под вкладками то, что можно менять. В каждом из этих блоком можно поля менять местами и т.п., но прорисовать все. Обратить внимание: 1) Вкладка «личные», поля должны следовать в той последовательности, что и при регистрации, как вы там прорисуете. 2) Вкладка «настройка главной» - это настройка блоков категории, которые выводятся на главную. Прорисовать отделение и т.п. Менять можно, расположение также можно менять. 3) Вкладка «черный список» - черный список тегов, изначально они красного цвета, но при нажатии становятся белыми, прорисовать красиво , представить, что их не 6, а 20. Менять все можно. 4) Вкладка «комментарии» - должны быть у каждого коммента (группы комментов, если относятся к одному посту): заголовок поста и категория/подкатегория, текст коммента, рейтинг коммента, дата и время, кнопка удалить. Менять можно все местами. Прилагаем ссылку на макет, где прорисованы 7 страниц: главная, страница регистрации, страница добавления фоторепортажа, страница кабинета профиля (вкладка- личные, вкладка- настройка главной, вкладка- черный список, вкладка- комментарии). Страница с названием «Page_of_POST+spoilers» показывает полностью функционал поста, работающие спойлеры с кодом для форума, ссылкой и комментариями. Ссылка: http://share.axure.com/4VGVRL/