Не делайте врезки в статье, копирующие из неё большие куски текста.

Дизайнеры, редакторы, и прочие владельцы айфонов. Пожалуйста. Прошу вас. Не делайте врезки в статье, копирующие из неё большие куски текста.

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

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

Думаю, хитрость именно в этом: чтобы сделать выжимку, нужно немножко пошевелить мозгами. Copy-paste конечно для большинства доступнее.

Посмотрите, как это сделано на сайте CNN (красивая рамочка моя):

  

Сбоку от статьи сформулированы и написаны основные её тезисы. Взглянув на них, можно быстро понять, о чём статья, какие мысли в ней главные, и стоит ли читать целиком. Всё сделано с заботой о читателе — но об умном, взрослом читателе. Что бы там ни вещал Задорнов, CNN думает о своей аудитории явно лучше русских ньюсмейкеров. Заметьте: не «тупо скопированы», а «сформулированы». Думаю, хитрость именно в этом: чтобы сделать выжимку, нужно немножко пошевелить мозгами. Copy-paste конечно для большинства доступнее. 

Будто в новостях диктор останавливается посреди текста, глядит на нас со значением, и второй раз — медленно — произносит те слова, что говорил минуту назад. А потом, поправив галстук, возвращается к теме. Чтобы через тридцать секунд снова остановиться на ретроспекцию.

А теперь взгляните на русскую альтернативу, например в «Московских новостях»:

  

Ребята, я уже только что прочитал фразу про вашего «Одинокого рейнджера», зачем через абзац показывать её же? Будто в новостях диктор останавливается посреди текста, глядит на нас со значением, и второй раз — медленно — произносит те слова, что говорил минуту назад. А потом, поправив галстук, возвращается к теме. Чтобы через тридцать секунд снова остановиться на ретроспекцию.

Вам что, платят за знаки? Надо любой ценой дать объём, как в левом студенческом дипломе? Вы посадили на оформление девочку-припевочку, которая в перерыве между постиками во вконтактике жмёт ctrl-c/ctrl-v? Или вы пытаетесь быть как CNN, дать возможность читателю получить впечатление о статье? Так не заставляйте меня мотать всю длинную ленту, сделайте краткое описание вначале. А то нивелируется вся идея экономии времени.

Вы поняли? А то нивелируется вся идея экономии времени. Нивелируется. Времени. Так доступнее?

Почитал комментарии к творению. Такое ощущение, что дизайнеры — умные, креативные, эрудированные люди. Способные пользоваться википедией и цитировать писателей. Что не мешает им порой быть полными идиотами в областях, не связанных с дизайном. Что не мешает им при этом себя считать эйнштейнами во всём, раз они успешны в своём. Что, конечно, проблема не только дизайнеров, но и %%вписать профессию%%. Расставим точки над «ё»:

• Для кого логотип? Для вашей целевой аудитории.
• Кому он должен нравиться? ЦА.
• Как узнать, что он ей нравится? Описать, что и для чего ты делаешь, определить ЦА, провести опросы и фокус-группы среди представителей ЦА. Открой учебник не по дизайну, а по маркетингу.
• Можно ли просто провести опросы, без всего вышеперечисленного? Можно конечно. Но результат будет фиговый. 
• Я не знаю, как определить ЦА (как проводить фокус-группы, определять цели). Найди специалистов. Они есть. 
• Но это же так сложно! И дорого! Ну извини. 
• Должен ли он нравиться дизайнеру N? Пофиг. Только если такие, как он, и есть ЦА.
• Должен ли он нравиться не-дизайнеру akry (dikry, …)? Пофиг. Только если такие, как он, и есть ЦА.
• Может ли быть несколько ЦА? Увы, запросто. Есть разные группы конечных клиентов. Есть коллеги, среди которых тоже хочется имиджа. А ещё есть чиновники и менеджеры, принимающие решение. И они редко знают, и ещё реже ориентируются на фокус-группы. Приходится крутиться. Чем больше ты соберёшь информации про все эти ЦА, тем легче тебе будет найти решение, которое удовлетворит всех.
• «А у меня лично он не вызывает негативных ассоциаций!» — повесь его себе лично на дверь. 
• «Но именитый дизайнер N сказал про этот логотип, что он…» Пофиг, если это не подкреплено фокус-группами. 
• «Раз мы с дизайнером N не видим в логотипе плохого, значит его там и нет». См. выше.
• «С точки зрения дизайна (эстетики, банальной эрудиции, …), логотип идеален». Молодцы. Теперь бегом к ЦА, спроси её, что она думает.
• «С точки зрения дизайна (эстетики, шестого чувства, …), логотип ужасен». Ай-яй-яй. Теперь бегом к ЦА, спроси её, что она думает.
• «Я — тоже ЦА, я читаю ресурс (пользуюсь устройством, …)» Твоё мнение имеет значение. Хотя для окончательных выводов лучше набрать статистику.
• «Я делаю дизайн и логотипы уже 20 лет, и я знаю, что нужно!» Молодец. Но всё-таки проверь у ЦА.
• Должен ли логотип быть уникален? Да, в глазах ЦА. Если кто-то в этом мире что-то подобное уже когда-то сделал, но ЦА не в курсе, ну и ладно. Вопросы про самоуважение художника, и отличие творческого диалога от копипасты, мы здесь не рассматриваем.
• Может ли логотип меняться со временем? Да. Но это каждый раз событие.
• Логотип вызывает негативные ассоциации у части людей. Если постараться, то негатив можно найти где угодно. Но бывает, что и искать особо не надо. Учти, что стёб будет распространяться сильнее и быстрее похвалы, и запомнится куда лучше. Не игнорируй такие ассоциации, если это не единичные случаи.
• Овчинка не стоит выделки. Да, бывает, что надо сделать лого для небольшой компании/товара, когда фокус-группы далеко за пределами бюджета. Смотрите сами. В случае с упомянутыми логотипами городов, ресурсов точно хватило бы.
• «Пипл хавает». Увы. Если ты профессионал, постарайся сделать одновременно и для ЦА, и красиво/правильно. Не всегда это возможно, и всегда нелегко. Но к этому нужно стремиться. Всегда проще идти на поводу у масс, так же просто плюнуть на толпу и забраться в башню из слоновой кости. Вести, задавать стандарты, воспитывать — куда сложнее. Но кто-то же делает мир лучше? 

Не всё в этом мире дизайн, не всё делается дизайнерами, и не всё для дизайнеров. 

Внезапно вспомнил, почему в своё время отключил отправку картинок на Лиру внутрь постов. Всё, что шириной больше 700 пикселей, Лиру ужимает. Но если картинка не на Лиру, а на другом хостинге, размер остаётся неизменным. Вот такое неодолимое скотство.
Придётся снова отключать картинки здесь. Попробую прилинковать их из ЖЖ.

Кстати, кто-нибудь знает, можно ли увеличить ширину центральной колонки для постов?

Google представила революционный новый сервис: Google.Суки. Он знаменует новую эру в юзабилити и удобстве работы. Возможно вы уже заметили, что не прошло и двадцати лет от создания Веб, как Гугл сумел перейти в дизайне своего поисковика с Веб 0.1 на Веб 1.5.

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

Причём меня никто не спросил, хочу ли я этот фон, мне его просто навязали.

Люди, помогите — как убрать эту гадость? Фон «White» делает страницу ещё более убогой.

++ «удалить фон» приводит не к белому фону, а вот к этой хрени:

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

Спасибо вам, дорогие друзья, владельцы ресурса. Большое, чмок, человеческое, чмок, спасибо.

Рекламы же по прежнему нет, ура Огнелису.

Ладно, прорвёмся.

Голова только болит страшно — погода меняется что ли?

 

UPD. Я присмотрелся, и мне изменения понравились, скажу честно.

Сегодня я писал о том, как на ливинтернете исправить ошибку, когда ваш текст не обтекает картинку слева. Напомню, что предлагалось у всех параграфов с тегом <P> добавить строчку style="clear:none".

Подобные решения всегда наполняют моё сердце печалью — что-то делать руками очень лень. Поэтому я написал скрипт для greasemonkey, который делает то же самое автоматически для любого набираемого в расширенном редакторе текста.

Требуются Firefox, и установленный на него Greasemonkey.

Ставим скрипт, и вуаля. Только укажите ему, что его можно запускать только на вашей страничке, как я сделал это для своего скрипта:

Впишите туда адрес своей странички и поставьте звёздочку в конце. Типа «http://www.liveinternet.ru/users/ItsMe/*»).

Изменения будут делаться каждые полсекунды только у тех параграфов, которым вы не задали параметр «clear» вручную.

Сейчас на Ли.ру багов больше, чем в специальном рассаднике. Это связано с принципиальной позицией администрации, но нам по любому надо как-то вертеться. Какждый выкручивается, как может. Я вот ставлю патчи со стороны браузера, чтобы если не у всех, то хотя бы у меня всё смотрелось хорошо. Автоматическое сохранение набираемого текста например, расширение поля для ввода текста, ускорение загрузки.

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

Почему? Дело в том, что не очень умелый верстальщик в файле blog.css написал следующее:

А должен был либо ничего не писать, либо написать «clear:none». Ну да нас больше волнует не вопрос «кто виноват», а «что делать нам». Кто-то может попытаться достучаться до ValeZ, как это безуспешно делаю я уже полгода. Но по счастью этот ляп мы можем исправить проще.

Открываем исходный код текста:

Видим много кода, среди которого нас интересует несколько абзацев после проблемной картинки. Абзацы обозначаются тегами <P>. Дальше просто. Внутри угловых скобок после каждого неправедно перенесённог «P» дописываем строку: style ="clear:none". Выглядеть будет так:

 Сохраняем пост, всё работает как надо:

Что приятно, каждый увидит этот пост именно так, с правильным обтеканием.

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

 

UPD. Я сдела скрипт для GreaseMonkey, который все означенные операции проделывает автоматически и незаметно для вас. Подробности здесь.

Huga не рекомендовала NEC в качестве препресс мониторов. А я в муках выбора.

Спецы, порекомендуйте пожалуйста

• Качественный монитор для DTP. Дюйма на 23. Желательно ЖК — маловато места…
• Калибратор к нему.
• Плоский сканер. С модулем прозрачности. Не Epson :). Я имел дело с heidelbergовскими порождениями, umax и agfa. Но давно. Как они сейчас?
• Внешний быстрый RAID, подключаемый, как файл-сервер, через ethernet.
• Планшетку на А4. Ну тут наверное Wacom без вариантов…