Обновлён дизайн сайта
Здравствуйте, уважаемые посетители. Как вы уже увидели, я обновил дизайн сайта, причём кардинально. Но прежде чем мы поговорим о новом дизайне, я хочу затронуть немножко истории и в очередной раз объяснить, по какой причине до сегодняшнего дня у сайта был чёрный дизайн. Почему в очередной? Дело в том, что в своё время я уже писал отдельный пост на тему чёрного фона на сайтах, но впоследствии по определённым причинам его удалил. Ну да ладно, это было давно и не так уж и важно. Давайте приступим.
Немного истории
Думаю не будет преувеличением утверждение о том, что большая часть содержимого в моём блоге это фотографии. А фотографии, как известно, лучше смотреть на чёрном фоне, если вы просматриваете их на экране монитора. Хочу подчеркнуть, что это придумал не я. Сразу покажу один из примеров — Яндекс-фотки. Да и вообще, на большом количестве фотосайтов, использование чёрного фона это распространённая практика. Пожалуйста, пройдите по ссылке и убедитесь, что каждая фотография на Яндекс-фотках отображается на чёрном фоне. С недавних пор разработчики Яндекса наконец поняли, что да, фото лучше и удобнее просматривать именно на чёрном фоне. Почему? Сейчас объясню. Скорее всего вы хотя бы раз видели картинки с оптическими иллюзиями, ну там, где наример изображены прямоугольники одного цвета и оттенка, но выглядящие так, будто их цвет совершенно разный. Если подобное вам не встречалось, посмотрите мой пост про экспозицию, чтобы понимать о чём я. Если вы перешли по ссылке и посмотрели мой пост, то увидели, что серый квадрат, расположенный на белом фоне, выглядит более тёмным. Как я написал в посте про экспозцию, это происходит потому, что белый фон вокруг любого изображения заставляет зрачок глаза уменьшаться в размерах и пропускать меньше света, ведь монитор, как и любой экран, излучает свет. Да-да, прям как лампа! Так вот чёрный фон вокруг фотографии или изображения, позволяет зрачку глаза раскрываться, пропускать больше света, благодаря этому глаз может различить на изображении больше деталей и если это фотография, то она выглядит лучше, приятнее (субъективное мнение детектед). Отсюда следует вполне логичный вывод, раз у меня в блоге большая часть контента представляет из себя именно фотографии, а они выглядят лучше на чёрном фоне, то и фон сайта я выбрал именно чёрный. Теперь расскажу о том, зачем я изменил дизайн на светлый. Но прежде, хочу поделиться одной полезной мелочью.
Возможно кто-нибудь, кто как и я, очень любит смотреть на чёрном фоне не только фото, но и видео, найдёт это полезным. Этой мелочью является замечательный аддон для Mozilla Firefox (существуют аналоги для других браузеров), который называется Light Switch. Он добавляет рядом с каждым видео, которое вы просматриваете в интернете, волшебную кнопочку, нажав на которую, вы сможете затемнить весь фон на сайте, причём уровень затемнения можно настраивать. Я пользуюсь этим аддоном постоянно, потому что он позволяет просматривать видео наиболее комфортно, как в кинотеатре. «Отчего же не развернуть видео на весь экран?» — а это просто-напросто не всегда возможно. Порой встречается видео столь низкого качества, что при разворачивании на весь экран Full HD монитора, оно выглядит как каша из пикселей, смотреть такое лучше именно в маленьком размере.
Почему я изменил дизайн
Наверняка вас уже терзает вопрос «Если всё так хорошо с чёрным фоном, зачем ты изменил его и сделал дизайн сайта светлым?». «Всё для людей!» — отвечу вам я. Это было сделано исключительно ради посетителей моего сайта. Дело в том, что с давних пор, наверное с самого момента создания сайта, мне периодически пишут люди с претензиями на чёрный фон. Я получал отзывы о чёрном фоне и в комментариях на сайте и на почту и в личных сообщениях вконтакте. Отзывы эти были совершенно разные, но все негативные, ни разу мне никто не написал: «Как здорово, что у тебя на сайте чёрный фон, это действительно хорошо выглядит». Более того, всё было совершенно иначе, а как-то раз я даже получил призыв изменить фон на более светлый. Читая отзывы посетителей, я видел следующую картину: кому-то чёрный стиль просто не нравился, кто-то жаловался на то, что у него болят глаза после прочтения белого текста на чёрном фоне, кому-то так и вообще было невозможно читать такой текст в силу того, что он «режет» глаза. Я не понимал проблемы этих людей. «Может у них что-то не так с монитором? Может у меня глаза какие-то не такие как у всех?» — думал я. На самом деле я до сих пор этого не понимаю, чёрный фон мне очень нравится, а чтение белого текста на нём не доставляет какого-либо дискомфорта. В общем я долгое время не обращал внимания на отрицательные отзывы по поводу чёрного фона.
Но время шло, посещаемость сайта росла и в конечном итоге я понял, что раз веду блог по большей части для людей, а не только для себя самого, то может стоит прислушаться к их мнению? Я задумался. Может мне в самом деле стоит изменить дизайн сайта на светлый, более привычный для пользователей? Почитав в интернете информацию про использование чёрного фона для сайтов, я ознакомился с большим количеством противоположных мнений на эту тему. Некоторые дизайнеры придерживаются позиции, которая заключается в том, что выбор чёрного цвета, как основного для сайта — это проявление непрофессионализма, выбор самого простого пути. Часть веб-мастеров имеют мнение, что использовать чёрный фон недопустимо, ибо он угнетает и способствует быстрой ретировке посетителей. Вместе с тем, значительная часть как пользователей, так и разработчиков сайтов, акцентирует внимание на том, что чёрный фон это наоборот очень хорошо и полезно для глаз, а если автор сайта выбирает чёрный цвет, значит он профи, ведь с чёрным фоном сочетается не так много цветов и сделать гармонично выглядящий дизайн очень сложно. Изучив определённое количество разносторонних мнений и утверждений по этой теме, я пришёл к выводу, что стоит сделать дизайн сайта в таком стиле, который использует большинство — то есть в светлом, с белым фоном. Что ж, решение было принято и работа закипела.
Работа над новым дизайном
Конечно же я преувеличил, работа не закипела, отнюдь, она даже не забулькала. Я бы скорее описал начало этого процесса как стоячий водоём, например озеро. В течение нескольких часов после начала работы над новым дизайном, дело даже не шелохнулось с места, как поверхность озера в полный штиль. Всё дело в том, что дизайнер из меня никакой. Да и плюс ко всему, я очень большой альтернативщик в этом плане, мне нравится то, что не нравится большинству людей. А ведь задача у меня стояла иная — сделать сайт таким, чтобы он пришёлся по вкусу большинству. Не будучи ни дизайнером, ни веб-мастером, у меня не было ни малейшего представления о том, каким должен быть будущий дизайн, стиль сайта. В первое время работа над дизайном заключалась лишь в том, что я методом экспериментирования брал и изменял тот или иной элемент, менял его цвет и т.д. Разумеется это не давало нужного результата. То, что получалось, выглядело как набросок, что мне определённо не нравилось. Проведя за работой несколько часов я уже даже отчаялся и решил бросить эту затею, оставив всё как есть. Но всё же вовремя спохватился и утвердился в мысли, что нужно довести дело до конца. Продолжая экспериментировать, в один прекрасный момент я осознал, что у меня что-то начало вырисовываться, а спустя ещё несколько попыток, начал проклёвываться и будущий дизайн. Возможно для вас это будет смешно и вы подумаете: «Какие могут быть сложности, ты же всего-лишь изменил фон сайта на белый, а цвет текста на чёрный!». Может быть именно так это и выглядит со стороны, но на самом деле была проведена обширная работа. Допускаю, что настоящий дизайнер выполнил бы эту работу за два часа, но, как я уже отметил, дизайнером я не являюсь, у меня даже нет никаких задатков. Поэтому создать тот дизайн, который вы видите сейчас, сделать так, чтобы все элементы гармонично выглядели и не выбивались из общей картины, мне было очень сложно. И я очень надеюсь, что новый дизайн вам понравился, ведь я делал его исключительно для вас — посетителей сайта.
Что изменилось
Помимо того, что кардинально изменился дизайн, я доработал некоторые элементы. Сейчас проведу краткий экскурс. Большое внимание я уделил тому, чтобы обозначить чёткие границы для постов и комментариев, поясняю зачем. Не удивляйтесь, но некоторые посетители в упор не видели и не видят большую ссылку «Смотреть дальше»:
Не всем известно, но на главной странице моего сайта отображаются лишь так называемые анонсы постов — небольшая часть статьи и одна, первая фотография. Так вот некоторые, заходя на мой сайт, думали, что на главной странице сосредоточена вся информация и кроме этого в блоге больше ничего нет. И даже не взирая на то, что в посте может быть аж 100 фотографий, люди смотрели лишь одну, первую, не видели ссылки «Смотреть дальше» и уходили в полной уверенности в том, что просмотрели весь материал! Мне даже как-то написал один из читателей, почему у меня в постах везде по одной фотографии? Я был поражён, я публикую порой по несколько десятков фотографий в одном посте, но люди видят лишь первую и думают, что это всё, больше ничего нет. Увеличение размера ссылки «Смотреть дальше» не привело к значительному успеху, поэтому при разработке нового дизайна я решил максимально акцентировать внимание на каждом отдельном посте, разделить их как можно более явно, чтобы каждый понимал, что на главной странице находятся лишь анонсы. Надеюсь это поможет в решении вопроса.
Следующий момент — комментарии. Наконец они выглядят должным образом. Отныне каждый коммент имеет чётко выраженную форму, так же, как и отдельный пост. А если кто-то отвечает на чей-то комментарий, то он становится вложенным, всё это сделано для максимальной наглядности, кто ответил, кому ответил, где начинается комментарий и где заканчивается. На следующем скриншоте смотрите пример.
Ещё одно небольшое нововведение, добавлена кнопка прокрутки страницы вверх. Добавил я её из соображения, что далеко не все пользуются клавиатурой при посещении сайтов и для некоторых нажатие кнопки Home достаточно проблематично, кто-то так и вообще о ней не знает. Крутить колесом мышки длинный пост, ровно как и использовать полосу прокрутки браузера, тоже вряд ли кто будет, чтобы добраться до шапки и перейти на главную. Пользователь скорее просто уйдёт с сайта, нежели будет утруждать себя такими действиями. Исключительно поэтому и была добавлена кнопка прокрутки со стрелочкой вверх. Нажмите на неё, когда просматриваете длинный пост и страница моментально прокрутится вверх, вне зависимости от длины поста. После этого вы сможете нажать на любой пункт меню, чтобы перейти на главную или на другие страницы сайта.
И ещё один небольшой момент, вы можете увидеть пустые блоки между постами, это значит, что у вас установлен блокировщик рекламы, который её заблокировал. Так и должно быть, это специфика работы некоторых блокировщиков рекламы. Так что, если вы хотите, чтобы сайт выглядел так, как я задумывал, отключите блокировку рекламы в моём блоге.
Вот собственно и все основные изменения, всё остальное касается исключительно внешнего вида сайта. Надеюсь, что мои труды не были напрасны и вам понравилось обновление. На этом завершаю сей пост. Спасибо за внимание!
Ваш комментарий будет опубликован после автоматической проверки системой фильтрации спама и гадостей.