Заметки о компьютерах, интернетах и всякой всячине

воскресенье, 10 июля 2016 г.

Новый современный дизайн блога!

1 комментарий
Всем привет, дамы и господа.
Наконец-то свершилось! Рад представить вам абсолютно новый дизайн блога, работа над которым велась последние несколько месяцев. Дизайн выполнен с учётом современным тенденций и технологий, хорошо адаптирован под мобильные устройства, да и более продвинут в плане юзабилити по сравнению со старым дизайном. Что же в нём изменилось и почему он лучше старого дизайна - об этом расскажу в данной заметке.





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

Итак, ниже вкратце расскажу об основных изменениях в новом дизайне.

1. Самое главное изменение в том, что дизайн сайта теперь адаптивный. Старый дизайн был не адаптивный. Что такое адаптивный и зачем это нужно? Если говорить простым языком, то адаптивный - значит хорошо адаптируется под разные разрешения монитора, и под мобильные устройства, автоматически подстраиваясь под них. Теперь не будет таких моментов, когда на некоторых мониторах сайт не влазил по ширине и приходилось прокручивать его по горизонтали, что бы увидеть его полностью.

2. Полностью переработанный дизайн сайта и его элементов. Новый дизайн выполнен в современном стиле Material, который применяется в мобильной ОС Android. Практически все элементы сайта сделаны в едином стиле и смотрятся довольно современно, идя в ногу со временем, так сказать :) В "шапке" блога теперь находятся удобные менюшки, через которые можно быстро попасть в некоторые разделы блога.
Новые, улучшенные кнопки соц.сетей, кнопка "наверх" (для быстрого возврата в верхнюю часть сайта), новые рекомендованные публикации по теме статьи (которые появляются в конце каждой статьи) и т.д.

Приведу для примера несколько скриншотов старого дизайна.
Вот так выглядела главная страница сайта в старом дизайне.



А как она выглядит в новом дизайне - можно посмотреть на скриншоте в начале этой статьи.

Вот так выглядели кнопки соц.сетей в конце статьи:


Они были не очень хорошо заметны, да и влияли на скорость загрузки сайта.
А это новые кнопки:




3. Более быстрая загрузка сайта и всех страниц по сравнению со старым дизайном. Поскольку это абсолютно новый шаблон, то соответственно его исходный код отличается от старого. Новый код полностью переработан и оптимизирован под современные интернет-технологии, которые позволяют достичь более быстрой загрузки страниц сайта. 

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

Хочется узнать мнение посетителей и подписчиков - как вам новый дизайн? Если вдруг заметили где-то ошибку или прочие недоработки - дайте знать в комментах. То, что пока не активны некоторые кнопки меню - это мы знаем, работа над ними ещё ведётся. 

Поделиться в соцсетях

1 комментарий :

  1. Внешний вид сайтов определяется тем какая тема для сайта установлена. В настоящее время существует множество сайтов, на которых можно загрузить бесплатные , а также сайты где можно купить коммерческие шаблоны. Нопо своему многолетнему опыту посоветую вам сайт Templatemonster

    ОтветитьУдалить

Чтобы оставить комментарий, напишите текст в окошке и выберите в "Подписи комментария" ваш аккаунт Google, нажмите кнопку "Публикация". Если у вас нет аккаунта Google, то выбирайте пункт "Имя/URL" и просто вводите своё имя - оно отобразится в подписи.
Чтобы получать уведомления об ответах на коммент — нужно комментировать через аккаунт Google и перед публикацией коммента поставить галочку в чекбоксе "Отправлять уведомления".