↓
 ↑
Регистрация
Имя/email

Пароль

 
Войти при помощи
ReFeRy Онлайн
12 июня 2017
Aa Aa
#редизайн_2017

По хэштегу можно посмотреть предыдущую версию наброска нового дизайна.
Вот вторая версия: http://take.ms/h25f0

Расскажу немного, что здесь и зачем.

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

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

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

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

Широкая правая колонка призвана решить несколько задач. Увеличится размер шрифта в меню. Баннер размером 300х250 пикселей позволит отказаться от верхнего горизонтального баннера и возможно от квадратного баннера под шапкой фанфика. Так же в правой колонке будут появляться сообщения о нововведениях на сайте, которые сейчас появляются только в блогах, из-за чего большая часть посетителей сайта их не видит. Возможно, там найдётся место ещё для каких-то полезный мелочей.

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

Пункт "Моё избранное" заменяет мои фандомы, мои закладки, мои подписки, пои метки, мои коллекции, об этом я писал вчера.
12 июня 2017
4 комментариев из 28 (показать все)
А "мои новости, мои сообщения, мои обсуждения и тд" сразу и постоянно будут видны в правой колонке (как и сейчас), или их надо будет кликом вызывать?
А можно без белых боков? Тоже их кремовыми сделать.
1. Реклама в сайдбаре прямо перед юзер-меню. Я понимаю, что реклама нужна, но вы ведь сами таким расположением увеличиваете количество пользователей, знающих про Плагин-который-нельзя-называть. Это, по сути, панелька с "инструментами" для каждого пользователя, ей пользоваться нужно будет чаще всего, и каждый раз придется "перемахивать" через огромный для данного расположения баннер. Более того: из-за рекламы, требующей определенной ширины сайдбара, сами ссылки в сайдбар-меню стали бессмысленно широкими и "отгрызли" значительное пространство у контента. Ну, будет вверху один (или шесть) баннеров, через которые меньшее, чем сейчас, количество пользователей будет согласно "перемахивать". Но ниже ведь справа от ссылок меню пустота, которая даже не пригодится. А блок с контентом из-за этой пустоты меньше. Сайдбар очень зря увеличен, а сам рекламный блок... почему бы ему не жить хотя бы под "Поиском Фанфиков"? На прежнюю ширину сайдбара (или близкую у ней) прекрасно ложились баннеры другой ориентации. Черт, да хоть какие угодно баннеры в шапке фанфика или еще где - только не здесь, это же будет капец как неудобно. И шрифты в меню, кмк, не настолько нужны, чтобы оно столь бессмысленно отжирало так много. Это уже очень смахивает на вредную рекламу - на ту, что вскакивает при попытке использовать базовый интерфейс или просто расположена так, что использование интерфейса сильно затруднено. Очень нехорошее отношение к пользователям чувствуется за таким расположением рекламного блока.

2. Ссылка "Поиск Фанфиков" (и прилегающая "Мой поиск") расположены после фандомов. Если фандомов много, до этих важнейших ссылок нужно будет каждый раз пробираться через фандом-лист.

3. Отступы странноваты. Где-то они довольно мелкие, как, например, в контенте в области списка фандомов, а где-то - значительно крупнее, как в сайдбаре, в топменю. Отступ перед заголовком "Выберите интересующий вас фандом" просто огромный по сравнению с мелкими отступами в меню фандомов в контенте и при этом не соответствует отступам в сайбдаре, и все это упомянутое не соответствует внутреннему отступу кнопки "Показать следующие популярные фандомы". Создает ощущение конфликта. Если поможет, для Хрома есть славный плагин PixelParallel, который строит грид прямо на сайте. И пиксель-перфект верстку упростит, и с разными отступами в данной ситуации поможет.

4. Цвет границы у логотипа, вроде как, соответствует цвету текста лого, но из-за того, что само лого выходит за границу топменю, выглядит не очень. Как и одиночный скругленный уголок. Задумка, видимо, была в том, чтобы нижний левый угол стыковался с левой границей контейнера с сайтом, но выглядит это, опять же, конфликтно. Я не вижу нигде особо так скругленных уголков.

---

По поводу остального много что, в принципе, мог бы сказать, но тут уже пойдет вкусовщина, вроде "можно без белых боков?". Я лишь надеюсь, что после редизайна код заметно почистится, и на него будет не так больно вешать свой кастом.

P. S. А вообще, у нас же в блогах много разрабов, в том числе и вебовских. Наверняка найдется фронт, которому в кайф верстать и который более близок к дизайну - и не надо платить денежку левым дизам. Если кинете клич, уверен, народ откликнется. Себя не предлагаю, т. к. я упорот.
Показать полностью
И Маркова со своей допотопной мобильной оперой пойдет лесом, потому что не сможет открыть ни один выпадающий список XD Ладно, я понимаю, что это никого не волнует, и вообще.
Выглядит в целом симпатично
ПОИСК
ФАНФИКОВ









Закрыть
Закрыть
Закрыть