Дизайн вокруг

Если вы хотите изучить Adobe Illustrator или другую программу векторной графики, я рекомендую вам книгу Стивена Уитроу и Джека Харриса "Vector Graphics and Illustration".

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

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

Посмотреть цены на книгу в интернет-магазинах:

На Амазоне: Vector Graphics and Illustration

На Abebooks.co.uk: Vector Graphics and Illustration

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

Аллегория природы

В классические века природу любили изображать в виде обнаженной женщины. Красота считалась в естественности, ведь природе не нужен никакой орнамент. Например, вот картинка из книги XVII в Cesaro Ripa, Iconologia:

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

Аллегория дизайна

А вот так в следующей книге - Nova Iconologia (которую я никак не могу найти, у вас нет?) изображен сам дизайн:

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

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

Я тут совсем забыл, что не выложил книжку Виктора Папанека "Дизайн для реального мира". Ее текст на русском языке можно спокойно найти в интернетах, так что без зазрения совести выкладываю PDF.

10_Papanek.pdf (размер 23534.74 КБ)

Хью Дабберли и люди из студии Dubberly Design Office проделали огромную работу по поиску и обработке теоретических описаний процесса дизайна. Около 130 моделей составили содержание их книги How Do You Design. Книга написана для образовательных целей и свободно доступна на сайте авторов.

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

Сначала мы разбиваем ситуацию или проблему на части для исследования (Анализ). Затем мы собираем ее на основе возникшего при этом понимания улучшений (Синтез).

Конечно же, присутствует много интересных моделей, не обязательно касающихся этой. Про две из них я писал раньше. Еще мне понравилось простейшее мнемоническое правило 4D (define, design, develop, deploy). Шуточки от Apple

Наконец, циклические модели, как естесственное продолжение всего определенного ранее.

Скачать всю книгу можно здесь:
http://www.dubberly.com/articles/how-do-you-design.html

Прочитал первую книгу Эдварда Тафти Visual Display of Quantitative Information. В ней он описывает все, что касается построения графиков. Как нельзя делать и к чему надо стремиться, чтобы максимально точно, понятно и красиво отображать данные на графиках.

Вот краткое резюме:

1. Graphical Excellence: Тафти приводит примеры классных графиков. Графическое качество - это представлении интересных правдивых данных в хорошем дизайне. Оно состоит из комплексных идей четкой, точной и эффективной коммуникации.
2. Graphical Integrity: Тут автор приводит пример плохих графиков и говорит как можно врать с их помощью, замусоривать лишним оформлением, запутывать в измерениях и выдирать данные из контекста. Графическая целостность - это недопущение всего этого.
3. Sources of Graphical Integrity and Sophistication: Тафти описывает источники проблем плохих графиков: например, многие художники математически неподкованы, статистика вообще считается скучной, а читатели графиков - слишком тупыми для их восприятия
4. Data Ink and Graphical Redesign: В этой главе расписана концепция data-ink ("чернила" потраченные на отображение данных). Показано как повысить информативность графиков путем убирания "чернил", не относящихся к делу. Прежде всего нужно показывать данные, максимизировать data-ink, стирать non-data-ink, стирать лишние ненужные "чернила данных" и постоянно проводить ревизии.
5. Chartjunk: Vibrations, Grids and Ducks: Тафти разоблачает современных дизайнеров злоупотребляющих лишними заливками и градиентами для создания графиков. Говорит, что разметочные сетки либо вообще не нужны, либо должны быть приглушены. А больше всего он ненавидит "Уток" - вещи, которые существуют только ради дизайна (по примеру дома-утки, который есть архитектурная декорация сама по себе).
6. Multifunctioning Graphical Elements: В этой главе приведены отличные примеры графических элементов, которые несут сразу несколько смысловых нагрузок и представляют несколько "слоев" данных.
7. Data Density and Small Multiples: Здесь рассматриваются способы увеличения плотности данных на области графика. Про это я писал в прошлом посте
8. Aesthetics and Technique in Data Graphical Design: Тафти немного говорит о том, как лучше располагать графики в потоке текста, какого они должны быть размера и как вообще выглядеть. В заключении, он добавляет, что дизайн - это всегда выбор и придется жертвовать чем-то одним в угоду другого. И лучше пожертвовать одним принципом, чем налепить кучу бессмыссленных точек на бумаге.

Саму книгу можно найти на torrents.ru и если не стерли, что еще и здесь
http://avolon.livejournal.com/22911.html

Марк Болтон (Mark Boulton) написал книгу про веб-дизайн. На сайте www.fivesimplesteps.co.uk можно узнать про нее больше, купить, а так же скачать маленький кусок.

В этом маленьком куске четко и понятно расписана теория цвета на экране.

Всем известны основные цвета:

На цветовом круге цвета из разных систем расположены прямо напротив друг друга, то есть кардинально отличаются, а значит могу использоваться для контрастного различения объектов на странице

В книге Влада Головача "Дизайн пользовательского интерфейса" приведено интересное описание "кнопки бесконечного размера".

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

Для достижения такой кнопки от пользователя требуется всего лишь дёрнуть мышь в нужном направлении, не заботясь о её скорости и не делая попыток остановить её в нужном месте. Это делает такие кнопки наиболее доступными для пользователя, жалко даже, что у экрана всего четыре угла. Именно поэтому, например, меню MacOS многократно эффективней меню Windows: если в MacOS меню всегда расположено впритык к верхнему краю экрана, то в Windows меню отделено от края экрана полосой заголовка окна программы (Title Bar).

Свою книгу автор считает устаревшей, но вы все равно ее можете легко найти в яндексе

Отто Трейманн (Otto Treumann, 1919-2001) сыграл значительную роль в развитии послевоенного графического дизайна в Нидерландах.

Блистательными моментами в его карьере былы работы для журнала Rayon Revue, марки посвященные памяти военного сопротивления, многочисленные постеры, логотип для израильской авиакомпании El Al Israeli Airlines и для многих голландских компаний.

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

Он был пионером в сфере деятельности, которая позже была продолжена и отточена первыми голландскими дизайнерскими группами, такими как Tel Design (1962) и Total Design (1963).

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

Книгу про Отто Трейманна можно почитать на гугле:

http://books.google.com/books?id=NkST-eA7uicC&printsec=frontcover&source=gbs_summary_r&cad=0#PPP1,M1

Прочитал неплохую книжку

Paul Mijksenaar
Visual Function.
An Introduction to Informational Design

Ее можно взять на Гугле:
http://books.google.com/books?printsec=frontcover&id=-j7JcB2al7sC

Вот про что там написано:

1. Form or function: Львиная доля страниц уделена размышлениям, а вернее утверждению и доказательству того, что функция предмета определяет его форму. Главное в предмете то, зачем он сделан, а эстетическая красота идет бонусом. Скажем, быстроходные парусники клиперы считаются одним из самых красивых творений человека, хотя они строились для того, чтобы быстро смыться с грузом контрабандного опиума от правительственных кораблей. Или же роскошные номера на океанских атлантических лайнерах должны были отвлекать пассажиров от блевотной морской болезни. Мийксенар разработал шкалу оценки предмета по трем составляющим, которую я приводил пару постов назад.
2. Visual information: Информация будучи представлена в графической форме может сказать о многом, практически без слов. Лев в разрезе гораздо информативней пяти страниц текстового описания своей анатомии. Временной график убыли наполеоновской армии с нанесенными географическими ориентирами очень наглядно показывает где и когда он терял своих людей. Там же приводится в пример визуальный язык Isotype, про который я написал вчера.
3. Graphical variables: Жак Бертин (Jacques Bertin) разработал систему визуальных переменных. Такие понятия как цвет, форма, размер и др. были разложены им по полочкам и каждой определены свои функции: иерархии, различия или объединения. Наибольшее признание его система получила в картографии. Там важно отделить один объект от другого. Как это сделать? Выбрать соответствующие переменные. Мийксенар попробовал показать как можно применять эту теорию в других сферах графического дизайна. Я скоро напишу подробнее про его метод.
4. Three cheers for the everyday: Мийксенар советует современным дизайнерам больше смотреть по сторонам, подмечать интересные решения в самых обычных вещах и черпать из них вдохновение. Он жалуется что современные дизайнеры считают такой метод пошлостью, а себя - пупом земли.
5. Experiment or craftmanship: Он так же говорит, что хороший дизайнер должен постоянно исследовать самые разные вещи и явления. Если человек что-то дизайнит, он должен разбираться в предмете дизайнируемого.
6. Trends: Несомненно развитие технологий дошло до такой степени, что теперь нужно не разрабатывать вещь, а потом придумывать ее описание, а сначала описывать, а потом делать.
7. Form follows content: Автор еще раз повторяет, что было бы чем наполнить - наилучшая форма сама для этого подберется.
8. Regarding training and designers: Мийксенар считает, что с дизайнером неразрывно должен работать человек, максимально понимающий цель разрабатываемой вещи, например заказчик. Он обязан пресекать попытки художественной самореализации в ущерб смыслу.

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

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

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

Internationa_Picture_Language._Otto_Neurath.pdf (размер 7829.64 КБ)

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

http://www.fulltable.com/iso/menu.htm

А вот пара примеров оттуда (чтобы далеко не ходить).

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

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

Люди из Оперы решили сделать большое подспорье тем, кто намерился стать вебмастером. Они создали свой как бы аналог "вебсайта для чайников", только без чайников. Opera Web Standards Curriculum - это такой набор статей, который на самом деле учебник сайтостроительного дела. Его можно бесплатно читать здесь

http://www.opera.com/company/education/curriculum/

есть русский перевод

http://www.intuit.ru/department/internet/operawebst/

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

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

euclid_byrne.pdf (размер 84408.33 КБ)

Хорошая книжка по информационному дизайну. Куча примеров. Вот, например, прогноз погоды в Японии.

Серые контуры показывают температуру 0° и 10°, а облачность очень наглядно показана на профиле страны (заодно отлично видно характер местности). Конечно, такой прием работает в основном только для плоских стран, но он очень красив.

Сама книжка на английском языке есть на торрентах.