Найти в Дзене
Шахтёр

Дизайн и общая концепция

Наконец-то руки дошли до подтитульной плашки на тему авторского (блогерского) сайта. Ранее я уже говорил, что не хочу делать сайт чрезмерно вычурным и перегруженным, но в то же время он должен быть предельно функциональным и информативным. Заодно посмотрел статистику своего канала «Шахтёр» за разные периоды времени. Оказалось, что во все времена чаще всего читатели просматривали публикации со смартфонов. Хотя тут нужно учесть такой момент – статистика доступна лишь с 21 июня 2021 года, а мой канал открыт 1 мая 2019 года. Впрочем, до конца 2021 года лидировал ПК с показателем 57%, на долю смартфонов приходилось 43%. В 2022 году впереди уже был смартфон – 66%, у ПК – 34%. Ну и далее процент просмотра со смартфона лишь увеличивался, в итоге дойдя до 80% за прошлый год. На основании статистики пришлось пересмотреть свою политику в отношении создания сайта. Ранее я предполагал его сделать для ПК с разрешением по длинной стороне 1.600 px и затем делать адаптацию под меньшие разрешения, включ

Наконец-то руки дошли до подтитульной плашки на тему авторского (блогерского) сайта.

Ранее я уже говорил, что не хочу делать сайт чрезмерно вычурным и перегруженным, но в то же время он должен быть предельно функциональным и информативным. Заодно посмотрел статистику своего канала «Шахтёр» за разные периоды времени. Оказалось, что во все времена чаще всего читатели просматривали публикации со смартфонов.

-2

Хотя тут нужно учесть такой момент – статистика доступна лишь с 21 июня 2021 года, а мой канал открыт 1 мая 2019 года. Впрочем, до конца 2021 года лидировал ПК с показателем 57%, на долю смартфонов приходилось 43%. В 2022 году впереди уже был смартфон – 66%, у ПК – 34%. Ну и далее процент просмотра со смартфона лишь увеличивался, в итоге дойдя до 80% за прошлый год.

На основании статистики пришлось пересмотреть свою политику в отношении создания сайта. Ранее я предполагал его сделать для ПК с разрешением по длинной стороне 1.600 px и затем делать адаптацию под меньшие разрешения, включая также мобильные устройства. Надо признать, это устаревшее мнение и сейчас многие разработчики наоборот начинают создавать сайты сначала под смартфоны, а затем адаптируют их под ПК.

Я решил пойти другим путём – сразу делать сайт адаптивным, т.е. и для ПК, и для смартфонов. И, чтобы особо не усложнять себе задачу, взял за основу готовый шаблон, свободно распространяемый по лицензии Creative Commons – Attribution (CC BY). Полностью копировать сайт Дзен – это значит нажить себе проблемы. Пусть не сразу, но потом они обязательно будут.

В принципе, я пересмотрел множество шаблонов. И даже в понравившийся шаблон вношу свои изменения, добавляю новые элементы, отрабатываю дизайн. Пока главная страница написана на html, css и js. Опять же повторюсь – это пока отработка дизайна, а впоследствии будет подключена база данных MSQL и наполнение страниц будет идти с неё.

-3

На иллюстрации показана главная страница на ПК, когда пользователь авторизован. Без авторизации страница будет выглядеть немного иначе. Страница состоит из трёх секций. При прокрутке (скроллинге) левая часть остаётся статичной.

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

В каком порядке поставить темы – пока не определился. Первым у меня идёт LifeStyle, последним – Прочее. Между ними категории вероятно нужно пересортировать, какие-то переименовать, какие-то выкинуть и вместо них добавить новые. Возможно, есть смысл расширить список тем до 50 пунктов, но это тот самый максимум (по моему мнению), за который переходить нежелательно.

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

В качестве визуального примера взял свои самые первые статьи на канале «Шахтёр». Безусловно, впоследствии анонсы публикаций будут идти от новых к старым, а не от старых к новым как на скрине. Сейчас это просто-напросто визуализация дизайна, а не готовая работа.

Регина Молчанова | Дзен

Пару слов про название. У меня в планах было иное название, однако я прислушался к мнению Регины Молчановой (ссылка на её канал выше) – именно она посоветовала мне оставить прежнее название, сказав, что это уже бренд. Насчёт бренда не знаю, но название оставил. Других мнений в комментариях не поступило. Что ж, пусть так и будет.