![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/priglashenie_voina.jpg\")
\nМногие из опытных дизайнеров с презрением смотрят на ситуацию с внешним видом сайтов высших учебных заведений. Внешне они действительно оставляют желать лучшего.<\/p>\n
Моя заметка призвана предостеречь от одностороннего взгляда на дизайн — в частности от его категоричной оценки. Сайты вузов довольно часто проверяются высшими инстанциями. Если чиновник, перейдя на сайт с супердизайном, не сможет найти на главной странице всё, что ему нужно для проверки, то переходить по разделам он, как правило, тоже не будет и результат проверки будет плачевным — вуз оштрафуют за неинформативный сайт или за что-то там еще.<\/p>\n
Улучшение дизайна прямо пропорционально повышению компьютерной грамотности всех слоев населения. Разумеется, эта заметка не касается тех случаев, когда посетителя держат за идиота<\/a>.<\/p>\n Читайте также интересные комментарии Евгения Куценко<\/a>.<\/p>\n",
"summary": "Моя заметка призвана предостеречь от одностороннего взгляда на дизайн — в частности от его категоричной оценки",
"date_published": "2014-05-26T10:01:28+05:00",
"date_modified": "2014-06-06T18:25:05+05:00",
"tags": [
"дизайн",
"интернет",
"сайты"
],
"_date_published_rfc2822": "Mon, 26 May 2014 10:01:28 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "39",
"_e2_data": {
"is_favourite": false,
"links_required": [],
"og_images": []
}
},
{
"id": "37",
"url": "http:\/\/kkos.ru\/blog\/all\/photoshop-design\/",
"title": "О верстке в Фотошопе",
"content_html": " Иногда я рад, что технический прогресс подарил пользователям несметное количество средств для дизайна, оформления, верстки изданий разных типов и уровней сложности. В частности, я рад тому, что знакомый всем Word не стал единственным инструментом для верстки больших книг. Всем ясно, что для подобных задач существует тот же InDesgin<\/a>.<\/p>\n В момент такой радости я однажды наткнулся на феномен верстки журналов в Фотошопе. Вы спросите: как возможно верстать текст в программе, которая разработана для работы с графикой? Я отвечу вот такой картинкой:<\/p>\n Остановимся только на верстке текста, ради которого газета и издается. Невнимание дизайнера обложки к тексту выдает ее «графическое» происхождение. Шапка неизменна в каждом номере «Народного учителя». Вроде бы как фон — радужный градиент — задает непринужденно-молодежное оформление газеты. И читатель вправе ожидать того же от шрифта, однако гарнитура в наборе отдает глухими 90-ми. Шрифт тяжеловесен, контрастирует с ярким, приветливым фоном, в конечном счете, заглушает его. Отношение к читателю у «шапки» — такое же наплевательское, как и по отношению к фону, ибо здесь всё случайно и непредсказуемо: синяя обводка, широкий набор резко переходит в узкий (шрифт Impact<\/a>). Такое чувство, что газета сама не знает, чего хочет.<\/p>\n «Учитель» почему-то набран с большой буквы, хотя не является именем собственным. Если же тут есть намек на миссию Учителя, то слишком робкий. Но всё это мелочи по сравнению с тем, что «УрГПУ» в «шапке», по сути, написано трижды. Если что-то газета и знает, так это название своего вуза.<\/p>\n Для типографов здесь большой простор: после «№» нет полагающегося отступа; прописные буквы набираются без разрядки; дефис набран вместо тире — для дизайнера это одно и то же; наконец, для ярых перфекционистов можно сделать так:<\/p>\n После шапки мы наталкиваемся на новые попытки дизайнеров усложнить восприятие текста. Для этого был выбран уже не градиент с белым цветом текста, как в шапке, а смена начертания текста. В качественных изданиях, будь то книги или журналы, как правило, используется какое-то одно начертание (полужирное или курсив) для выделения фрагмента текста. Например, заголовок традиционно делают полужирным, а выделения в тексте — на вкус издателя. Об этом пишет как А. Э. Мильчин в «Справочнике издателя и автора», так и А. Лебедев в § 79 «Ководства»<\/a>. В газете мы видим, что дизайнер пошел по простому пути, не усложняя себе жизнь: выделил весь текст обложки и зафигачил его полужирным курсивом целиком.<\/p>\n Здесь можно придираться к самым разным мелочам: неразличение короткого и длинного тире; «стр. стр. стр. стр.»; двоеточие, которое в заголовках никогда не ставится; неожиданное чередование прописных и строчных букв в анонсах; непонятное внешнее «свечение» у прописных букв; появление скругленных углов у блоков с анонсами, в то время как вся обложка выдержана в прямых углах и т. д. Всё это действительно мелочи. Остается только снова обратиться к перфекционистам:<\/p>\n Поля? Отступы? Всё это действительно неважно, господа. Обложка газеты — хороший пример ошибочно выбранного программного средства. Другая проблема — отсутствие навыков работы с ПО, но это уже из совершенно другой оперы. Здесь нет виноватых. В идеальном мире редакция газеты имеет штатного типографа, при отсутствии которого работа с текстом перекладывается на верстальщика. Если же нет и его, а газету делает 1-2 человека, то ее выпуск превращается в настоящий подвиг, а половина перечисленных мной изъянов оправдываются сложившейся в нашей стране ситуацией.<\/p>\n",
"summary": "Иногда я рад, что технический прогресс подарил пользователям несметное количество средств для дизайна, оформления, верстки изданий разных типов и уровней сложности",
"date_published": "2014-05-21T15:35:30+05:00",
"date_modified": "2015-04-23T16:02:50+05:00",
"tags": [
"InDesign",
"верстка",
"дизайн",
"фотошоп"
],
"image": "http:\/\/kkos.ru\/blog\/pictures\/nu-1.jpg",
"_date_published_rfc2822": "Wed, 21 May 2014 15:35:30 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "37",
"_e2_data": {
"is_favourite": false,
"links_required": [],
"og_images": [
"http:\/\/kkos.ru\/blog\/pictures\/nu-1.jpg",
"http:\/\/kkos.ru\/blog\/pictures\/nu-2.jpg",
"http:\/\/kkos.ru\/blog\/pictures\/nu-3.jpg"
]
}
},
{
"id": "34",
"url": "http:\/\/kkos.ru\/blog\/all\/o-tverdolobosti\/",
"title": "О твердолобости",
"content_html": " То качество человеческого ума, о котором пойдет речь, я наблюдаю в связи с местом моей работы. Однако, как мне кажется, оно было и есть всегда и везде. Но все-таки. Возьмем обычного человека по имени N.<\/p>\n N обращается к редактору сайта и говорит: «Это новая информация для сайта. В ней указывается на изменение режима работы. Она так важна, что ее нужно разместить на главной странице сайта, а также обновить раздел „Режим работы“». После этого, как правило, проходит некоторое время, после чего N начинает понимать, что сделанного ему мало. Происходит приблизительно такой диалог: «На главной странице это незаметно» — «Но ведь мы уже выделили это полужирным, поставили в центр, что еще?» — «Надо выделить это красным. Да, красным! Чтобы видели все! А то придут, а мы закрыты. А еще подчеркнуть! Во!» — «К сожалению, это не согласуется в дизайном сайта. Ведь и без красного видно. Тот, кто ищет режим работы, найдет его уже на главной странице» — «Нет, наш читатель не сообразит, вы же знаете, какие эти читатели тупые<\/i>».<\/p>\n<\/blockquote>\n Даже в том случае, если читатель действительно «идиот», это не дает права относиться к нему как к идиоту. Мне кажется, что болезнь большинства недодизайнеров связана с тем, что они держат пользователя за идиота. Мой пример — только иллюстрация. Его могло и не быть на самом деле. Вместо информации о режиме работы может быть любая другая мелочь.<\/p>\n Вы уже понимаете, к чему я веду. Хороший дизайн рождается при адекватном отношении к пользователю. Но есть и еще один важный вывод, связанный уже с настоящими дизайнерами. Как ни парадоксально, но стремление к идеально выверенному, сверхудобному интерфейсу, который делается так въедливо, как только можно, тоже является формой такого отношения. В конечном итоге, мы пришли на сайт не глядеть на интерфейс, не расслабляться, не смотреть, а что-то делать: читать, искать, покупать, совершать действия. Не стоит смещать акцент с результата этого действия (цели пользователя) на средство этого действия (интерфейс). Иначе все мы станем «идиотами».<\/p>\n",
"summary": "То качество человеческого ума, о котором пойдет речь, я наблюдаю в связи с местом моей работы. Однако, как мне кажется, оно было и есть всегда и везде",
"date_published": "2013-12-11T12:01:10+05:00",
"date_modified": "2018-05-14T00:22:54+05:00",
"tags": [
"дизайн",
"жизнь",
"интернет",
"сайты"
],
"_date_published_rfc2822": "Wed, 11 Dec 2013 12:01:10 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "34",
"_e2_data": {
"is_favourite": false,
"links_required": [],
"og_images": []
}
},
{
"id": "32",
"url": "http:\/\/kkos.ru\/blog\/all\/urls\/",
"title": "Расскажу про ЧПУ",
"content_html": " О роли легко считываемых веб-адресов писали и Лебедев<\/a>, и Горбунов<\/a>. Уверен, что сотни других внимательных веб-дизайнеров тоже задумывались над этим вопросом. Действительно, так называемые ЧПУ<\/a> помогают ориентироваться на сайтах, делают их адрес визуально понятным и запоминающимся, тогда как, по словам Лебедева, «длинные и неудобоваримые адреса часто возникают из-за лени программистов». Казалось бы, тут всё ясно, но не так давно я столкнулся с некоторыми тонкостями, о которых тоже следует сказать.<\/p>\n Для первого примера возьмем сайт Уральского государственного педагогического университета.<\/p>\n http:\/\/uspu.ru<\/a><\/p>\n С одной стороны, USPU это английский вариант аббревиатуры, понятный и логичный с точки зрения выбора доменного имени. С другой стороны, раздел новостей того же сайта имеет такой адрес:<\/p>\n http:\/\/uspu.ru\/novosti<\/a><\/p>\n Как видим, его первая половина переведена на английский, а вторая транслитерирована с русского. Мы имеем дело с разными гештальтами. Логика подсказывает, что правильнее бы было написать «news», а не «novosti». Оба варианта имеют право на жизнь изолированно, но совмещать их в одном адресе — значит затруднять его прочтение.<\/p>\n Второй пример более дискуссионный. Несмотря на возможность применения как транслитерации, так и прямого перевода в веб-адресах, автору кажется, что наиболее приемлемым является второй вариант. Дело вовсе не в том, что он будет понятен иностранцу, а в том, что адрес «rasskazhu-pro-chpu» уродливее того же «urls» или «about-chpu». Смысл, конечно, теряется, но его легко восстановить. Сторонники SEO могут ругать такой подход сколько угодно, но что поделаешь.<\/p>\n",
"summary": "О роли легко считываемых веб-адресов писали и Лебедев, и Горбунов. Уверен, что сотни других внимательных веб-дизайнеров тоже задумывались над этим вопросом",
"date_published": "2013-06-05T02:23:56+05:00",
"date_modified": "2018-05-14T00:25:27+05:00",
"tags": [
"дизайн"
],
"_date_published_rfc2822": "Wed, 05 Jun 2013 02:23:56 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "32",
"_e2_data": {
"is_favourite": false,
"links_required": [],
"og_images": []
}
},
{
"id": "22",
"url": "http:\/\/kkos.ru\/blog\/all\/raskolbas-2013-afisha\/",
"title": "Афиша для «Расколбаса»",
"content_html": " Сделал афишу для традиционного праздника «Расколбаса».<\/p>\n Мероприятие было перенесено на 17:30.<\/p>\n",
"summary": "Сделал афишу для традиционного праздника «Расколбаса»",
"date_published": "2013-01-29T00:53:56+05:00",
"date_modified": "2013-02-14T19:31:11+05:00",
"tags": [
"дизайн"
],
"_date_published_rfc2822": "Tue, 29 Jan 2013 00:53:56 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "22",
"_e2_data": {
"is_favourite": false,
"links_required": [],
"og_images": []
}
},
{
"id": "21",
"url": "http:\/\/kkos.ru\/blog\/all\/calendar-design\/",
"title": "Дизайн календарей",
"content_html": " Сегодня принято из всего делать календари. Берем в руки ежедневник — в нем обязательно есть календарь, то же самое с наклейками, фотокарточками, записными книжками, блокнотами и т. д. Отдельного внимания заслуживают календари, которые изначально задумывались только как календари, будь то настольные или настенные. Создается ощущение, что подавляющее большинство из них создавались только для того, чтобы человек никогда ими не воспользовался.<\/p>\n Для примера я ввел на «Гугл-картинках» запрос «Календари<\/a>» и открыл первые попавшиеся под руку результаты.<\/p>\n Здесь ужасно всё. Дни недели набраны так, чтобы никто не смог их прочитать. Для тех, кто всё же ценой собственного зрения сможет прочесть эти надписи, их отделили зеленой плашкой, мол, раз прочел, помучайся еще с логикой соотношения чисел и дней недели. Про то, что у прописных букв отсутствует разрядка, облегчающая чтение, я молчу.<\/p>\n Теперь про сам календарь. Искренне непонятна логика, которой руководствовались авторы при нумерации недель в каждом месяце. Скажите мне, когда это бывает человеку нужно? И даже когда нужно — трудно ли сосчитать до четырех? Но нет — здесь этот ряд цифр снабдили еще и нулями — «01-02-03-04», а довершает этот ряд «01», которое уже обозначает номер месяца, но расположено так, что относится к номерам недель. Если с тем, что цифры набраны курсивом, а не обычным начертанием, еще можно смириться, то с цветами дело обстоит куда сложнее. Судите сами — обычные дни у нас черные, суббота и воскресенье серо-голубые, а праздники — зеленые. Автору календаря почему-то кажется, что цивилизованное население отдыхает только первого и седьмого января. Или же этими цветовыми маркерами он хотел дать знать о промежутке<\/i> с 1 до 7 числа? Непонятно.<\/p>\n Еще один настенный календарь, задуманный именно русским человеком, о чем свидетельствует надпись «2013 год» вверху, однако на этом русский заканчивается. В чем смысл использования английских слов? Особенно хорошо автор показал свое умение работать с символикой года: влепил ядовитую змею в «вырвиглаз» ядовито-зеленой гамме. «Готовьтесь — год будет именно таким», — говорит нам этот календарь. Ясное дело,что разобрать дни и числа здесь невозможно. Например, попробуйте сказать, где 12, а где 19 июня, не отсчитывая цифры.<\/p>\n А вот уже куда более серьезная работа с календарем, но пользоваться им по-прежнему тяжело из-за катастрофической нехватки «воздуха» между месяцами, числами, днями. Очевидное решение проблемы — изменение соотношения пространства, уделенного изображению и календарю. Считаю, что не стоит бояться сделать картинку меньше, а для тех, кто вешает на стену календарь ради картинки, можно рекомендовать постеры.<\/p>\n Из мелочей: красный цвет, обозначающий выходные дни, здесь слишком резкий, а реквизиты типографии со штрих-кодом стоило поместить в другое место, чтобы не цеплять взгляд и не создавать визуального «мусора».<\/p>\n Интересная версия разработана Студией Артемия Лебедева<\/a>. Дни недели заменены числами, обозначающими их порядок. На мой взгляд, это самая достойная версия календаря. Недостатком мне кажется чрезмерное количество цифр. Написание дней недели словами воспринималось бы легче, на мой взгляд.<\/p>\n На сайте Бюро Артема Горбунова в разделе «Советы» не раз уже звучал такой вопрос<\/a>. Один из советчиков высказал здравую мысль: «Календарь без дней недели ужасен. На календарь обычно смотрят, удерживая какие-то цифры в памяти или высчитывая дату. Разглядывать и прикидывать при этом, четверг там или среда, вместо того чтобы сразу это увидеть, неудобно». Действительно, неудобно высчитывать день недели по его номеру, лучше сразу написать. О том, как лучше сокращать дни недели, написано на той же странице.<\/p>\n Пожалуй, достаточно удобно и лаконично выполнен встроенный в Windows 7 календарь — никогда не запутаешься.<\/p>\n Заметка представляет собой мою первую попытку присмотреться к связи между устройством календаря и процессом его считывания человеком. Это и есть вопрос, которым занимается дизайнер: его должен беспокоить не только внешний вид продукта, а еще и удобство работы с ним. Большинство календарей демонстрирует полное отсутствие не только первого, но и второго (что печальнее) пункта.<\/p>\n",
"summary": "Сегодня принято из всего делать календари. Берем в руки ежедневник — в нем обязательно есть календарь, то же самое с наклейками, фотокарточками, записными книжками",
"date_published": "2013-01-27T01:03:41+05:00",
"date_modified": "2013-01-27T01:14:14+05:00",
"tags": [
"дизайн"
],
"image": "http:\/\/kkos.ru\/blog\/pictures\/calendar-1.jpg",
"_date_published_rfc2822": "Sun, 27 Jan 2013 01:03:41 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "21",
"_e2_data": {
"is_favourite": false,
"links_required": [],
"og_images": [
"http:\/\/kkos.ru\/blog\/pictures\/calendar-1.jpg",
"http:\/\/kkos.ru\/blog\/pictures\/calendar-2.jpg",
"http:\/\/kkos.ru\/blog\/pictures\/calendar-3.jpg",
"http:\/\/kkos.ru\/blog\/pictures\/calendar-4.jpg",
"http:\/\/kkos.ru\/blog\/pictures\/calendar-5.jpg"
]
}
},
{
"id": "20",
"url": "http:\/\/kkos.ru\/blog\/all\/vk-links\/",
"title": "Снова про подчеркивание ссылок",
"content_html": " Ряд профессионально занимающихся веб-дизайном студий пишут о необходимости подчеркивания ссылок (например, Артемий Лебедев в «Ководстве<\/a>» или Артем Горбунов в «Советах<\/a>»).<\/p>\n Ссылки всегда должны быть подчеркнуты, даже если это кажется кому-то некрасивым. Оба автора вполне обоснованно говорят о подчеркивании как о способе отличить текст-ссылку от текста, который ссылкой не является. Стоит ли в этом сомневаться? Так ли незыблема эта аксиома?<\/p>\n Если зайти на любую из страниц «Википедии<\/a>» или, например, «ВКонтакте<\/a>», то никакого подчеркивания ссылок мы там не найдем. Почему? С одной стороны, разумные рассуждения, общепринятый веб-стандарт, а с другой — отклонения от него, причем на крупнейших ресурсах Интернета?<\/p>\n Для примера возьмем текущее состояние сайта «ВКонтакте». Так выглядит обычная страница:<\/p>\n Нигде нет подчеркиваний. Мысленно расставим их там, где это необходимо, согласно уже приведенным критериям:<\/p>\n Что получилось? Возросло количество визуального шума, «черточек» стало больше, чем текста. Более того — почти весь текст оказался подчеркнутым. Это некрасиво. По той причине и отсутствует подчеркивание на подобных сайтах: когда всё содержание является ссылкой, подчеркивание уничтожит опрятный внешний облик страницы. А потому подчеркивание становится видно только при наведении мыши на текст:<\/p>\n Каков вывод? При столкновении формального принципа «Все ссылки надо подчеркивать» и содержательно-смыслового предпочтение отдается второму, ибо он более индивидуален, лучше отвечает требованиям дизайна, чем свод определенных норм и правил. Дизайн не подчиняется этим правилам — даже в таких, казалось бы, очевидных вещах, как подчеркивание ссылок.<\/p>\n",
"summary": "Ряд профессионально занимающихся веб-дизайном студий пишут о необходимости подчеркивания ссылок (например, Артемий Лебедев в «Ководстве» или Артем Горбунов в «Советах»",
"date_published": "2013-01-06T00:49:43+05:00",
"date_modified": "2013-01-06T01:16:01+05:00",
"tags": [
"дизайн",
"сайты"
],
"image": "http:\/\/kkos.ru\/blog\/pictures\/vk-links-off.jpg",
"_date_published_rfc2822": "Sun, 06 Jan 2013 00:49:43 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "20",
"_e2_data": {
"is_favourite": false,
"links_required": [
"highlight\/highlight.js",
"highlight\/highlight.css"
],
"og_images": [
"http:\/\/kkos.ru\/blog\/pictures\/vk-links-off.jpg",
"http:\/\/kkos.ru\/blog\/pictures\/vk-links-on.jpg"
]
}
},
{
"id": "1",
"url": "http:\/\/kkos.ru\/blog\/all\/kafedra-logo\/",
"title": "Логотип кафедры",
"content_html": " Разработан логотип кафедры современной русской литературы Уральского государственного педагогического университета.<\/p>\n Логотип использует двойную метафору: книга-чайка, обозначающая полет фантазии и «Чайка» А. П. Чехова как начало русской литературы XX века.<\/p>\n",
"summary": "Разработан логотип кафедры современной русской литературы Уральского государственного педагогического университета",
"date_published": "2012-10-09T22:05:00+05:00",
"date_modified": "2013-01-02T01:57:06+05:00",
"tags": [
"дизайн",
"кафедра",
"логотип"
],
"image": "http:\/\/kkos.ru\/blog\/pictures\/kafedra-logo-1.jpg",
"_date_published_rfc2822": "Tue, 09 Oct 2012 22:05:00 +0500",
"_rss_guid_is_permalink": "false",
"_rss_guid": "1",
"_e2_data": {
"is_favourite": false,
"links_required": [],
"og_images": [
"http:\/\/kkos.ru\/blog\/pictures\/kafedra-logo-1.jpg"
]
}
}
],
"_e2_version": 4199,
"_e2_ua_string": "Aegea 11.5 (v4199)"
}![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/nu-1.jpg\")
\n![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/nu-2.jpg\")
\n<\/div>\n![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/nu-3.jpg\")
\n\n
![\"Расколбас-2013\"](\"http:\/\/kkos.ru\/blog\/pictures\/raskolbas-2013.jpg\")
<\/p>\nПример первый<\/h2>\n
![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/calendar-1.jpg\")
\n<\/div>\nПример второй<\/h2>\n
![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/calendar-2.jpg\")
\n<\/div>\nПример третий<\/h2>\n
![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/calendar-3.jpg\")
\n<\/div>\nПример четвертый<\/h2>\n
![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/calendar-4.jpg\")
\n<\/div>\n![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/calendar-5.jpg\")
\n<\/div>\n\n
\nАртемий Лебедев, § 171<\/i><\/p>\n<\/blockquote>\n![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/vk-links-off.jpg\")
\n<\/div>\n![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/vk-links-on.jpg\")
\n<\/div>\na {\n text-decoration: none; }\n\na:hover {\n text-decoration: underline; }<\/code><\/pre><\/pre>\n![\"\"](\"http:\/\/kkos.ru\/blog\/pictures\/kafedra-logo-1.jpg\"){kind=logo}
\n<\/div>\n