12 заметок с тегом

дизайн

Работы по дизайну всего и вся

Плакат по русскому языку

Я готовлю школьников к экзаменам по русскому языку и литературе. На днях сделал для них такой плакат. Формат — А3. Распечатал и подарил каждому.

И себе на стену повесил

Насчет мема долго сомневался. В итоге решил, что лучше оставить.

Правила на правописание одной или двух н являются безусловными лидерами по количеству проблем у школьников, хотя сами по себе довольно просты. Плакат делает их запоминание менее болезненным.

Нелепое приглашение

Получив такое «приглашение», невольно задумываешься над психическим здоровьем людей. Не только тех, которые писали текст и создавали приглашение, но и тех, которые придумали столь глупое, а может и оскорбительное, мероприятие. Речь не только о том, что они собрались обсуждать тосты о войне. Они собрались веселиться. И как странно выглядит высокий трагизм неумело подобранного эпиграфа на фоне задуманного «праздника».

Приглашение отправлено по внутриуниверситетской рассылке из ректората.
2015   дизайн   жизнь   маразм

О сайтах организаций

Многие из опытных дизайнеров с презрением смотрят на ситуацию с внешним видом сайтов высших учебных заведений. Внешне они действительно оставляют желать лучшего.

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

Улучшение дизайна прямо пропорционально повышению компьютерной грамотности всех слоев населения. Разумеется, эта заметка не касается тех случаев, когда посетителя держат за идиота.

Читайте также интересные комментарии Евгения Куценко.

2014   дизайн   интернет   сайты

О верстке в Фотошопе

Иногда я рад, что технический прогресс подарил пользователям несметное количество средств для дизайна, оформления, верстки изданий разных типов и уровней сложности. В частности, я рад тому, что знакомый всем Word не стал единственным инструментом для верстки больших книг. Всем ясно, что для подобных задач существует тот же InDesgin.

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

Газета «Народный учитель» издается в УрГПУ с 1965 года.

Остановимся только на верстке текста, ради которого газета и издается. Невнимание дизайнера обложки к тексту выдает ее «графическое» происхождение. Шапка неизменна в каждом номере «Народного учителя». Вроде бы как фон — радужный градиент — задает непринужденно-молодежное оформление газеты. И читатель вправе ожидать того же от шрифта, однако гарнитура в наборе отдает глухими 90-ми. Шрифт тяжеловесен, контрастирует с ярким, приветливым фоном, в конечном счете, заглушает его. Отношение к читателю у «шапки» — такое же наплевательское, как и по отношению к фону, ибо здесь всё случайно и непредсказуемо: синяя обводка, широкий набор резко переходит в узкий (шрифт Impact). Такое чувство, что газета сама не знает, чего хочет.

«Учитель» почему-то набран с большой буквы, хотя не является именем собственным. Если же тут есть намек на миссию Учителя, то слишком робкий. Но всё это мелочи по сравнению с тем, что «УрГПУ» в «шапке», по сути, написано трижды. Если что-то газета и знает, так это название своего вуза.

Для типографов здесь большой простор: после «№» нет полагающегося отступа; прописные буквы набираются без разрядки; дефис набран вместо тире — для дизайнера это одно и то же; наконец, для ярых перфекционистов можно сделать так:

После шапки мы наталкиваемся на новые попытки дизайнеров усложнить восприятие текста. Для этого был выбран уже не градиент с белым цветом текста, как в шапке, а смена начертания текста. В качественных изданиях, будь то книги или журналы, как правило, используется какое-то одно начертание (полужирное или курсив) для выделения фрагмента текста. Например, заголовок традиционно делают полужирным, а выделения в тексте — на вкус издателя. Об этом пишет как А. Э. Мильчин в «Справочнике издателя и автора», так и А. Лебедев в § 79 «Ководства». В газете мы видим, что дизайнер пошел по простому пути, не усложняя себе жизнь: выделил весь текст обложки и зафигачил его полужирным курсивом целиком.

Здесь можно придираться к самым разным мелочам: неразличение короткого и длинного тире; «стр. стр. стр. стр.»; двоеточие, которое в заголовках никогда не ставится; неожиданное чередование прописных и строчных букв в анонсах; непонятное внешнее «свечение» у прописных букв; появление скругленных углов у блоков с анонсами, в то время как вся обложка выдержана в прямых углах и т. д. Всё это действительно мелочи. Остается только снова обратиться к перфекционистам:

Поля? Отступы? Всё это действительно неважно, господа. Обложка газеты — хороший пример ошибочно выбранного программного средства. Другая проблема — отсутствие навыков работы с ПО, но это уже из совершенно другой оперы. Здесь нет виноватых. В идеальном мире редакция газеты имеет штатного типографа, при отсутствии которого работа с текстом перекладывается на верстальщика. Если же нет и его, а газету делает 1-2 человека, то ее выпуск превращается в настоящий подвиг, а половина перечисленных мной изъянов оправдываются сложившейся в нашей стране ситуацией.

2014   InDesign   верстка   дизайн   фотошоп

О твердолобости

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

N обращается к редактору сайта и говорит: «Это новая информация для сайта. В ней указывается на изменение режима работы. Она так важна, что ее нужно разместить на главной странице сайта, а также обновить раздел „Режим работы“». После этого, как правило, проходит некоторое время, после чего N начинает понимать, что сделанного ему мало. Происходит приблизительно такой диалог: «На главной странице это незаметно» — «Но ведь мы уже выделили это полужирным, поставили в центр, что еще?» — «Надо выделить это красным. Да, красным! Чтобы видели все! А то придут, а мы закрыты. А еще подчеркнуть! Во!» — «К сожалению, это не согласуется в дизайном сайта. Ведь и без красного видно. Тот, кто ищет режим работы, найдет его уже на главной странице» — «Нет, наш читатель не сообразит, вы же знаете, какие эти читатели тупые».

Даже в том случае, если читатель действительно «идиот», это не дает права относиться к нему как к идиоту. Мне кажется, что болезнь большинства недодизайнеров связана с тем, что они держат пользователя за идиота. Мой пример — только иллюстрация. Его могло и не быть на самом деле. Вместо информации о режиме работы может быть любая другая мелочь.

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

2013   дизайн   жизнь   интернет   сайты
Ранее Ctrl + ↓