Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Design Theory
Design

Жаргон графического дизайна: часть 1

by
Length:LongLanguages:

Russian (Pусский) translation by Yuri Yuriev (you can also view the original English article)

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

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

1. ‘We Need to Flush It Differently’ (нужно промыть его иначе)

Нет, это не связано с туалетами. «Промывка» на самом деле относится к выравниванию текста на макете.

align text flushing

Есть несколько команд выравнивания текста на странице, самые обычные Align Left (по умолчанию для English версии софта), Align Right и Align Center. Можно Justify all lines (растягивание строки по краям рамки — обычный газетный приём выравнивания столбцов) или Justify with the last line aligned left or right (выровнять по левой/правой стороне). Если вы работаете с двухстраничным разворотом, вроде макета книги или журнала, то пользуетесь командой выравнивания текста Towards или Away from the Spine.

В Adobe InDesign, пройдя по Window > Type & Tables > Paragraph можно посмотреть все опции выравнивания.

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

2. ‘Let’s Make It Breathe’ (дать больше воздуха)

Ваш дизайн может задохнуться из-за огромной плотности «материала» на странице.

Ещё один перл речи дизайнеров - ‘white space’ ("белое пространство").

"Белое" пространство не белого цвета - а просто пустое место на вашем макете. Оно может быть заполнено цветом или фоновым изображением, но без отвлекающих элементов, таких как текст или графика.

White space example
Minimal Fashion Magazine Template

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

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

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

Хотите научиться применять белое пространство? Прочтите этот урок по дизайну листовки:

3. ‘Make It Look More Flat’ (сделай его плоским)

Когда-то двухмерные печатные проекты делались и выглядели, как угодно. Тогда как 3D-эффекты были в большом почёте.

Но лет десять назад в графике возникло и вошло в моду понятие ‘flat’ design ("плоский" дизайн). Это связано с ростом популярности стилей "под старину", которые имитируют литографическую печать. Плоский дизайн в цифровом исполнении - это иконки, кнопки и иллюстрации, они выглядят очень простыми и доступными для понимания.

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

Flat Design Example
Flat Design Business Card Template

Замените фотографии иллюстрациями и оставьте графику простой, минимальной и даже немного наивной. Для вдохновения посмотрите печатный дизайн 1950-х и 1960-х годов.

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

4. ‘Bring in an Infographic’ (добавить инфографики)

Если вы ещё не знаете, что такое «инфографика», не отчаивайтесь. Это пока очень специфическая отрасль графического дизайна.

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

Infographic template

Если вы не хотите целыми днями корпеть над заказными иллюстрациями, вам повезло -  огромное количество   заготовок привязано к рынку инфографики, значит, вы можете загружать готовые значки и символы для заполнения проектов данными. Смотрите подборку infographic vector elements на Envato Market.

Можете научиться создавать собственные элементы инфографики прямо в Adobe InDesign по этим урокам:

5. ‘What’s the DPI/PPI of This?’ (какое разрешение?)

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

DPI значит ‘Dots per Inch’ (точек на дюйм), это важно знать, особенно для печати. Принтер воссоздаёт рисунок печатью точек. Если точек на дюйм мало (низкий DPI), картинка будет размытой. Чем больше точек (высокий DPI), тем более плотный, более качественный результат. Нижний предел DPI для качественной печати равен 300 DPI.

PPI почти то же самое, но ‘Pixels per Inch’ (пикселей на дюйм). Вы знаете, что Adobe Photoshop работает в PPI - при увеличении растра в Photoshop автоматически уменьшится PPI, тем самым снизится качество изображения и появится пикселизация.

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

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

Всё, что нужно учесть при подготовке к печати, в этом полезном пособии:

6. ‘We Need to Change the Font/Typeface/Typography’ (изменить шрифт/тип шрифта/типографику)

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

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

Example Typeface
Pier Sans Typeface

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

Если вам предстоит выбор шрифта, попытайтесь понять, что конкретно вносит в оформление текущий шрифт? Можете ли вы изменить весь облик проекта, внеся небольшие поправки?

‘Typography’ (типографику) можно понимать, как typeface, но немного шире. Типографика означает способ, которым шрифт упорядочен и отформатирован на странице.

Если дизайнер заговорил о типографике, это может относиться к целому ряду вещей, которые формируют текст, например, leading (пробел между строками текста), регистр (верхний или нижний), tracking (пробел между символами) или drop caps (первый или первые несколько символов абзаца увеличены).

Если типографика так обширна, как узнать, что именно происходит с текстом: он слишком забит, слишком разбросан, слишком большой или слишком маленький?

У каждого дизайнера есть большой выбор классических и модных стилей шрифтов для всех видов макетов. Создайте свою коллекцию из fantastic range of fonts на Envato Market.

Another example typeface
Ed's Market Script Typeface

Просветитесь от А до Я насчёт типографики и всего, что касается шрифтов, по этому пособию:

7. ‘Let’s Create an Identity’ (придать подлинность)

Вам не нужно торопливо подделывать паспорт в стиле Jason Bourne, так как ‘identity’ ("подлинник") в дизайне означает только brand identity.

Example Brand Identity
Image: ©Barbican Centre/North

Большинство крупных компаний, как и отдельные продукты, имеют brand identity, но что это значит? Подлинность бренда состоит из визуальных маркеров, которые уникальны для этого бизнеса или продукта, таких как логотип, талисман или слоган. Большинство identities имеют собственную цветовую палитру, шрифты (см. 6 выше) и графические элементы, такие как иллюстрации и/или фотографии, которые были привязаны к бренду.

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

Если клиент или дизайнер говорят о ‘range of identities’, может быть, они хотят увидеть три-пять логотипов, которые включают или не включают название компании, заданное, в том числе, и "фирменным шрифтом". Главные логотипы могут быть затем уточнены, а цвета и стиль перенесены на другие части identity.

Создание подлинности бренда - не такой уж подвиг, но вы можете начать, следуя по ходу создания нашего бренда Envato Tuts + ‘Team Awesome’ :

8. ‘Can We Change the Grid?’ (можно поправить сетку?)

Удивительно будет услышать это от клиента (уважение к ним, если да!), но дизайнер не упустит случая сообщить, что сетка на вашем макете сбита.

Сетки - неизвестные герои успешно разработанных макетов, это строительные блоки любого дизайна. Сетка любого макета состоит из ряда квадратных или прямоугольных секций, составляющих невидимые столбцы и строки, разделяющие элементы. Сетка вставляется в большинстве программ (например, в Adobe InDesign перейдите в меню View > Grids & Guides > Show Document Grid) и располагается за содержимым вашего документа в монтажной области.

InDesign grid view
Example Document Grid View

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

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

9. ‘Send Over the Native Files’ (пришлите родные файлы)

От этих слов сердце молодого дизайнера уйдёт в пятки. Вы много дней провели за компьютером, изучая дизайн, только для того, чтобы в итоге услышать, что у вас должно быть нечто по названию ‘native file’ ("родной файл"). Что это такое?

Родной файл - это производственное название оригинальной цифровой копии вашего произведения. Например, если вы работаете с вектором в Adobe Illustrator или Inkscape, финальную картинку можете сохранять в форматах  JPEG или PNG. Если клиент или агентство требуют «родной файл», они хотят the original artwork file, возможно, в AI или, более вероятно, в формате EPS. Значит, понадобился доступ к редактированию, например, замена цвета или настройка графики.

Если вы работаете с файлом Adobe InDesign, возможно, книги или брошюры, отправка родного файла - это несколько более сложный процесс. Сначала придётся упаковать файл (File> Package), чтобы собрать все файлы шрифтов и все изображения документа и поместить их в новую папку вместе с копией файла InDesign. Не забудьте предоставить копию IDML файла InDesign (File > Save As > выбрать InDesign CS4 or later [IDML]), на случай, если у получателя другая версия InDesign (например, у вас CC, а у них CS6).

InDesign Logo

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

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

10. ‘Let’s Make It More Commercial’ (сделать более коммерческим)

В агентстве вы работаете или на дому, есть слово, к которому надо привыкнуть - ‘commercial’.

«Коммерческий» - одно из тех слов, которые сосут жизненную силу из страстного дизайнера или художника. Потому что ‘commercial’ противно ‘artistic’ или ‘creative’. Коммерческий дизайн имеет одну и только одну цель - продажи. Объявления, обложки журналов или листовки с коммерческим уклоном продаются лучше творений "вообще".

Example Sales Flier
Sales Flyer Template

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

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

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

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

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

Поздравляю! Теперь вы говорите "как дизайнер"

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

  1. ‘We need to flush it differently’ — переводится: ‘Надо выровнять текст.’
  2. ‘Let’s make it breathe’ — переводится: ‘Разнести, дать больше пространства.’
  3. ‘Make it look more flat’ — перевод: ‘Удалить все 3D элементы, вроде градиентов и размытых теней.’
  4. ‘Bring in an infographic’ — перевод: ‘Добавить графику, иконки или диаграммы для отображения данных.’
  5. ‘What’s the DPI/PPI of this?’ — перевод: ‘Указать разрешение картинок.’
  6. ‘We need to change the font/typeface/typography’ — перевод: ‘Установить различные стили шрифтов (текста).’
  7. ‘Let’s create an identity’ — перевод: ‘Создадим фирменный стиль компании/отрасли/клиента, возможно, с идеи логотипа.’
  8. ‘Can we change the grid?’ — перевод: ‘Требуется внести изменения в расположение элементов макета страницы.’
  9. ‘Send me over the native files’ — перевод: ‘Пришлите оригинальные исходные файлы в форматах AI, EPS или PSD вместе с файлами InDesign.’
  10. ‘Let’s make it more commercial’ — перевод: ‘Приведите творчество в соответствие с потребностями массового рынка.’

Может, вы знаете ещё какие-то перлы дизайнерского жаргона, которые хотелось бы перевести? Буду рада услышать о них в комментариях!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.