Создайте сетку резюме / макет резюме в InDesign — читайте все нюансы

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

CV дизайн


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

CV дизайн

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

Будучи дизайном, нацеленным в большей степени на печать, и концентрирующимся на тонких деталях сетки, мы будем использовать Adobe InDesign в качестве предпочтительного приложения. Будучи настольным издательским пакетом, InDesign имеет множество полезных инструментов для создания сложных макетов. Создайте новый документ, установите размер страницы на A4 и поместите поля на расстоянии 10 мм от каждого края. Мы не планируем массовое производство документа, поэтому нет необходимости в кровотечении, но это может быть удобно, если вы планируете обрезать последнюю страницу, если она была удвоена на принтере A3.

После настройки основного документа перейдите в Макет> Поля и столбцы. Создайте пять колонн с желобом 5 мм.

Перейдите в настройки InDesign и просмотрите раздел «Сетки». С запланированным дизайном, использующим много Cyan, было бы удобно изменить цвет линий сетки с синего. Выберите цвет, например, светло-серый. Также измените начало на 0 мм с верхней границы, увеличьте их до 13pt и снимите флажок «Сетки в спине».

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

Используйте инструмент «Прямоугольная рамка», чтобы нарисовать прямоугольник в верхнем правом углу. При включенной опции «Привязать к сетке» фигура должна точно соответствовать линиям сетки. Заполните коробку 100% Cyan.

Создайте текстовую область с помощью инструмента «Текст» и укажите свое имя. Здесь мы используем вымышленного персонажа Стивена Стивенсона вместе со всеми его деталями.

Измените шрифт на стильный классический, например, Meta . Отрегулируйте размер шрифта так, чтобы текст идеально помещался между базовыми линиями. Как только тип будет расположен правильно, перейдите в Object> Fitting> Fit Frame to Content.

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

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

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

Отредактируйте текст, установив соответствующий шрифт, установите размер 10pt и ведите к 13pt, чтобы соответствовать базовой сетке. Сделайте отступ текста, чтобы обеспечить легкое сканирование и очистить разделы для каждой области информации.

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

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

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

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

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

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

Выберите группу элементов списка и перейдите в «Текст»> «Маркированные и пронумерованные списки»> «Применить маркеры». Это автоматически сделает отступ текста и добавит точки к каждой строке.

С выбранным списком перейдите в «Текст»> «Маркированные и нумерованные списки»> «Преобразовать маркеры в текст».

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

Завершите нижнюю часть страницы аккуратной рамкой, используя прямоугольник размером 210×2 мм. Заполните форму Cyan.

CV дизайн

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

CV дизайн

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



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.