Главная Архив Сайты Комменты Канал ВКонтакт Группа ВК Instagram Карта
Велосипедное Компьютерное Фототема Троицк Разное
Категория: Разное
 Теги: 
бновлено: 15.04.2016

Обновлён дизайн сайта

Здравствуйте, уважаемые посетители. Как вы уже увидели, я обновил дизайн сайта, причём кардинально. Но прежде чем мы поговорим о новом дизайне, я хочу затронуть немножко истории и в очередной раз объяснить, по какой причине до сегодняшнего дня у сайта был чёрный дизайн. Почему в очередной? Дело в том, что в своё время я уже писал отдельный пост на тему чёрного фона на сайтах, но впоследствии по определённым причинам его удалил. Ну да ладно, это было давно и не так уж и важно. Давайте приступим.

Немного истории

Думаю не будет преувеличением утверждение о том, что большая часть содержимого в моём блоге это фотографии. А фотографии, как известно, лучше смотреть на чёрном фоне, если вы просматриваете их на экране монитора. Хочу подчеркнуть, что это придумал не я. Сразу покажу один из примеров — Яндекс-фотки. Да и вообще, на большом количестве фотосайтов, использование чёрного фона это распространённая практика. Пожалуйста, пройдите по ссылке и убедитесь, что каждая фотография на Яндекс-фотках отображается на чёрном фоне. С недавних пор разработчики Яндекса наконец поняли, что да, фото лучше и удобнее просматривать именно на чёрном фоне. Почему? Сейчас объясню. Скорее всего вы хотя бы раз видели картинки с оптическими иллюзиями, ну там, где наример изображены прямоугольники одного цвета и оттенка, но выглядящие так, будто их цвет совершенно разный. Если подобное вам не встречалось, посмотрите мой пост про экспозицию, чтобы понимать о чём я. Если вы перешли по ссылке и посмотрели мой пост, то увидели, что серый квадрат, расположенный на белом фоне, выглядит более тёмным. Как я написал в посте про экспозцию, это происходит потому, что белый фон вокруг любого изображения заставляет зрачок глаза уменьшаться в размерах и пропускать меньше света, ведь монитор, как и любой экран, излучает свет. Да-да, прям как лампа! Так вот чёрный фон вокруг фотографии или изображения, позволяет зрачку глаза раскрываться, пропускать больше света, благодаря этому глаз может различить на изображении больше деталей и если это фотография, то она выглядит лучше, приятнее (субъективное мнение детектед). Отсюда следует вполне логичный вывод, раз у меня в блоге большая часть контента представляет из себя именно фотографии, а они выглядят лучше на чёрном фоне, то и фон сайта я выбрал именно чёрный. Теперь расскажу о том, зачем я изменил дизайн на светлый. Но прежде, хочу поделиться одной полезной мелочью.

Возможно кто-нибудь, кто как и я, очень любит смотреть на чёрном фоне не только фото, но и видео, найдёт это полезным. Этой мелочью является замечательный аддон для Mozilla Firefox (существуют аналоги для других браузеров), который называется Light Switch. Он добавляет рядом с каждым видео, которое вы просматриваете в интернете, волшебную кнопочку, нажав на которую, вы сможете затемнить весь фон на сайте, причём уровень затемнения можно настраивать. Я пользуюсь этим аддоном постоянно, потому что он позволяет просматривать видео наиболее комфортно, как в кинотеатре. «Отчего же не развернуть видео на весь экран?» — а это просто-напросто не всегда возможно. Порой встречается видео столь низкого качества, что при разворачивании на весь экран Full HD монитора, оно выглядит как каша из пикселей, смотреть такое лучше именно в маленьком размере.

Почему я изменил дизайн

Наверняка вас уже терзает вопрос «Если всё так хорошо с чёрным фоном, зачем ты изменил его и сделал дизайн сайта светлым?». «Всё для людей!» — отвечу вам я. Это было сделано исключительно ради посетителей моего сайта. Дело в том, что с давних пор, наверное с самого момента создания сайта, мне периодически пишут люди с претензиями на чёрный фон. Я получал отзывы о чёрном фоне и в комментариях на сайте и на почту и в личных сообщениях вконтакте. Отзывы эти были совершенно разные, но все негативные, ни разу мне никто не написал: «Как здорово, что у тебя на сайте чёрный фон, это действительно хорошо выглядит». Более того, всё было совершенно иначе, а как-то раз я даже получил призыв изменить фон на более светлый. Читая отзывы посетителей, я видел следующую картину: кому-то чёрный стиль просто не нравился, кто-то жаловался на то, что у него болят глаза после прочтения белого текста на чёрном фоне, кому-то так и вообще было невозможно читать такой текст в силу того, что он «режет» глаза. Я не понимал проблемы этих людей. «Может у них что-то не так с монитором? Может у меня глаза какие-то не такие как у всех?» — думал я. На самом деле я до сих пор этого не понимаю, чёрный фон мне очень нравится, а чтение белого текста на нём не доставляет какого-либо дискомфорта. В общем я долгое время не обращал внимания на отрицательные отзывы по поводу чёрного фона.

Но время шло, посещаемость сайта росла и в конечном итоге я понял, что раз веду блог по большей части для людей, а не только для себя самого, то может стоит прислушаться к их мнению? Я задумался. Может мне в самом деле стоит изменить дизайн сайта на светлый, более привычный для пользователей? Почитав в интернете информацию про использование чёрного фона для сайтов, я ознакомился с большим количеством противоположных мнений на эту тему. Некоторые дизайнеры придерживаются позиции, которая заключается в том, что выбор чёрного цвета, как основного для сайта — это проявление непрофессионализма, выбор самого простого пути. Часть веб-мастеров имеют мнение, что использовать чёрный фон недопустимо, ибо он угнетает и способствует быстрой ретировке посетителей. Вместе с тем, значительная часть как пользователей, так и разработчиков сайтов, акцентирует внимание на том, что чёрный фон это наоборот очень хорошо и полезно для глаз, а если автор сайта выбирает чёрный цвет, значит он профи, ведь с чёрным фоном сочетается не так много цветов и сделать гармонично выглядящий дизайн очень сложно. Изучив определённое количество разносторонних мнений и утверждений по этой теме, я пришёл к выводу, что стоит сделать дизайн сайта в таком стиле, который использует большинство — то есть в светлом, с белым фоном. Что ж, решение было принято и работа закипела.

Работа над новым дизайном

Конечно же я преувеличил, работа не закипела, отнюдь, она даже не забулькала. Я бы скорее описал начало этого процесса как стоячий водоём, например озеро. В течение нескольких часов после начала работы над новым дизайном, дело даже не шелохнулось с места, как поверхность озера в полный штиль. Всё дело в том, что дизайнер из меня никакой. Да и плюс ко всему, я очень большой альтернативщик в этом плане, мне нравится то, что не нравится большинству людей. А ведь задача у меня стояла иная — сделать сайт таким, чтобы он пришёлся по вкусу большинству. Не будучи ни дизайнером, ни веб-мастером, у меня не было ни малейшего представления о том, каким должен быть будущий дизайн, стиль сайта. В первое время работа над дизайном заключалась лишь в том, что я методом экспериментирования брал и изменял тот или иной элемент, менял его цвет и т.д. Разумеется это не давало нужного результата. То, что получалось, выглядело как набросок, что мне определённо не нравилось. Проведя за работой несколько часов я уже даже отчаялся и решил бросить эту затею, оставив всё как есть. Но всё же вовремя спохватился и утвердился в мысли, что нужно довести дело до конца. Продолжая экспериментировать, в один прекрасный момент я осознал, что у меня что-то начало вырисовываться, а спустя ещё несколько попыток, начал проклёвываться и будущий дизайн. Возможно для вас это будет смешно и вы подумаете: «Какие могут быть сложности, ты же всего-лишь изменил фон сайта на белый, а цвет текста на чёрный!». Может быть именно так это и выглядит со стороны, но на самом деле была проведена обширная работа. Допускаю, что настоящий дизайнер выполнил бы эту работу за два часа, но, как я уже отметил, дизайнером я не являюсь, у меня даже нет никаких задатков. Поэтому создать тот дизайн, который вы видите сейчас, сделать так, чтобы все элементы гармонично выглядели и не выбивались из общей картины, мне было очень сложно. И я очень надеюсь, что новый дизайн вам понравился, ведь я делал его исключительно для вас — посетителей сайта.

Что изменилось

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

Эту огромную ссылку замечают не все

Не всем известно, но на главной странице моего сайта отображаются лишь так называемые анонсы постов — небольшая часть статьи и одна, первая фотография. Так вот некоторые, заходя на мой сайт, думали, что на главной странице сосредоточена вся информация и кроме этого в блоге больше ничего нет. И даже не взирая на то, что в посте может быть аж 100 фотографий, люди смотрели лишь одну, первую, не видели ссылки «Смотреть дальше» и уходили в полной уверенности в том, что просмотрели весь материал! Мне даже как-то написал один из читателей, почему у меня в постах везде по одной фотографии? Я был поражён, я публикую порой по несколько десятков фотографий в одном посте, но люди видят лишь первую и думают, что это всё, больше ничего нет. Увеличение размера ссылки «Смотреть дальше» не привело к значительному успеху, поэтому при разработке нового дизайна я решил максимально акцентировать внимание на каждом отдельном посте, разделить их как можно более явно, чтобы каждый понимал, что на главной странице находятся лишь анонсы. Надеюсь это поможет в решении вопроса.

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

Пример вложенного комментария

Ещё одно небольшое нововведение, добавлена кнопка прокрутки страницы вверх. Добавил я её из соображения, что далеко не все пользуются клавиатурой при посещении сайтов и для некоторых нажатие кнопки Home достаточно проблематично, кто-то так и вообще о ней не знает. Крутить колесом мышки длинный пост, ровно как и использовать полосу прокрутки браузера, тоже вряд ли кто будет, чтобы добраться до шапки и перейти на главную. Пользователь скорее просто уйдёт с сайта, нежели будет утруждать себя такими действиями. Исключительно поэтому и была добавлена кнопка прокрутки со стрелочкой вверх. Нажмите на неё, когда просматриваете длинный пост и страница моментально прокрутится вверх, вне зависимости от длины поста. После этого вы сможете нажать на любой пункт меню, чтобы перейти на главную или на другие страницы сайта.

Кнопка прокрутки страницы вверх

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

Если у вас нетрадиционный адблок, то вы можете видеть нечто подобное, это нормально

Вот собственно и все основные изменения, всё остальное касается исключительно внешнего вида сайта. Надеюсь, что мои труды не были напрасны и вам понравилось обновление. На этом завершаю сей пост. Спасибо за внимание!

Автор: Sandy Programmer
Дата: 15.04.2016
644
Категория: Разное
 Теги: 

Мой сайт является некоммерческим проектом. Если материалы, которые я публикую, вам помогли, возможно вы сможете помочь мне, совершив добровольное пожертвование через форму ниже:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Ваш комментарий будет опубликован после автоматической проверки системой фильтрации спама и гадостей.

Автор статей и фото: Sandy Programmer Условия использования моих статей и фотографий: читать
This site uses icons made by Freepik from flaticon.com is licensed under CC BY 3.0 Also uses Fotorama from Fotorama.io