portfoliopost
FDteam-portf
saledpost
Дизайн и графика для ролевого форума в стилистике игры Genshin Impact
Заказчики захотели сменить дизайн на своём проекте. Они просили максимально сохранить стилистику игры Genshin Impact: яркие цвета, золотистые элементы, отсутствие угловатости, а также некую легкость и шероховатую текстуру, чтобы создать ощущение оформления, которое "хочется потрогать".
У дизайна две версии дизайна - для дня и ночи (они переключаются по клику на специальный переключатель под цвет дизайна), что обеспечивает более комфортное использование сайта в разное время суток. Обе версии имеют схожий дизайн с небольшими изменениями цвета.
В верхней части сайта есть рисованный компас с отклоняющейся при наведении стрелкой, вокруг которого графические элементы. Для реализации двигающейся стрелки при наведении верстальщик специально написала новый скрипт parallax-эффекта.
В объявлении, вокруг компаса, сохранили информационные блоки с предыдущего дизайна. Текстовый блок (один, тот что уже) автоматически загружает информацию из темы с объявлениями, второй текстовый блок обновляется вручную. А при нажатии на небольшую кнопку слева отображается окно с очередностью постов в квестах.
Дизайн на главной странице остался минималистичным, с основным акцентом на категориях, и затемнением фона для форумов. Специальное оформление есть у ссылок на важные темы и подфорумы. Внизу страницы - футер с полупрозрачными баннерами с прокруткой для более компактного размещения информации.
Страница списка тем тоже сохранила некую минималистичность, но там текстовые надписи "ответов" и "тем" заменили на иконки.
Профили участников в темах с постами имеют легкое затемнение, верхняя часть стилизована под категории на главной странице, а дополнительные поля расположены удобно под аватаром в таблице. Если участник онлайн, рамка над мини-профилем горит ярче, если оффлайн - более тусклая.
Есть оформление для кодов, цитат, спойлеров, полей ответа, кроссбраузерное оформление прокрутки. А ещё подключили Font Awesome.
Дополнительно дизайнер сделала баннеры и рекламные листовки, а также изменяющиеся psd-шаблоны для рекламы, верстальщик провела работу над скриптами, обновив и оптимизировав HTML и CSS коды.
- Подпись автора
Отвечаю на вопросы вот здесь | Мой блог
"Никогда не сомневайтесь в себе и любите каждую свою работу, даже если она кажется вам грязью на окне. Через это окно люди смотрят на мир, тогда как разводы замечаете только вы." © Николай Ободников. "Лиллехейм. Волчий ветер