Урок

Мир программирования: Пошаговое создание инфографики

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

Мир программирования

Выбор шаблона

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

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

Первые наброски элементов

После того, как автор выбрал компановку, он перешел к отрисовке портретов программистов на бумаге.

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

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

Мир программирования
В качестве сетки было выбрано золотое сечение, а именно программа Pixus поможет вам это осуществить.

Мир программирования

Подбор цветов

Этап подбора цветовой гаммы не менее важен, чем этап выбора сетки будущей работы. Ведь от цветов тоже зависит многое: как будут воспринимать работу читатели, какие эмоции у читателей нужно вызвать и тд… Более подробно о выборе цветовой гаммы можно почитать в теме о выборе цветов. В своей работе автор использовал инструмент под названием Kuler:

Мир программирования

Типографика

Используйте 2, максимум 3 различных шрифта в своем дизайне. Если у вас много текста написано, тогда для него выбирайте наиболее удобочитаемые шрифты: Georgia, Helvetica. В работе о программистах в основном использован шрифт Calibri (и его курсивное начертание): основной текст набран 15 енглем, а имена программистов 21-м. Для обозначения чисел выбран шрифт ChunkFive.

Мир программирования