Вёрстка для дизайнера | Елена Осипова

На мой взгляд, да. Я хотя бы вижу и могу распознать дату мероприятия и место его проведения. Но стало ли хорошо?.. Всё чаще вижу, что дизайнерам, новичкам в профессии, не хватает базовых знаний по вёрстке. Ну то есть вот они примерно представляют, что должно быть красиво, а что дизайн это не только про креатив, но и про правила, задумываются редко. И мало. Иначе откуда бы брались все эти баннеры, которые только латают дыры в смыслах? Давайте разберёмся, что здесь режет глаз в единственной строке текста. 1️⃣ Разномастные начертания. Вряд ли так решил заказчик. Подозреваю, здесь включился «креатив» 2️⃣ Много цветов 3️⃣ Много шрифтов 4️⃣ Обводки на тексте 5️⃣ Фон на фоне И это только навскидку! А ведь это баннер над федеральной трассой!!! Знаете, вы как хотите, но у меня прямо руки чешутся провести практический интенсив даже не про допечатку (хотя красные лица артистов... ммм... вкусняшка), а про банальные правила вёрстки. Давайте соберёмся 23 апреля, за недельку до дачного сезона, поговорим. Как обычно, отвечу на вопросы. Сейчас будет опрос, выберите, во сколько вам удобно быть онлайн. Как вам идея? Если вам не актуально, перешлите своим коллегам, знакомым, для кого эта тема будет интересна. Спойлер — всем! 😎

Я прямо регулярно тоннами вижу в различных чатах запросы на сервисы по удалению фона. И несмотря на то, что лично я считаю самым идеальным фотошоп, всё же есть и онлайн-варианты быстро избавить картинку от фона. Вот вам на тесты вариант от адоб. Бесплатно. Без привязки карт. До 40 Мб файл. Жду лайки 🧡 P.S. На картинке результат работы сервиса. Он немного переборщил с куском фона между мной и креслом, но в остальном справился неплохо и быстро.

Продолжаю делиться кейсами своих студентов и выпускников. Сегодня на повестке дня Надя, которая занималась дизайном презентаций, но решила расширить спектр своих услуг, и пришла ко мне учиться работе с многостраничной полиграфией. Во время обучения она уже брала заказы на дизайн стендов и различную мелкую полиграфию (бейджи, визитки), но, конечно, настал и черёд каталогов. Надя ответственно подошла к вопросу, и не только сверстала каталог, но и посоветовала сделать цветопробу, в результате чего клиент увидел недостатки отдельных фотографий и заменил их до печати всего тиража. Кроме того, зная особенности серого цвета на печати, Надя грамотно подобрала цвет на обложку, чтобы он хорошо получился в тираже, ну и, конечно, обработала и подготовила к печати больше 240 фотографий! 😱 ➡️ Посмотрите, какой объём работы над каталогом был проделан, ну и лайк не забудьте поставить, он бесплатный ❤️ ❗️К слову, работа с полиграфией приносит моим студентам дополнительные 30–60 тыс. в месяц, помимо основной работы. Да, это, конечно, не 200к в лёгкости, но зато честно 😂 Вот что пишет сама Надя про своих клиентов: Что еще в полиграфии удобно — поток клиентов. Сделала каталог — а мы хотим еще портфолио наших работ. Сделала стенд на выставку — а нам надо еще каталог. По сути с нового года у меня нет времени на поиск клиентов. Почему боялась раньше — программ не знала. Кроме многостранички есть мелкая полиграфия, которые теперь не страшно брать когда знаешь как что устроено. В общем, если вы думали, что про сарафанное радио я рассказываю для красного словца, то нет. Если вы умеете делать макеты для печати, то поток заказов будет регулярным. Так что нет времени объяснять, просто вам срочно надо осваивать допечатку! 😎

Недавно мне на разбор прислали макет, предназначенный для термохромной печати. Это печать красками, которые меняют цвет при определенной температуре. Вы наверняка встречали кружки, на которых появляется изображение, если туда налить горячий напиток. Вот это всё нанесение термохромными красками. Но оказалось, что по такой же технологии изготавливают и визитки. Представьте, если получите такую визитку, как на фото сверху, а пока будете её щупать, на ней проявится вся вот эта рентгеновская история? Впечатлит вас такое? Да наверняка! Оказалось, технология непроста. Записываем на будущее (потому что сейчас в Россию эти краски пока не поставляются) последовательность печати. 1️⃣ Сначала печатаем нижний слой, который должен проявиться при «лапании» визитки 2️⃣ Выбираем температуру, при которой краска должна изменить цвет (в нашем примере с чёрного на прозрачный) 3️⃣ Наносим выбранную краску (которая обладает термохромными свойствами). В нашем случае это чёрный фон 4️⃣ Ламинируем для пущего эффекта плёнкой софт тач 5️⃣ Печатаем то изображение, которое должно оставаться неизменным (название компании, контакты) Всё, визитки с вау-эффектом готовы. Как правило, и фон, и белила наносят шелкографией, так что удовольствие это недешёвое (не считая стоимости самой краски). Но зато каков эффект! Знали о такой технологии? — 🔥 Было полезно? — 🧡

Недавно обнаружила, что если искать на фрипике слова по прямому запросу, например «Москва», «Ленинград», он выдаёт всё, что угодно, включая фото араба за компьютером и памятники на Украине 😱 Однако, если подключить «Расширенный поиск» (шестеренка рядом с кнопкой поиска), то там можно добавить те слова, которые точно должны быть в описании фото. Важно! Эти слова должны быть на английском, иначе фрипику сносит крышу 😉 В этом случае он в запросе уточняющие слова пишет в кавычках, но зато — ищет то, что просишь!

А я ещё вам напомню, что для новичков, которые боятся брать в работу какие-то свои первые проекты, будет полезно моё сообщество в ВК — донаты. 👆 Сегодня там вышел новый урок — по созданию листовки. Но, конечно, это не лекция из серии: сделали макет формата А4, написали заголовок и поставили 2 картинки 😀 Это инструкция с технической точки зрения. Я вывела 10 правил, которых рекомендую придерживаться при разработке листовки. Это и вопросы по дизайну, и по так называемому «золотому сечению» прошлись немного, и по цветовой гамме тоже. К уроку традиционно прилагается памятка и 5 шаблонов различной компоновки листовок. До 14 марта я также собираю работы подписчиков на проверку, и 14-го проведём эфир, где разберём все макеты с точки зрения допечатной подготовки. И, конечно, в любой момент времени новым донам доступны все материалы, которые уже были выложены ранее: запись эфира от 25 января (когда мы с вами 4,5 часа вместе провели), урок по созданию открытки (также с шаблоном и памяткой) и разбор макета, про который вот тут рассказывала на словах. Так что присоединяйтесь, если вам нужна поддержка в каких-то простых макетах, но вы пока не готовы учиться долгосрочно! Подписаться можно в любой момент, стоимость списывается через каждые 30 дней.

P.S. прастити за тряскую съёмку 🙈

Теперь они мне, разумеется, присылают рассылки. Я вообще их страшно не люблю, но сегодня они переплюнули сами себя. Как вам дизайн заголовка письма? Прямо честно напишите в комментарии 👇👇👇

P.S. Хотелось бы посмотреть, конечно, на вёрстку 12 томов (!) в архикаде... Да... Я готова за это даже заплатить 😆 Впрочем, интересно ещё и в какой из этих программ планируется делать веб-дизайн. Офис, пусть будет офис 🙈

ВК донаты — это возможность для вас получать мои эксклюзивные уроки и материалы и общаться в отдельном, закрытом мирке. Сегодня в донатах вышел первый урок в цикле мини-продуктов, про которые вы сами говорили, что они вам нужны. В уроке описаны технические нюансы разработки открытки — ни слова о дизайне! Я вас услышала, и к уроку по открытке прилагается шаблон в иллюстраторе с уже наложенным штампом вырубки с «ушками». Также в урок входит памятка с краткими тезисами из видео. Всё, чтобы вам было удобно работать с макетом. Для тех, кто тревожится за свои макеты, я объявила сбор ваших работ на разбор, который пройдёт в прямом эфире 24 февраля. Все доны, сдавшие макеты на проверку, получат от меня обратную связь с точки зрения допечатной подготовки 🔥 Если вас достали ваши клиенты, всегда можно сходить в чат-ворчат и поворчать на них 😁 Коллеги-дизайнеры и поддержат, и поймут! Ну и, конечно, в феврале мы с донами будем оформлять кейс в портфолио. Если понимаете, что без волшебного пенделя сами этот нужный этап не осилите — подписывайтесь! ❗ Для самых первых стоимость участия в закрытом сообществе всего 490 руб. в месяц. И главное, стоимость участия не изменится даже после повышения! 🔥 Ах, да! Если вы хотели посмотреть запись мастер-класса (нашей встречи от 25 января), то она там также выложена и уже доступна для просмотра. 490 руб. в месяц — и вы на шаг ближе к миру красивой полиграфии! Кто со мной?

Я решила сделать пост для новеньких — познакомить с каналом. Итак, где вы оказались и что полезного можете найти здесь для себя? Во-первых, этот канал в первую очередь знакомит вас с полиграфической вёрсткой и допечатной подготовкой. Здесь много лайфхаков в формате текстов и видео на эту тему. Видео ищем по хештегу #видео, а лайфхаки — #лайфхаки 😊 У канала есть чат, где мы общаемся, и вы можете задать вопрос нашему дружному сообществу, получив в ответ квалифицированный ответ или хотя бы направление поиска. Теория немыслима без практики, поэтому можете найти также, как выглядит реальное полиграфическое #производство, или почитать интересные #истории. Если вам требуются социальные доказательства, то на канале выложены #кейсы — мои и студентов. Кстати, полный список хештегов смотрите здесь, может быть, там есть то, что вам важнее всего вышеперечисленного 😉 Кто я вообще такая, с какой Луны свалилась и по какому праву вещаю вам, есть в посте в закрепе. Также в закрепе лежит подарок — памятка «Готовим макет к печати за 10 шагов». И если вы готовы пойти со мной в мир красивой полиграфии, то переходите на сайт и выбирайте то обучение, которое закроет именно ваши потребности: подготовка к печати презентаций или полноценное обучение допечатной подготовке, работа с цветом в полиграфии или персональная консультация — варианты есть практически на любой случай. Не готовы проходить платное обучение? Пройдите бесплатное. Это демо-курс, знакомство со мной и программой Adobe InDesign. Конечно, верстальщиком за 5 уроков вы ещё не станете, но сделаете первые шаги — освоите интерфейс и базовые инструменты программы. Но я в любом случае рада вас здесь видеть и надеюсь, что каждый найдёт на канале полезную и актуальную для ваших задач информацию!

Нет, обычно возникают более точечные, локальные задачи. Вот, к примеру, прилетел заказ на открытку — дизайнер пошёл гуглить, как делать открытку. И вот в связи с этим возникла идея записывать маленькие, локальные уроки, которые бы объясняли не принципы вёрстки в целом, а решали такие вот, очень конкретные задачи. Как вам, актуально было бы? Если ещё не заполнили опросник в предыдущем посте, можете туда написать, какие темы вам интересны. Или прямо в комментариях под этим постом пишите, что именно вызывает наибольшие сложности.

Знаете ли вы, что... В индизайне можно с лёгкостью делать ресайзы ваших макетов. И, что характерно, программа подстроит ваш контент под новый формат, даже если он непропорциональный. В видео нарезка из урока с курса «Вёрстка для дизайнера», где я показываю, как умный алгоритм перестраивает многостраничный гайд со стандартного А4 до произвольного 150х250 мм. Что важно, программа при этом не деформирует графику (я в конце об этом сказала). Конечно, глазами проверить макет после ресайза придётся. Но проверить — не переверстать! Если не ошибаюсь, такая опция доступна в Adobe InDesign с версии CS6. Знали о такой функции? Ну огонь же! 🔥 Кстати, вы помните, что мы с вами встречаемся в прямом эфире уже завтра? Ставьте напоминалку на 14-00, и не забудьте зайти в канал предзаписи, ссылка на эфир придёт туда.

Что будет, если дизайнер, привыкший делать каталоги с огромными таблицами и техническими характеристиками, узнает, что создавать такие таблицы в индизайне стократ проще и быстрее? Как думаете, он поверит мне на слово? Вряд ли. Поэтому я записала шокирующее (для него) видео 👆, как превращаю прайс из ворда, экселя или просто взятый с сайта в таблицу за 2 нажатия мышки. А потом с легкостью трансформирую 😱 Что ещё умеет индизайн, если отвлечься от его основных функций? ✅ Создавать готовые карточки для маркетплейса с преднастроенными стилями. Да, тоже за 2 клика мышкой. Вы ему даёте текст, он превращает его в оформленную в карточку. Магия! Я писала об этом пост в канале предзаписи на онлайн-встречу 1 февраля. И даже прикладывала видео. ✅ Делать интерактивные гайды. Мечта всех инфобизнесменов и экспертов, кто любит раздавать свои памятки по разным темам. Тоже делается просто, а главное, легко можно поменять шрифт, цвет, если нужно. ✅ Быстро менять размеры всего документа. Даже многостраничного. Даже непропорционально. Об этом завтра выложу пост, тоже с видео, чтобы наглядно было. Вы всё ещё думаете, что индизайн вам не пригодится? Или у вас уже накопились вопросы для нашей субботней онлайн-встречи? Напомню, вопросы пишите под этим постом. Ну и про таблицы скажите, мучались в иллюстраторе?

Даже сгенерировав вменяемый запрос и загрузив в нейронку свой образ, я получаю среди прочего вот такой результат... Это, конечно, смешно, но я прямо представила, если бы, к примеру, клиент заказал у меня памятку-инструкцию к видеомагнитофону на 8 страниц, а я бы ему напечатала каталог видеомагнитофонов, причём чужих, взятых с простора интернета. ❓Как считаете, он бы офигел так же, как я от «своей» фоточки? 😁 Вот в который раз убеждаюсь, нейросети хороши для каких-то абстракций, для творчества, но не для точных наук. Всё же между дизайнером и верстальщиком — чисто технически пропасть. Сегодня решила, что эту тему тоже надо обсудить на онлайн-встрече. Можете пока сами мне накидать своих мыслей, чем дизайнер от верстальщика отличается, и кому лучше живётся. В субботу поговорим!

Не смогла удержаться... Сегодня мне написала в чате курса студентка. Нет, не из новеньких, с ноября с нами, но начала учиться недавно. Мне каждый раз так трогательно читать ваши отзывы! Аж слёзы на глаза наворачиваются 🥲 Но это всегда и стимул. Делать больше, отдавать больше. Как я говорила на мастер-классе, допечатную подготовку невозможно оцифровать, потому что это практический опыт. И передать его можно только из рук в руки. И вот вчера вечером одна из студенток спросила, как строится работа в редакции до сдачи макета в печать. А я что? Мне несложно. Я пошла и ещё один урок в курс дописала. Всю схему расписала, кто за кем работает, кто за что отвечает. Это, конечно, в идеальном мире, но для начала нужны и такие ориентиры. Так что теперь на субботу придётся презентацию переделывать и на сайте цифры менять 🤭 Или уж сделать ещё один урок, пусть будет ровно 50, как думаете?