Rambler's Top100 Service калинин.ru / просто так /  << 14.10.00 >>

Новый дизайн

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

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

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

Цвета

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

Остальные варианты, на мой взгляд, проигрывают черно-белому тексту. То есть, элементы управления на странице могут быть какими угодно по цветовым решениям, но сам текст (полезная информация) --- только черно-белым.

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

Кроме того, темный фон не дает такого напряжения глазам, как светлый (напомню: он же весь светится, это почти как будто вы сидите постоянно перед настольной лампой, которая светит вам в глаза --- помните подобные кадры из боевиков?). Но в этом месте я кое-что забыл. Все дело в том, что некоторые люди вообще не переносят черный фон. То есть, абсолютно. И поэтому все размышления об удобстве чтения выше становятся неправильными --- человек, которому страница кажется мрачной, вряд ли будет сколько-либо долго читать на ней текст и ощущения после посещения страницы у него будут скорее неприятные.

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

Текст

Я уверен в том, что ширина текста должна быть меньше ширины экрана (в особенности для больших разрешений.) Дело в том, что количество символов в строке текста не должно быть очень большим, а при ширине экрана больше 1000 пикселей ширина текста становится уже слишком велика. Для решения этой проблемы в предыдущем варианте ширина таблицы, в которой содержался текст, была ограничена 600 пикселями (цифра 600 была выбрана из соображений минимального размера экрана 640x480). Тем не менее, при больших размерах экрана появляется громадное количество полезной площади, которая пропадает напрасно. И это при "плохой" навигации.

Таким образом, сейчас ширина текста регулируется наличием двух полосок с навигацией. Это неплохо, но уже при разрешении экрана 800x600 полоска с текстом смотрится достаточно узко. Что творится при 640x480 я затрудняюсь ответить, потому что сам решил не расстраиваться. В качестве оправдания обычно приводится то, что пользователей с таким разрешением экрана совсем немного... но они существуют. Я не хочу отказываться от выбранного типа навигации, но также хочется (по-человечески) сделать возможным просмотр содержимого страницы везде, где только этого можно добиться. Выход из этой ситуации я наметил следующий: сейчас оформление страницы отделено от содержимого и поэтому уже сейчас есть параллельный "дизайн" --- то что называется "версия для распечатки". Мне относительно несложно сделать третий "дизайн", без меню справа и слева, и предоставить пользователю выбирать себе "дизайн" по вкусу... но это потом. По крайней мере, для этого придется нарисовать "полноценную" заглавную страницу, с графикой и переливающимся меню, что бы сделать логичным переход на различное "оформление". Кстати, о:

Графика

Я не художник и рисовать не умею. Единственное, на что я способен, это простейшая обработка фотографий, наложение эффектов и т.д. Тут как обычно требуется чувство меры и тогда можно достичь достаточно симпатичных результатов. С другой стороны, количество одного только чистого текста на странице (без html-тегов), приближается к мегабайту... то есть, если расставлять цели, которых я пытаюсь достичь оформлением, то на первом месте, конечно, стоит текст. Поэтому всякие красивые картинки могут только сопровождать текст, но никак не служить "только для дизайна", так как сюда люди ходят читать, а не любоваться красивыми пейзажами.

Поэтому, как и в прошлый раз, оформление строго текстовое. Единственный графический элемент --- "распорка", т.е. прозрачный gif размера 1x1, который используется для более точного определения расстояния между элементами.

Навигация

В любом месте моей странички человек должен чувствовать себя "как дома". Он может выбрать куда ему пойти, видеть список материалов в текущем разделе и вообще может запросто выбрать себе следующую статью для чтения.

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

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

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

Content managment

Время, которое прошло с момента объявления "реконструкции", я потратил на то, что написал свою собственную маленькую систему управления content'ом. Нельзя сказать, что она получилась уж очень удобной, но теперь я могу, в принципе, изменять внешний вид моей страницы хоть 7 раз на неделе.

И хотя мне теперь будет значительно проще управляться с внутренностями страницы, идеала я все равно еще не достиг. Явно, придется очень многое переделывать...

Наполнение

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

Хостинг

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

Резюме

Технически моя страничка теперь оформлена значительно лучше, чем ранее. Как мне кажется, я теперь смело могу называть "оформление" гордым словом "дизайн", что так же не может не радовать.


Версия для печати


  Рядом в разделе:
Хостинг (19.10.00)
   Как я уже намекнул в предыдущей заметке, я искал себе новый хостинг. Хочу сразу же сказать, что я его себе, вроде...   >>>>
Свобода (24.09.00)
   Когда говорят о свободе человека, всегда подразумевается свобода относительная, во всяком случае в нашей стране. Имеется в виду свобода относительно несвободы...   >>>>
  Рядом по дате:
ploticus (16.10.00)
   Есть такая программа, предназначенная для создания графиков различных видов из командной строки, называется ploticus. Программа сама по себе достаточно удобная ---...   >>>>
Язык UML, рукводство пользователя (29.09.00)
   UML (Unified Modeling Language, унифицированный язык моделирования) является еще одной популярной аббревиатурой, которой очень часто пользуются, не понимая того, что за...   >>>>
  Содержание:
Заглавная страница
Мой блог
Мое резюме
Дайджест
Программирование
   C&C++
Сети
Unix
Алгоритмы
Оптимизация
Соревнования
Отвлеченно
XML
TeX
Просто так
Студенческое
Туризм
  Байки
Фотографии
Комментарии
   Книги
Web-ресурсы
Фильмы
Интернет
Программное обеспечение
Жизнь
Благодарности
Форум
Хронология
 
  В этом разделе:
Арендованный сервер от hcenter.ru и хостинг в Германии (30.11.08)
   Началось всё с того, что я решил попробовать арендовать сервер в Германии. Я слышал много положительных отзывов в пользу такого мнения,...   >>>>
После отпуска (23.09.01)
   Хочется иногда написать что-то в виде зарисовки. Так сказать, "из жизни" --- О.Генри очень много издевался над подобным жанром и авторами,...   >>>>
Круглая дата (13.07.01)
   Тихо-тихо и незаметно прошла историческая дата: 11 июля 2000 года я написал первую заметку и выложил ее на свою домашнюю страничку....   >>>>
Новый дизайн, часть 2 (15.06.01)
   Как многие могли заметить, kalinin.ru наконец-то сменил дизайн. Тому было много причин, о которых я хотел бы рассказать, кроме того просто...   >>>>
Театральные билеты (05.03.01)
   Мне всегда смешно смотреть по телевидению на очередного актера, когда тот с придыханием начинает говорить об искусстве, о спектаклях, о театре......   >>>>
Авторское право (12.02.01)
   Авторское право... до чего же, однако, скользкий термин. Самое смешное, каждый автор и каждый нарушитель авторского права трактуют его по-своему и...   >>>>
С новым годом! (31.12.00)
   Прекрасно понимаю, что поздравления с Новым Годом, наверное, уже приелись людям... но, с другой стороны, это, фактически, единственный настоящий праздник. Настоящий...   >>>>
Содержание раздела полностью...
   Примерно в тоже время
ploticus (16.10.00)
   Есть такая программа, предназначенная для создания графиков различных видов из командной строки, называется ploticus. Программа сама по себе достаточно удобная ---...   >>>>
Язык UML, рукводство пользователя (29.09.00)
   UML (Unified Modeling Language, унифицированный язык моделирования) является еще одной популярной аббревиатурой, которой очень часто пользуются, не понимая того, что за...   >>>>
Хронология полностью...
   Содержание
Заглавная страница
Мой блог
Мое резюме
Дайджест
Программирование
  C&C++
Сети
Unix
Алгоритмы
Оптимизация
Соревнования
Отвлеченно
XML
TeX
Туризм
  Байки
Фотографии
Комментарии
  Книги
Web-ресурсы
Фильмы
Интернет
Программное обеспечение
Жизнь
Студенческое
Просто так
Благодарности
Форум
Хронология
© 2000-2008, Andrey L. Kalinin
mailto:andrey@kalinin.ru
Rambler's Top100