Большое обновление сайта — поменялся дизайн. Давно было в планах это сделать, и в голове крутились разные мысли, связанные с дизайном. Отбросив всё, я сел и за рекордные 5 дней осуществил задуманное.
Фактически больше 50% предыдущего дизайна было переработано, оставшиеся проценты можно узнать в некоторых деталях сайта. Изменялось не только внешнее оформление, но и проводилась оптимизация всех кодов, картинок, стилей. Они сжаты, благодаря чему сайт загружается быстрее.
Перейдем непосредственно к описанию изменений.
Было решено отказаться от, так называемого, «адаптивного» дизайна, который можно было наблюдать на предыдущей версии сайта. Причина тому — неоптимальное отображение на мобильных устройствах. Визуально сайт менялся и подстраивался даже под самые маленькие экраны устройств, но на деле вес страницы оставался тем же, что и для широких экранов. Поэтому сейчас ширина сайта фиксированная на любых экранах, это значительно упростило разработку дизайна. О мобильных устройствах, конечно, не забыл, и будет отдельная облегченная версия, удобная для просмотра на маленьких экранах и в то же время не расходующая много интернет трафика.
Большой шаг был сделан в сторону общего фона сайта и цветовой гаммы. Думаю, желтизна прошлой версии сайта надоела многим, поэтому было проведено «кипячение» и отбеливание.
Было разработано компактное меню вверху справа для быстрого входа на сайт, опция «Запомнить меня» включена по умолчанию. Регистрация и восстановление паролей проходит на отдельных страницах с крупным ширифтом, что поможет не ошибиться в написании логинов, паролей и ящиков. После входа под своей учетной записью в том же месте, вверху справа, видна отдельная кнопка, показывающая кол-во новых личных сообщений, отправленных вам через сайт, поэтому вы их не пропустите.
Главное меню сайта было визуально улучшено и доработано. Как и прежде, оно остается вверху экрана при прокрутке страниц, благодаря чему доступ к нему осуществляется очень быстро.
Главная страница сайта значительно упрощена. Уменьшен размер слайдера новостей, справа в сайдбаре отображаются только самые важные сообщения. Мониторинг остался без изменений. Думаю, многим удобно через него смотреть за серверами.
На странице новостей всё стало компактнее. Миниатюры стали меньше, убран большой блок с датой публикации новости. Существенно изменены комментарии к новостям, но не столько визуально, сколько их код.
Сайдбар обрел новый вид. Теперь нет огромного кол-ва вкладок, каждый блок расположен отдельно, вся информация перед глазами. Но при таком подходе пришлось некоторые менее важные блоки убрать совсем, а некоторые переместить в самый низ, чтобы сайдбар не разрастался до немыслимых размеров в высоту. Блоки стали аккуратными и приятными на вид.
Футер сайта (низ) стал содержать больше полезной информации: реквизиты, контакты, статистика по сайту, полезные ссылки, счетчики. При прокрутке страниц вниз появляется слева полоса-кнопка, по нажатию на которую вас переместит вверх сайта. Подобная кнопка была и на предыдущей версии сайта.
Очень многое было вновь переписано и улучшено. Надеюсь, я старался не зря, и кому-нибудь придется по душе новый дизайн. Буду рад увидеть отзывы и предложения. Уверен, еще есть что дорабатывать. Одна из основных незаконченных вещей — логотип сайта. И очень хотелось бы, чтобы кто-то взялся за его оформление. Ваши работы можно размещать на форуме.
Всем спасибо за внимание. Особенно тем, кто дочитал до конца 🙂
Бонусом сравнение версий. Слева — новый дизайн, справа — старый.
Комментарии
- zo-zo.org (10 комментариев)
- В Контакте
Приятный глазу дизайн, отличная работа ^_^
Izzo Love Zozo -**
Прокипятили дизайн. Свежо, конечно, но обилие белых цветов режет глаза, пойду капать капли.
А в остальном получилось отлично, я за две минуты к новому оформлению привык.)
Auf dem Grammatik Scheiterhaufen verbrennen! Разрастался, Ваш грамотей.)
Поправил 🙂
Я не сторонник сайтов в темных тонах. Белый текст на черном фоне гораздо сильнее режет глаза.
Спасибо за отзывы, было приятно почитать. Конкурс наверное будет, но какие будут призы — не известно. Шрифт остался тем же, но меньшего размера.
А мне нынешний шрифт что-то не по душе 🙁 Какой-то он грубый и неотёсанный, и как-то слишком уж всё мелко. Но плюсы тоже несомненно есть.
http://cs305713.userapi.com/v305713380/1691/303I_wKH_G4.jpg
будет ли конкурс по созданию логотипа для сервера?), рас его ещё не придумали
Молоток, Квар. Не зря старался. Всё выглядит оптимально, насколько это можно себе представить
получилось отлично) за работу 10 по десятибальной шкале) ты молодец)