Английский язык для графического дизайна

Английский для дизайнера: обзор основной лексики и произношения

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

Верстка текста и верстка страницы — в английском это два разных термина. Верстка текста называется typography (e.g. I want to improve my typography skills). Конечно же, говоря о работе с текстом нельзя не упомянуть еще целый океан терминов:

• Font — шрифт
• Increase \ decrease the font size — уменьшить \ увеличить размер шрифта
• Font weight — насыщенность \ степень жирности шрифта (может быть heavy или light)
• Script font — рукописный шрифт
• Lower case letters — Строчные буквы (написать строчным шрифтом — type in lower case)
• Upper case letters — прописные буквы
• Capitalize — написать прописными буквами (Can you capitalize all the is?)
• Align left \ right \ center — выровнять текст (по левому / правому краю / центру)
• Paragraph indent — отступ абзаца
• Increase / adjust letter spacing/kerning — разрядить буквы (kerning — это профессиональный жаргон, в то время как letter spacing — термин для “простых людей”)
• Increase / decrease line height / leading — увеличить \ уменьшить междустрочный отступ
• Baseline — нижняя линия шрифта
• Drop shadow — оттенить (если применяете какой-нибудь эффект, всегда лучше добавить слово “add”: add drop shadow, add a gradient etc.)
• Two / three / four etc. columns of text — текст в две \ три \ четыре колонки

Прежде чем сверстать страницу, необходимо создать ее макет — create a (webpage) layout / design a webpage.

Когда вы непосредственно верстаете страницу с помощью HTML и CSS, можете назвать это простым словом “build” (e.g. It took me 2 days to design and build this webpage). “Build / build out” также используется с другими технологиями в значении “создать” (e.g. He built a game engine all by himself). Кроме этого также можно сказать “create / make / code up a website”.

Другие полезные слова для верстки:

• Markup — HTML составляющая сайта. (e.g. I’m done with the markup and ready to style it.)
• Header — шапка сайта
• Footer — футер (d’uh)
• White space (negative space) — пробел
• Cluttered layout — слишком громоздкий хаотичный дизайн (обычно это слово используют для макетов, где недостаточно negative space). Как синоним, могут также сказать “busy layout”.
• Grid — сетка (в CSS известная как CSS Grid Layout)
• Responsive layout — гибкий макет (вопрос Is your website responsive? значит: “адаптирован ли твой сайт для разных браузеров и девайсов?”)
• Cross-browser compatibility — кроссбраузерность
• Mobile-first design — ориентированный на мобильный устройства (трендовое направление в веб дизайне, которое предполагает, что вы сначала верстаете мобильную версию сайта, а потом адаптируете ее для настольных компьютеров в отличие от более олдскульного desktop-first. На практике это также означает, что вы немного по другому составляете мультимедийные запросы (media queries), используя свойство min-width вместо max-width и кроме пикселей используете другие единицы измерения, такие как em и rem)
• Hero section — главная часть сайта, которая привлекает внимание юзера (карусель, изображение, крупный текст и т.д.)
• Slider — карусель (или carousel, это слово также используется)

Работа с изображениями и цветом

• Resize an image — изменить размер изображения
• Edit (text / image) — редактировать текст \ изображение
• Scale up / scale down — увеличить \ уменьшить размер (изображения, объекта)
• Bring up / down — также увеличить \ уменьшить, но не изображение или объект, а например яркость, насыщенность, размер кисти и т.д. (Let’s bring down the opacity of this layer)
• Zoom in on (an area) — увеличить масштаб (какой-то области)
• Crop — обрезать \ скадрировать
• Clip (object) to mask — обрезать (объект) по выделению
• Skew (text / image) — наклонить (текст \ изображение)
• Vibrant colors — яркие \ насыщенные цвета
• Hue — оттенок
• Shade — оттенок (более темный)
• Saturation (desaturate) — насыщенность (обесцветить)
• Background — задний фон
• Foreground — передний фон
• Blur \ add a blur — размыть
• Drag (something) over — перетащить

Произношение. Именно в этих словах чаще всего сделают ошибку:

• Image /ˈɪmɪdʒ/
• Cursor — /ˈkəːsə/ u произносится как слове urgent или her
• Merge — /məːdʒ/ e произносится так же как u в cursor
• Margin — /ˈmɑːdʒɪn/ gin как в “gin and tonic”
• Align — /əˈlʌɪn/ рифмуется с sign
• Opacity — /ə(ʊ)ˈpasɪti/ a как в слове apple
• Opaque — /ə(ʊ)ˈpeɪk/ a как в слове grape
• Gradient — /ˈɡreɪdɪənt/ a такое же как в слове opaque
• Retouch — /riːˈtʌtʃ/ touch произносится не “туш”, а также как оно обычно произносится в английском
• Color scheme — /skiːm/ рифмуется с ice cream
• Visual hierarchy — /ˈhʌɪərɑːki/ hier как в слове higher
• Serif — /ˈsɛrɪf/ рифмуется со словом sheriff (ударение на первый слог)
• Sans serif — sans произносится как в слове croissant (круассан)
• Пройдемся также по цветным моделям. Все они произносятся как отдельные буквы алфавита
• RGB /ɑː(r) — dʒi: — bi:/
• CMYK /siː — əm — wʌɪ — kei/ Аббревиатура цветов “Cyan Magenta Yellow Black”
• HSL /eɪtʃ — əs — əl / “Hue Saturation Lightness”

И напоследок, несколько фраз из дизайнерской жизни.

• Those colors don’t work well together — Эти цвета не сочетаются
• Something is off here — Здесь что-то не так
• This background doesn’t contrast well with the text — Фон плохо контрастирует и текстом

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

Ниже делимся списком всех слов из статьи и аудио, как их правильно произносить.

Источник

Изучение английского для дизайнера. Советы, ссылки

Подписывайтесь на мой канал в Телеграме. Буду рад ответить на вопросы и помочь.

Так как наши взаимоотношения со школой Бюро зашли в тупик (кто не в теме, смотрите мой пост про дизайн образование и ответ Горбунова на него), я решил, что это прекрасный повод посвятить освободившееся время тому, что мне действительно нужно и уже давно гремит за спиной, как консервные банки, — изучению английского. Да и экономическая ситуация намекает как бы.

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

С чего начать

За все 25 лет моей жизни мой уровень знания английского едва ли преодолел отметку pre-intermediate. Кое-как понимаю то, что прочел, еще хуже воспринимаю на слух и говорю (скорее экаю и мэкаю). Но, несмотря на это, меня силой не затянуть на какие-либо курсы и школы языка. Как я уже писал в посте про дизайн-образование, все это бесполезно, когда ты даже не можешь заставить себя сесть и что-то прочитать по теме.

Примерно 90% людей идут на курсы, чтобы оправдать свою бесполезность: «Это просто не мое. Не лежит душа. Даже на курсы ходил — и не смогли меня научить. Полежу еще немного дома на диване, посмотрю сериалы, может, придет озарение. И не давите на меня, я же стараюсь!»

На данном этапе самым крутым открытием в изучении языка для меня стал сайт italki.com. Суть в том, чтобы найти себе преподавателя по скайпу, который, скорее всего, ни слова не понимает по-русски, и пытаться с ним общаться на различные темы (которые он сам предлагает). Это стимулирует мозг думать на иностранном языке плюс корректирует произношение. Самое главное, твое обучение языку происходит в правильной последовательности, как у маленьких детей: вначале ты учишься понимать и говорить и только потом при необходимости подгоняешь все под строгие правила грамматики.

Моего преподавателя зовут Philip. Общаемся два раза в неделю по часу. Забавный парень, живет в Штатах, русский не знает. Советую, даже если ваш уровень elementary.

Источник

Изучение английского для дизайнеров и разработчиков — советы от команды Lingualeo Статьи редакции

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

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

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

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

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

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

Список наиболее популярных учебников, которые можно бесплатно загрузить в PDF-версии:

1. English for Information Technology. Подходит для начального уровня. Включает в себя основную базовую лексику.
2. Career path Software Engineering. Лексическое пособие для программистов, которое объединяет специализированную лексику и предлагает рабочие ситуации для развития навыков общения. Темы: разработка ПО, тестирование, пользовательские интерфейсы, моделирование, варианты карьеры и другое.
3. Oxford English for Information Technology. Ещё один полноценный курс, который подходит для среднего уровня. Включает в себя рабочую книгу студента и аудиокурс.
4. Professional English in Use ICT. Курс также подходит для среднего уровня владения английским. Книга строится по программе от простого к сложному, все блоки разбиты по темам.
5. Check Your English Vocabulary for Computers and IT. Рабочая тетрадь, призванная улучшить понимание технической лексики. Включает в себя кроссворды, головоломки и другие игровые механики.

Примеры сайтов с различными онлайн-тренажерами:

• English4it.com. Сайт представляет собой интерактивную рабочую тетрадь в онлайн-режиме. Он включает письменные и аудиотексты, словарь, различные практические задания и даже шутки.
• Blairenglish.com. Ещё один классный сайт с онлайн-упражнениями. Ресурс предлагает много текстов, в которых можно выделять новые слова, а ниже проходить тесты на проверку их запоминания.

Не все технические термины запоминаются сразу. Более того, в каждой отдельной ИТ-области существует множество узкоутилитарных слов. К сожалению, в Multitran не всегда можно найти подходящий перевод. На помощь могут прийти специализированные наборы слов и словари в отраслевых источниках:

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

• Freesoftwaremagazine.com — сайт, на котором публикуются материалы о бесплатном программном обеспечении.
• Technologyreview.com. Журнал издаётся Массачусетским технологическим институтом.
• News.ycombinator.com. Новостной агрегатор, созданный Полом Грэмом в 2007 году, собирает популярные тематические материалы.
• Blog.codinghorror.com — блог Джеффа Этвуда, американского разработчика, писателя и предпринимателя.
• Improgrammer.net — сайт для программистов, который содержит учебники, статьи о технологиях, факты, блоги.
• Smashingmagazine.com — издатель бумажных и электронных книг, который предлагает редакционный контент и профессиональные ресурсы для веб-разработчиков и дизайнеров. Работает с 2006 года, содержит много полезной информации, статей, а также публикует материалы для бесплатной загрузки.
• Designm.ag — сайт-сообщество для дизайнеров и разработчиков, включающий блог, новостной раздел, который формируют пользователи, дизайнерскую галерею и интервью со специалистами области.
• Sdtimes.com — ещё один популярный новостной ресурс для разработчиков
• Drdobbs.com — первое регулярное периодическое издание, посвященное теме программного обеспечения для микрокомпьютеров. Сайт не обновляется с 2014 года, но продолжает жить в сети.

По ссылке можно найти ещё множество ссылок на издания про ИТ-специалистов.

Coursera предлагает огромное количество качественных видеокурсов по техническим специальностям. Не обязательно платить за сертификаты, можно просто бесплатно слушать лекции и подтягивать свой английский. Например, Data Science от Университета Джона Хопкинса или Applied Data Science with Python от Мичиганского Университета.

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

Несколько популярных подкастов:

• Herding Code — технологические подкасты со Скоттом Алленом, Кевином Денте, Скоттом Куном и Джоном Галловэем.
• Soft Engineering Radio — ещё один полезный сайт с подкастами для программистов.
• iosbytes.codeschool.com — подкасты для iOS-разработчиков.
• androidbackstage.blogspot.ru — подкасты для Android-разработчиков.
• talkpython.fm — подкасты для тех, кто работает с Python.
• Ruby 5 и The Ruby Rogues — подкасты для тех, кто работает с Ruby.

Еще одна рекомендация — начать смотреть какой-нибудь сериал про разработчиков в оригинале. Можно оставить английские субтитры и выписывать незнакомые слова, таким образом пополняя свой лексический запас. Примеры:

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

Источник