Йодсодержащие морепродукты веселятся вместе не соблюдая масштаб

Сейчас, в половине четвертого утра, когда я пишу этот пост, скорее всего печатается книга о пользе йодированной йодатом соли в производстве хлебобулочных изделий. Инфографика и таблицы, о которых я писал пару недель назад (пост «Создание инфографики: Йодид! Йодат!»), зажили полноценной жизнью на страницах печатного издания. Некоторые из них немного изменились, а некоторые совсем преобразились после уточнений и обсуждений того, что должен показывать и подчеркивать тот или иной график. Мало того, книг оказалось две. Вторая потоньше — перевод статьи об использовании йодированной соли в Дании. Сначала я расскажу об изменениях и дополнениях в графике, а потом и о самой верстке книг.

Графики

Одни графики, очутившись на страницах книги, захотели стоять в определенных местах текста, чтобы их было удобнее воспринимать. Другие же просто были возмущены тем, что они могут предоставить больше информации или представить ее более наглядно. А третьи просто захотели быть еще красивее.

Влияние кулинарной обработки на содержание йода в морепродуктах (Рис. 1, стр. 8)

Первый же график был переделан в соответствии с острым желанием иметь возможность сравнить показатели с полной нормой адекватного уровня потребления йода. Говоря проще, на графике надо отметить 100%, чтобы было видно, что в сырой морской рыбе йода больше, чем требуется, а в устрицах — половина адекватного уровня потребления йода.

Использование йодсодержащих добавок для обогащения хлебобулочных изделий йодом (Рис. 2, стр. 23)

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

Влияние йодированных солей на расплываемость теста (Рис. 3, стр. 30)

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

Влияние йодсодержащих добавок на газообразующую способность муки (Рис. 4, стр. 31)

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

Рост диаметра со временем (Рис. 6, стр. 33; Рис. 7, стр. 34; Рис. 9, стр. 36)

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

Верстка

Готовую книгу можно скачать в PDF (1,5 мегабайта), а можно быстро просмотреть в миниатюре:

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

В работе мне помогали одна вещь и одна пони. Сначала о второй. Ленка, героически сжав зубы, продиралась сквозь хитросплетения текста, переписывая его в понятной форме, а также исправляя знаки препинания, тире и сноски, если таковые ею были замечены. Поскольку я только выгляжу очень злым, читала она текст уже в первой редакции верстки, так что примерно представляла где будут иллюстрации, где таблицы, а где список не должен перейти на следующую страницу.

Вещь же, которая мне помогла, — «Справочник издателя и автора» Мильчина и Чельцовой (третье издание, исправленное и дополненное). Без него некоторые тонкости в отступах и отбивках были бы упущены. Кроме того, всегда приятно получить подтверждение своих древних знаний о выравнивании чисел в таблицах так, чтобы их было приятно читать.

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

Модульная сетка книги, которая два раза изменялась в процессе изучения исходной информации, стала более гибкой и читаемой (на следующих иллюстрациях модульная сетка появляется, если навести на разворот курсор)

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

Повествование о картофельной болезни хлеба на страницах 34—35 больше не выглядит скучным. Теперь его хочется перечитывать, всякий раз восхищаясь уменьшению на 30% площади поражения хлеба бактериями благодаря применению йодированной йодатом соли

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

Для того, чтобы было удобно читать таблицы и сравнивать приведенные в них данные, большинство из первых пришлось повернуть на 90°. Кроме того, все числовые и нечисловые значения были выравнены так, чтобы было очевидно, что же надо сравнить: числа с дробной частью — по запятой, интервалы — по тире и т.п.

(Таблица 3, стр. 27)

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

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

Если нет специальных математических программ, то функции поможет набрать в Mac OS X программа Grapher (Applications › Utilities). Формулу прямо из нее можно скопировать в формате PDF хоть в буфер обмена. Важно при работе с этой программой следить за пробелами между математическими терминами и знаками

Рекомендации по расчету содержания йода в хлебобулочных изделиях на страницах 8—9 Приложения 1 (56—57 страницы книги) обзавелись отдельно специально набранными формулами. По правилам набора необходимо выключать формулы, идущие отдельным абзацем по центру полосы набора. Но в этом тексте «многоэтажные» формулы шли бы в той же строке, и будь колонки пошире, я бы выключил формулы по левому краю. Ложка дегтя: из-за того, что формулы готовились в другом редакторе, в итоге «слетели» отступы в 2 пункта между математическими знаками и математическими терминами. Только сейчас заметил и очень расстроился ;(

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

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

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

«Датская» книга

Эту книгу тоже можно скачать в формате PDF (706 килобайтов) или полюбоваться ею в миниатюре:

Основной проблемой работы с этой книгой было ограниченное количество страниц, поэтому текст пришлось верстать в одну колонку на ширину двухколоночной сетки. Таблицы стали выглядывать из текста не так экспрессивно, но все равно интересно и интригующе. Позже оказалось, что добавилось еще четыре страницы, так что удалось сделать читаемый текст, а не нагромождение блоков из букв. К текстам в этой переводной книге Лена тоже приложила руку, сделав текст удобоваримым и, в частности, заменив µг и ppm, оставшиеся после нерадивого переводчика, на мкг и чнм (частички на миллион).

С таблицами, которые отличались в лучшую сторону от своих собратьев в предыдущей книге, все равно пришлось поработать.

(Таблица 3, стр. 10)

В этой таблице я объединил цветом возрастные группы, сделал более читаемой левую колонку и, что самое главное, уничтожил жуткое «Вміст йоду [середній (мінімальний-максимальний)] (µг/100 г)» заменив его нормальным форматированием в соответствующих ячейках и заголовком со сноской.

К сожалению, исходных данных для графика не было, его предстояло выдрать из PDF’а и как-то уменьшить по высоте, чтобы он поместился в верстке.

(Диаграмма 1, стр. 11)

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

(Таблица 4, стр. 11)

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

***

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

Принт футболки «Йод делает меня умнее» (dribbbbbbbble edition)

Когда мне было 9 лет, я практически попался в сети курсов развития абстрактного и образного мышления. На этих курсах сначала надо было попасть цилиндром в квадратную дырку, а потом составлять из не связанных друг с другом слов истории. Эти занятия мне не нравились, скорее всего потому, что мне плохо объяснили, что же надо делать. Не нравится мне составление бесполезных историй и сегодня (это заметно по тому, как часто я пишу в блог ;) Тем не менее, последняя неделя моей жизни была историей составленной из, как кажется на первый взгляд, не связанных друг с другом слов:

хлеб • йодид • развитие • дети • KIO₃ • клейковина

Если вдруг кто-то проследил между этими словами связь, то он или знаком с программой Юнисефа по борьбе с йододефицитом, или просто показалось. Если что-то третье, то это настораживает.

Часть прошедшей недели я посвятил тому, что разбирался и готовил к верстке книгу. Я не буду в тысячный раз писать о том, какая беда йододефицит, а также о том, почему есть рыбу или водросли — не решение проблемы. Просто скажу, что если использовать йодированную, а не обычную соль при приготовлении хлеба, то это не только невероятно поможет в борьбе с йододефицитом, но и хорошо скажется на свойствах самого хлеба. Плесень не появляется дольше, грибки бродят быстрее и так далее. В Киеве скоро произойдет большая конференция хлебопекарей, для которых и готовится книга о пользе соли йодированной KIO3 (это самый крутой йодат, который только можно использовать для йодирования соли).

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

(Инфо)графики

Для того, чтобы превратить обычные графики в информационные, мне потребовалось запросить исходные данные, что косвенно показывает насколько неинформативны и неудобны графики, которые подверглись переделке. Поскольку исходные изображения взяты из рабочего файла, куда они попали из сгенерированного Вордом pdf’а, они не выглядят так, будто над ними трое суток трудилось пять технических дизайнеров. Для того, чтобы увидеть как было, достаточно кликнуть на график или навести мышку на маркеры справа (на тач-устройствах надо пальцем ткнуть в график).

Влияние кулинарной обработки на содержание йода в морепродуктах

Update (нет предела совершеству)
Все выходные меня мучал первый график. Как показывают комментарии, не меня одного. Дело в том, что это скорее таблица, чем график. Даже в табличной форме разница между значениями очень хорошо видна. По кругам тоже можно судить о разнице, но только благодаря использованию линейных размеров (в отличией от площадей кругов ниже). Итак, получаются просто круги над таблицей. Кроме легких семантических загадок, этот вариант еще и выпадает из верстки книги, разваливаясь на две составляющие, обе из которых сложно назвать полноценными: круги с подписями и таблица с указанием процентов. Совмещение обеих частей не приведет ни к чему хорошему, превратив данные в кашу. В поисках других способов визуализации я перебрал разные варианты и даже пробовал вернуться к исходному, который был в книге, но он громоздок и не так хорош, как может показаться на первый взгляд. Проблема еще осложнялась тем, что у нас показаны два значения, которые не составляют целое, что делало невозможным использование составных полос (stacked bars).

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

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

Улучшенная иллюстрация влияния кулинарной обработки на содержание йода в морепродуктах

Использование йодсодержащих добавок для обогащения хлебобулочных изделий йодом

Круги приятнее, чем полосы показывают разницу между эффективностью использования различных добавок, особенно учитывая количество одинаковых показателей (5%). Фактически, смысл графика сводится к демонстрации того, что все добавки, кроме трех, одинаковы. Две из трех лучше, но примерно одинаковы, а третья разительно больше. Кроме того, круги позволили сделать график более читаемым и сэкономить место.

Влияние йодированных солей на расплываемость теста

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

Сначала полосы графика распространялись в обе стороны, что создавало впечатление расплываемости (показатель, который полосы иллюстрируют). Из-за этого возникла проблема потери наглядности: не было очевидно, что расплываемость одной пробы гораздо больше другой. Добавление линий на фоне сделало график больше похожим на этажерку, но не увеличило читаемость. Поэтому полосы были выровнены по левому краю, а в качестве основы для линий выбрано основное референтное значение. Смысл графика в том, чтобы сравнить показатели KIO₃ и остальные. Благодаря тому, что каждая линия отмечает конец каждого ряда, появилась возможность подписать ряды. В результате перебора пяти вариантов (здесь показаны три) были определены цвета, которые легче воспринимать. Полосы стали выпуклыми посередине, чтобы подкреплять «расплываемость», также это увеличило читаемость графика, как ни странно ;) Приятная деталь: длина полос графика равна показателям, которые они символизируют. Например, длина первой полосы в книге будет равна 46 мм.

Влияние йодсодержащих добавок на газообразующую способность муки

Ширина полос в этом графике равна ширине концов полос в предыдущем. Поскольку оба графика идут рядом, они будут удачно дополнять друг друга. Вся сложная «легенда» графика не только уместилась в левой колонке, но и стала понятнее.

Влияние йодированных солей на свойства клейковины

Деформация клейковины показана деформацией краев круга. Количество вершин «звездочек» кореллирует с разницей в данных.

Гидратация — это присоединение молекул воды к другим молекулам и ионам, так что к полосам, отображающим гидратационную способность, липнут капельки воды ;)

Влияние соли йодированной KIO₃ на рост дрожжевых клеток

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

Влияние йодированной соли на рост Bacillius subtilis в хлебе

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

Сохранность йода в хлебе с йодсодержащими добавками

Некоторые термины и названия пришлось переписать так, чтобы они выглядели понятно и по-человечески, а не как в реферате студента третьего курса, скачавшего их из интернета. Надеюсь, что после вычитки их не поменяют ;)

Таблицы

Для таблиц я сразу создал правила оформления в Индизайне, так что, казалось, оставалось только вставить данные. Как бы не так. Большинство таблиц были сделаны так, что данные в них было не только неудобно читать, но и сложно сравнивать. В большинстве случаев это решалось поворотом таблицы на 90°.

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

Некоторые таблицы оказались вовсе не таблицами, а простыми списками в две колонки.

Сложные таблицы со сносками и съехавшими полями стали удобными и понятными. Тут пришлось не только перечитывать все, что с ними связано, но и разбираться, какие поля куда съехали.

Верстаю книгу

Следующие шаги: правильно расставить тире, дефисы, символы интервалов, многоточия, кавычки, сноски, нумерацию источников и многое другое. Также необходимо изменить пошлый астериск в качестве обозначения сноки на что-нибудь менее «вордовское». Для текста, таблиц и примечаний на графиках, если такие понадобятся, буду использовать символ «^×». Пришлось отказаться от цифровых верхних индексов, чтобы их не спутали в какой-нибудь очередной формуле всего с обозначением степени или массового числа у химических элементов. Сносок, впрочем, не больше одной на страницу, так что цифровые индексы были бы избыточны — повсюду маячили бы единички.

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

Попутно хочу удивиться тому, как нигилистически относятся к своим трудам те, кто их создают. Если уж написал научный и нужный текст, то неужели не хочется, чтобы он красиво выглядел и был удобоварим? Ладно, читаемые графики в научном мире строить не умеют, но съехавшие поля таблицы как не поправить? Как подсказали в комментариях, еще и обозначение йодида и йодата в графиках и таблицах неверное. Пришлось исправить.

***

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

Спасибо Юре и Антону за то, что привели в порядок CSS и JavaScript вакханалию, создав и исправив функционал переключения исходного и обновленного графиков на тот, который был мне необходим ;)

И все? Нет, конечно!

Я доверстал книгу! И написал об этом пост! Встречайте:
«Йодид? Йодат! — 2 • Инфографика в действии и верстка книг»

За последнюю вечность я так и не написал ни одного поста. Теперь же я вернулся и надеюсь, что мои черновики не заплесневели — буду писать и постить! Писать и постись! Как лучше всего заставить свой мозг очнуться и начать работать? Сделать что-то интересное и ресурсоемкое. Этим мы с Юрой и занялись. Мы взялись сделать проект за 24 часа. На него у нас ушло около 33-х часов. На двадцать шестом часу мы стали подозревать, что не укладываемся в сутки, а на 30-м уже были уверены, что немного опаздываем. Так или иначе, проект мы завершили, и один из нас отправился ужинать, а другой — писать пост, уснул лицом в клавиатуре и только сейчас нажимает кнопку «Опубликовать» ;)

Идея проекта

Идея проста и этим привлекательна — дать пользователям айфона читать книги без установки дополнительных приложений. Мне она понравилась тем, что я люблю простые и изящные решения. Юра же был заинтересован в ней невероятно, потому что на свой залоченный айфон он не мог установить ни одно приложение. Исходя из поставленной задачи (никаких установок из AppStore или Сидии), мы поняли, что придется делать настоящее html-приложение. Я не помню, как их называет Эппл ;)

Проектирование

Первые наработки, созданные более полугода назад, напоминали приложение iBooks, которого тогда еще не существовало. После присоединения к проекту я предложил идею «отдельная книга — отдельная иконка». Таким образом, каждая книга становилась отдельным приложением. Вся библиотека была на сервере, а у пользователя только то, чем он пользуется. Кроме этого трендового подхода к организации информации был и еще один плюс — чтение книги заключалось только в чтении и ничего лишнего. Сделать что-то еще с книгой было невозможно. К минусам данной идеи стоит отнести неудобство хранения больше двух-трех книг теми, у кого на экране айфона много иконок. Мы решили, что можем с этим смириться, а выход iOS 4 доказал, что мы приняли правильное решение: теперь книги можно дюжинами складывать в папки.

Работу приложения можно разделить на два этапа. Первый этап: выбор или создание книги и последующее добавление ее иконки на Home Screen. Второй этап: чтение добавленной книги, доступной даже если айфон не подключен к интернету.

На данный момент поддерживаются .html и .fb2, но мы добавим и другие в скором времени.

Интерфейс

Наконец-то картинки ;) Можно было сравнить макеты с готовым продуктом, но в данный момент сайт не работает. Мы работаем над тем, чтобы восстановить его как можно скорее.

Все началось с иконки приложения и различных размеров для нее. Я надеялся, что html-приложения тоже могут иметь различные иконки в зависимости от разрешающей способности экрана, на котором они показываются. Оказалось, что не могут ;(

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

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

Иконка книги добавляется на Home Screen, и так завершается первый этап.

В следующий раз, когда пользователь нажмет на иконку книги, он увидит экран загрузки (на четвертом айфоне книга полностью загружается за пару секунд, а на айфоне 3GS немного дольше). После того, как книга загрузится в память телефона, ее можно читать. Приложение автоматически запомнит последнее прочитанное место и в следующий раз перемотает на него.

Вот так просто и вот так здорово ;)

Для тех, кто зашел на сайт не с одного из поддерживаемых устройств, существует специальная красивая страница (сейчас немного отличается).

Интересные детали

• Весь интефейс на 100% создан в векторном редакторе
• Все иконки и логотипы в приложении в векторном формате SVG
• Все графические элементы кроме иконок, логотипов и плашки в форме стрелки, сделаны на чистом CSS. Да, именно так! Эти градиенты, тени и фоны не картинки, а строки в файле со стилями!
• Иконка сайта, которая добавляется на Home Screen для веб-приложений в iOS 4.0 выглядит размытой и некрасивой. Единственный способ победить эту проблему — обновиться до iOS 4.1
• Все использованные шрифты установлены по-умолчанию в айфонах, айподах тачах и айпадах
• Благодаря всему тому, что перечислено выше, приложение выглядит одинаково на iPhone, iPhone 3G, iPhone 3GS, iPhone 4 and iPod Touch всех версий. Результаты работы на айпаде ожидаются в ближайшее время ;)

iPhone 4 и обычный iPhone. Практически идентично ;)

Того, что происходило за кулисами создания приложения очень много, я не буду перечислять все. Один из примеров: поиск варианта отображения и организации загрузки книги.

Ого, сколько текста. Я столько не прочту

Отправляйся со своего айустройства на сайт проекта (скоро вновь заработает) для того, чтобы скачать книги прямо на рабочий стол и прочесть их позже. Никакого дополнительного программного обеспечения не требуется. Поддерживаются форматы .html и .fb2. Мы любим вас!

Выловив из десятка заготовок постов тот, который соответствует моему настроению, я довел его до ума и публикую. Публикую сегодня, потому что твиттер просто завален всякими просьбами поспать подольше и жалобами на то, что необходимо просыпаться. У меня с пробуждением с улыбкой проблем нет (я даже будильниками не пользуюсь). Впрочем, раннее пробуждение с улыбкой на лице приводит к другим проблемам. Вернемся к интригующей картинке в заголовке поста. Это фрагмент завершенного комикса, который я в текстовом виде одним утром отправил bo.

Еще это можно считать пятничным трибьютом Friday 4Koma, который мне очень нравится.

Adobe устроила в Киеве презентацию своего Creative Suite 5. Я, зная как интересно слушать об их продукции еще с презентации мощи InDesign’a, с удовольствием приехал почти вовремя, забыл дома фотоаппарат, достал блокнот, ручку и приготовился записывать все-все-все о технологиях XXI века.

— В Украине 87% людей очень довольны своей жизнью, — начал рассказ о Фотошопе Рассел Виерс (Russell Viers). — Нет, правда, я читал в журнале! Остальные 13% людей в Украине работают в аэропорту и я их всех встретил когда прилетел!

Не желая останавливаться на этом, он продолжил знакомиться с аудиторией:
— Сегодня я представляю CS5, завтра — CS6, в следующий вторник — CS7…

Photoshop

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

Самым первым и удивительным, конечно же, стал Content Aware Fill — достаточно выделить какой-то объект или часть изображения, а потом сказать Фотошопу, что удалять надо аккуратно. Тот, в свою очередь, посмотрит на все изображение и постарается сделать то, что мы делали вручную при помощи выделений, feather, штампа и длительных (или не очень) промежутков времени. Результат поражает и потрясает. Этой функцией можно пользоваться не только для того, чтобы убрать нежелательный объект, но и для того, чтобы дополнить недостающие части изображения. Например, края при сборе панорамной съемке или стороны при выравнивании горизонта. Никаких больше crop, теперь только fill!

Это действительно работает! Причем работает как просто с выделением, так и с healing brush — просто берешь и закрашиваешь то, что тебе не нравится.

Улучшение распознавания изображения отразилось и на выделении объектов на фотографиях. Благодаря новым инструментам, Фотошоп сам выделяет, например, людей — достаточно приблизительно обозначить контуры и даже сам выделяет волосы, учитывая их прозрачность и растрепанность. Пока не попробую сам — не поверю, но на экране выглядело удивительно и волшебно.

Следом за Content Aware Fill и новыми способами выделения, Рассел показал как работает фильтр Lens Correction — он теперь по искажениям даже узнает какой камерой был снят кадр, после чего выравнивает его. Теперь можно фотографировать нос любимой собаки вплотную, а потом выравнивать в Фотошопе одним кликом ;) Если фильтр не узнал фотоаппарат, то одним кликом можно поискать его профайл в интернете и скачать прямо в Фотошоп.

Также появились замечательные инструменты для работы с фотографиями — HDR Toning, позволяющий делать настоящий HDR из нескольких фотографий, убирая следы (ghosts) от двигающихся объектов, или ненастоящий HDR из обычных фотографий.

В Camera Raw появилось больше настроек и эффектов. Особенно потряс всех пример с уменьшением шума — его почти не осталось.

То, чего не было в Фотошопе на протяжении всех версий, наконец-то в нем — Warp для пиксельных объектов. Программа сама проанализирует изображение и наложит на него сетку, а нам останется лишь гнуть их туда-сюда.

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

Резюмировать нововведения в Фотошопе можно фразой Рассела Виерса: You can be a really bad photographer and get perfect photographs!

Illustrator

Нововведений в Иллюстраторе вроде бы не много, но они очень приятные. Первое — Perspective Grid Tool. Работает примерно как Vanishing Point в Фотошопе, но немного иначе ;) Сначала следует нарисовать то, что хочется расположить в перспективе, потом построить сетку перспективы (выбрав количество точек, по которым строить), а затем перетащить на нее объекты. Иллюстратор сам их искривит так, как надо, учитывая пропорции и перспективу. Таким образом, нарисовать квартал небоскребов в перспективе проще простого — достаточно нарисовать один и размножить, расположив по сетке.

Второе нововведение — возможность рисовать за объектом и в объекте. Если с первым все понятно, то второе выглядит фантастикой как для иллюстратора. Выбрав объект, можно рисовать в его границах все, что угодно. Эффект будет таким же, как и от clipping mask, но намного быстрее и удобнее.

Следующее нововведение еще более фантастично — для того, чтобы «слепить» разные фигуры в одну или «вычесть» одну из другой, уже можно не прибегать к услугам Pathfinder, ведь появился новый инструмент, один взмах которым объединяет и разделяет все именно так, как надо.

И наконец, самое невероятное нововведение! Можно менять ширину контуров (stroke) в рамках одной кривой! Для них существует несколько стилей, а ширина меняется пропорционально в зависимости от толщины линии. Таким образом можно сильнее варьировать оформление и легко создавать эффект рукописности у текста. Жду не дождусь, когда смогу растаговаться в Иллюстраторе и подтянуть ширину линий, чтобы было похоже на работу маркером по стене ;) Более того, для пунктирных контуров создана функция, которой непонятно почему не было с самого начала: разместить полосочки, а не пропуски на углах фигуры.

InDesign

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

Отныне, если собрать InDesign Package, а потом открыть на другом компьютере, не обязательно устанавливать шрифты из package, чтобы Индизайн их увидел. Он просто будет использовать те, что шли в папке Document Fonts в package. Ниже длинный рассказ об этом.

Появился новый инструмент Page Tool, который позволяет менять размеры страниц на лету и вообще творить с ними нечто невообразимое. Например, иметь страницы разного размера в пределах одного документа.

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

Квадратным фреймам теперь можно закруглять углы одним движением мышки и не только все, но и каждый в отдельности. Изменения можно сохранить в Object Style и применять для других фреймов. Что же касается размещения (place) внешних файлов, Индизайн стал размещать их более интеллектуально, регулируя расстояния между фреймами с изображениями и даже автоматически изменяя размер содержимого фрейма в зависимости от его размера. Для этого появилась функция Auto Fit.

Для подписи изображений и более удобной верстки имеет смысл пользоваться функцией Generate Live Caption. Она берет информацию из мета-данных изображения и использует как подпись изображения. Можно выбрать даже поля, которые следует выводить и добавить до и после подписи нужный текст, примернить к ней стили и даже автоматически сгруппировать с картинкой. Если текстовое поле с Live Caption скопировать и перетащить так, чтобы оно соприкасалось с другой картинкой, то оно автоматически «подтянет» информацию из мета-данных этого изображения!

Программы для post production

В этой сфере я далеко не профессионал, но благодаря ораторскому и развлекательному таланту Маркуса Бледовски (Markus Bledowski), я с восторгом узнал много нового. Расскажу о том, что меня поразило. Надеюсь, что это не что-то обыденное и ежедневное для тех, кто занимается постом ;)

Для начала нам продемонстрировали фильм о том, как Аватар делали с использованием продукции Adobe. Как я и подзревал, создание фильмов и мультфильмов в современном мире очень тесно связанно если не с программированием, то с написанием скриптов.

Далее Маркус с воодушевлением начал рассказывать нам о том, чем живет — пост продакшене.

В Adobe Premier Pro меня поразило то, что программа распознает речь в видео и ассоциирует со строками сценария, подсвечивая то, что говорит герой. Можно просто щелкнуть мышкой по какому-то слову и перейти на нужный кадр фильма, или даже искать по фильму таким образом! Это единственное обоснованное и очень крутое применение технологии распознавания речи, которое я встречал.

Adobe Encore, в свою очередь, может экспортировать это все как в DVD, так и во Flash, причем со всеми субтитрами и возможностью поиска по ним.

Adobe After Effects радует распознаванием силуетов, выделением объектов и motion tracking. Функция трехмерного сдвига относительно камеры позволяет создавать интересные эффекты. Например, при помощи этой функции была создана нашумевшая недавно реклама телевизоров Samsung. Маркус при нас, вживую, показал как это делать. Все оказалось гораздо проще, чем я ожидал, но гораздо труднее, чем просто нажать кнопку «Сделать красиво!»

Маркус при нас довольно быстро создал с имеющимся материалом что-то подобное, но, разумеется, требующее тщательной доводки

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

Интерактивность

Adobe решили и дальше разносить флекс/флеш-программистов и дизайнеров. Для последних создали Flash Catalyst. Что-то вроде Flash для людей с ограниченными возможностями. Он позволяет анимировать, передвигаться между кадрами и объектами, задавать разные эффекты и создавать разные элементы управления, связывая их с действиями и объектами. В качестве примера была создана прокрутки для текстового поля за каких-то пять-десять минут девушкой из аудитории, которая флеша раньше в глаза не видела. Качество сгенерированного кода оценить не удалось.

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

Кстати, об Индизайне. В него добавили много функций для создания интерактивного контента. Эта часть интерфейса Индизайна стала похожа на пародию Power Point’а или Keynote ;) Например, благодаря нововведениями, имея на руках сверстанный в Индизайне журнал, можно за час сделать его флеш-версию. В нее даже можно вставить видео, анимации, слайд-шоу и прочие интерактивные элементы.

Теперь понятно, почему Adobe так возмущался, что нельзя генерировать содержимое для айпада на флеше, ведь тогда они стали бы первой и единственной системой для создания интерактивных медиа. Кстати, флеш-версия журнала будет достаточно элегантной: все «прилинкованные» файлы будут сложены в отдельную папку, а не встроены прямо во флеш. Можно создать не только swf, но и файл исходника, который потом можно будет редактировать непосредственно в Flash.

Wired активно пользуется Adobe Creative Suite’ом для создания наиболее полноценного и разностороннего средства массовой информации. Жаль только, что на айпад не перебросят с той же легкостью

Dreamweaver не удивил ничем, кроме парочки платных функций. WYISWYG html-редактор as is.

Интересные факты

Если импортировать в Фотошоп какой-нибудь трехмерный файл и сохранить в PSD, то он все равно будет трехмерным для других программ. Например, для Adobe After Effects. Это называется Live Photoshop 3D, если я не ошибаюсь.

Во всех программах CS5 появился улучшенный Mini Bridge, который функционирует как очень навороченная и удобная замена диалога Open. Думаю, что буду им пользоваться.

Adobe все больше и больше концентрируется на интернет-сервисах, некоторые из них он уже предлагает за деньги, а некоторые только планирует. Думаю, что больше информации у них на сайте ;) Например, в Индизайне можно поделиться файлом, разослав ссылку на его preview сгенерированный на acrobat.com, а не рассылая PDF. Там же можно комментировать файл, а комментарии будут появляться в специальном окошке прямо в индизайне, откуда на них можно отвечать. Думаю, что это удобно, только жаль, что не настраивается на локальном сервере.

В Иллюстраторе можно менять размещение art boards, а также задавать им имена. Кстати, в Индизайн можно импортировать отдельные art boards, а не весь документ.

Интерфейс приложений Creative Suite стал более однородным, но в частях касающихся интернета и интерактива, да и просто тут и там прослеживаются слишком уж flex-подобные элементы интерфейса. Написать Фотошоп на флеше, кто только не пробовал, верно? ;)

Иконки и splash screens приложений тоже изменились и стали более безудержными (не сложно быть более безудержным, чем прямоугольник с градиентом, правда?). Дизайнер Шоун Черис (Shawn Cheris) поведал об этих изменениях в двух частях.

Шутки и цитаты

Рассел Виерс

— What’s your name?
— Volodymyr.
— Wha… Lah… Can I call you Bill?

Я давно предлагаю Adobe размещать рекламу в диалоговых окнах с прогресс-барами. Кучу денег бы заработали и благодаря этому сделали программы бесплатными.

Рассел выбирал в зале кого-то, кто не знал бы Флеша, знал Иллюстратор и помог бы ему продемонстрировать простоту Flash Catalyst. В итоге выбор пал на одну девушку. Единственным вопросом Рассела был: — Is your name hard to spell? (Твое имя сложно произносить?)

Маркус Бледовски

We don’t have problems — we have challenges! (У нас нет проблем — у нас есть вызовы!)

Don’t ask if it’s possible. Ask how it’s possible. (Не спрашивайте, можно ли это сделать. Спрашивайте как это сделать.)

Приходит клиент и говорит, что ему нужно перекрасить машину в видео в другой цвет. Какой? Он не знает. Удиви меня! Значит, розовый. Потом он просит тот же цвет (розовый), но другой оттенок. Значит, зеленый.

Роман Менякин

Роман демонстрировал в Фотошопе Content Aware Fill. Для этого он открыл файл с написанной задачей по высшей матеаматике. Выделив пустое место, Роман выбрал Content Aware Fill, Фотошоп подумал и решил задачу, даже начертил график. На второй фотографии, на которой Роман запечатлел игрушки сваленные в кучу его сыном, Фотошоп смог расставить их по местам ;) Роман предупредил, что это все пока что бета, так что не у всех может работать.

Во время ожидания выполнения какой-то задачи.
Роман: Эдоби-кадабра!
Рассел: Пау!

***

Я уверен, что запомнил и записал не все, но Adobe по непонятным мне причинам не устраивает ни съемку, ни раздачу материалов о программах, которые презентует. Только программку и листик с составом различных collection’s. Кроме того, не было вай-фая, так что я не смог осуществить свою давнюю мстительную мечту — заспамить по твиттеру всех посетителей всяких баркемпов, которые засоряют твит-ленту своими сиюминутными впечатлениями от кофе с булочками на перерывах. Тем не менее, было очень интересно, блокнот с логотипом Adobe и ручка уже нашли свое место в моей душе и сумке, а магнитик «Я ♥ Adobe» грустит — я не люблю магниты на холодильники. Если кто-то хочет, я могу подарить.

Я опять поссорился с фотоаппаратом, поэтому резкой фотографии не получилось. Вот так выглядит магнитик ;)

В последних строках поста и совсем не относящимся к нему образом, я хочу поздравить с днем рождения моего друга Юру (akella). Ему исполнилось 14 или 35, я не вдавался в детали. Юра, если тебе больше нечего в день рождения делать, кроме чтения этого поста — желаю тебе счастья и самоорганизованности!

Ожидание длиной в пять лет закончилось. Создатели MINI прочитали мои мысли (до этого такое удалось компании c1rca) и создали Cooper, который я куплю. Не только куплю, но также полюблю, зауважаю, буду гордиться и водить его так, будто я оседлал мечту. Вот он — скоро поступающий в продажу MINI Cooper Countryman. Кроме красивого дизайна и отличного кузова у него еще и нормальное количество дверей! Фанаты MINI могут обвинять меня в том, что я не чувствую дух машины, могут исключать Countryman’a из семьи Куперов — мне плевать. Я просто хочу ездить на этой замечательной машине с шести-ступенчатой механической коробкой передач!

Поскольку это MINI, все рекламные материалы просто замечательные. Я немного подпорчу удовольствие, но все же предложу сначала посмотреть рекламный ролик Countryman’a, а потом тизер к нему.

Как сказал MRNCH: «Хоть кто-то не делает рекламу авто из серии „ваша машина — ваши дороги“»

А вот тизер MINI Countryman. Особое внимание заслуживает камуфляж, который обычно применяют для того, чтобы спрятать детали новых моделей машин на тестах от журналистов, которые так и норовят сфотографировать концепт. Здесь камуфляж — часть рекламной кампании:

***

Тем, кто считает, что это не MINI, а ерунда какая-то, предлагаю посмотреть на замечательный старенький MINI, который я сфотографировал в Риме:

Я очень люблю готовить и очень редко пользуюсь придуманными до меня рецептами. В любом случае, я их почти всегда нарушаю. На днях я сделал очень вкусный и красивый салат, который назвал «Prawn the Queen». Его рецепт и инфографику по приготовлению я представляю вашему вниманию. Будем считать это пром-дизайном ;)

Рецепт

5 пластинок карамболя (starfruit) толщиной не больше 4 мм

5 креветок 70 калибра или чуть крупнее

5 листьев салата Айсберг

30 г майонеза

30 г оливкового масла

Листья салата порвать руками на кусочки вкусного размера, туда добавить разрезанные пополам пластинки карамболя. Если удастся найти в магазине не пятиконечный, а шестиконечный, то будет вообще замечательно — получится по две короны с одной пластинки ;) Креветки отварить, почистить и добавить к салату и карамболю. Можно купить уже вареные креветки, тогда их надо просто разморозить. Маойнез смешать с оливковым маслом до однородной массы, залить этим соусом уже смешанный салат, еще раз все перемешать и наслаждаться. Это порция на одного человека.

В 1994-м году мне подарили столь необходимую десятилетнему мальчику вещь — дисковод для пятидюймовых дискет. В комплекте с ним шел адаптер, позволявший подключить это чудо к компьютеру. К компьютеру, на котором я командовал ассемблером и бейсиком. К компьютеру, который не мог запустить Turbo Pascal лишь потому, что для отображения интерфейса этой, хм, среды разработки требовалось 16 цветов, а в наличии было лишь четыре: белый, бирюзовый, розовый и черный. Можно было включить другой режим, который насыщал все цвета желтым, так что получались желтый, зеленый, красный и все тот же черный. Одновременно использовать два режима было невозможно, но это никому и не мешало. Игры были увлекательными и интересными, а то, что они грузились не с кассет, а с гибких магнитных дисков, доставляло еще больше наслаждения. Одной из игр, которые заставляли меня с замиранием сердца слушать карканье дисковода, был Thexder (テグザー). Бегающий по лабиринтам робот, который умеет превращаться в самолет и летать по тем же лабиринтам помог мне не сделать не одно домашнее задание.

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

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

Сейчас, спустя больше 15 лет, я уже не могу не сделать алгебру или английский язык, зато могу сорвать дедлайн. Что я и чуть не сделал, потому что вчера установил на PSP свежий римейк полюбившейся игры — Thexder Neo! Пока я не прошел ее всю на нормальной сложность три раза, я не отрывался от карманной игровой консоли и выглядел, должно быть, самым жизнерадостным идиотом на планете.

На этой и предыдущей картинках один и тот же фрагмент первого уровня

Как видно, игра изменилась, обновилась графика, но уровни остались почти такими же! Первый уровень я прошел чуть ли не с закрытыми глазами, инстинктивно уворачиваясь, стреляя и превращаясь! Но изменился не только дизайн игры (на PSP в нее играть легче), в дополнение появился режим онлайн-сражений. Воспользоваться им я не смог, потому что так и не подружился с Playstation Network.

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

Каким-то образом разработчикам все равно удалось сохранить дух игры. Это легко заметить, если сравнить процесс в оригинальной и обновленной версии игр:

Thexder

Трейлер Thexder Neo

***

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

Очень приятно, что хоть и в конце первого десятилетия третьего тысячелетия редко, но метко создают 2d скроллеры, которых мне так не хватает!

Уже прошел почти год с тех пор, как я летал в Португалию. С тех пор я не могу забыть эту страну и хочу вернуться на уютные улицы Лиссабона, ощутить 20 градусов тепла 20 декабря, опять прокатиться в метро, погулять по побережью и купить наконец-то футболку с изображением 28-го трамвая. Я не думал, что эти желания так сильны, а воспоминания так ярки, пока Tonya Shoo не поинтересовалась в фейсбуке: «Привет, видела записи что вы были в Лиссабоне. Мы тоже туда едем, ты порекомендуешь что-то?… Про Vino Verde я уже прочитала.» Я хотел написать короткий и лаконичный ответ, но сделать это мне не удалось.

Я ответил:

Привет ;)

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

Королевский дворец в Синтре. Фото на фликре

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

В Лиссабоне мы жили в центре города, прямо у площади Rossi, если я не ошибаюсь. Облазили все улочки — крутые, удивительные и увлекательные.

Крупнее на Google Maps

Фотографировали орнаменты на всех домах — обратите на них внимание. Потом, на площади, справа от гостиницы Мундиаль (если стоять к ней спиной) как-то вечерком сядьте в 28 трамвай и прокатитесь — очень здорово. Он объезжает весь центр.

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

Улочка в центре Лиссабона. Фото на фликре

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

Фото на фликре

Ой, чуть не забыл! Обязательно посетите океанариум. Станция метро Васко да Гамма.

Фото на фликре

Едьте на метро — как приедете будете поражены красотой станции. Внизу — метро, выше — автобусы, а еще выше — поезда. На этой же станции, рядом с океанариумом, самый длинный в, кажется, Европе мост. Можно полюбоваться и покататься на фуникулере, глядя на океан. Я так обзавидовался работникам Лиссабонского Young&Rubicam — их окна как раз выходят на океан и мост. Чуть не попросился работать у них уборщиком или ассистентом ассистента какого-нибудь младшего помощника. Лишь бы видеть эту красоту каждый день.

Фото на фликре

Кушать можно не только в ресторанах, а во всех уличных забегаловках — дешево, вкусно и удивительно. Не забывайте благодарить португальцев за все, им очень нравится ;) «Спасибо» по-португальски будет «обригадо».

Будничная Baixa. Фото на фликре

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

Фото на фликре

***

Лиссабон — один из немногих городов, в которых мне бы хотелось жить.