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

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

@layout_to_designer
Изображение канала: Вёрстка для дизайнера | Елена Осипова
2 523 подписчика
52 поста
Посты
Дорогие подписчики, я уже не раз встречала такие надписи в виде сувениров в интернете, но сама пока не сталкивалась с их изготовлением. Если вы заказывали подобное, то где? Поделитесь, если был опыт. Очень уж здорово смотрится, согласны?
P.S. прастити за тряскую съёмку 🙈
И ещё вам для дискуссии, но на этот раз на тему шрифтов. С какой попытки прочитали название? 😉
https://content.desigram.ru/static/0eefbb46-5888-471e-bb04-f8ab1d680861.jpg
Когда маленький клочок бумаги меняет буквально все…
А помните я вам рассказывала квест, как пыталась у Нетологии добыть бесплатный гайд всего за 9 шагов? 😂
Теперь они мне, разумеется, присылают рассылки. Я вообще их страшно не люблю, но сегодня они переплюнули сами себя. Как вам дизайн заголовка письма? Прямо честно напишите в комментарии 👇👇👇
https://content.desigram.ru/static/d4f42574-361e-4898-bc1f-1df9fd53953b.jpg
Я не смогла пройти мимо. В вакансии прекрасно всё, включая з/п (25–100к). Но, возможно, их искупает то, что это компания "Духовный миллиардер" 😁
P.S. Хотелось бы посмотреть, конечно, на вёрстку 12 томов (!) в архикаде... Да... Я готова за это даже заплатить 😆 Впрочем, интересно ещё и в какой из этих программ планируется делать веб-дизайн. Офис, пусть будет офис 🙈
https://content.desigram.ru/static/c0847e45-f34c-4c6a-9464-7c7ba397f7a2.jpg
Несмотря на выходные, я работаю, и сегодня у донов моего сообщества в ВК вышел вот такой урок 👆
ВК донаты — это возможность для вас получать мои эксклюзивные уроки и материалы и общаться в отдельном, закрытом мирке. Сегодня в донатах вышел первый урок в цикле мини-продуктов, про которые вы сами говорили, что они вам нужны. В уроке описаны технические нюансы разработки открытки — ни слова о дизайне! Я вас услышала, и к уроку по открытке прилагается шаблон в иллюстраторе с уже наложенным штампом вырубки с «ушками». Также в урок входит памятка с краткими тезисами из видео. Всё, чтобы вам было удобно работать с макетом. Для тех, кто тревожится за свои макеты, я объявила сбор ваших работ на разбор, который пройдёт в прямом эфире 24 февраля. Все доны, сдавшие макеты на проверку, получат от меня обратную связь с точки зрения допечатной подготовки 🔥 Если вас достали ваши клиенты, всегда можно сходить в чат-ворчат и поворчать на них 😁 Коллеги-дизайнеры и поддержат, и поймут! Ну и, конечно, в феврале мы с донами будем оформлять кейс в портфолио. Если понимаете, что без волшебного пенделя сами этот нужный этап не осилите — подписывайтесь! ❗ Для самых первых стоимость участия в закрытом сообществе всего 490 руб. в месяц. И главное, стоимость участия не изменится даже после повышения! 🔥 Ах, да! Если вы хотели посмотреть запись мастер-класса (нашей встречи от 25 января), то она там также выложена и уже доступна для просмотра. 490 руб. в месяц — и вы на шаг ближе к миру красивой полиграфии! Кто со мной?
https://content.desigram.ru/static/89cde018-cac8-415e-a255-17e901b24f63.jpg
Бодрого денёчка, товарищи!
Я решила сделать пост для новеньких — познакомить с каналом. Итак, где вы оказались и что полезного можете найти здесь для себя? Во-первых, этот канал в первую очередь знакомит вас с полиграфической вёрсткой и допечатной подготовкой. Здесь много лайфхаков в формате текстов и видео на эту тему. Видео ищем по хештегу #видео, а лайфхаки — #лайфхаки 😊 У канала есть чат, где мы общаемся, и вы можете задать вопрос нашему дружному сообществу, получив в ответ квалифицированный ответ или хотя бы направление поиска. Теория немыслима без практики, поэтому можете найти также, как выглядит реальное полиграфическое #производство, или почитать интересные #истории. Если вам требуются социальные доказательства, то на канале выложены #кейсы — мои и студентов. Кстати, полный список хештегов смотрите здесь, может быть, там есть то, что вам важнее всего вышеперечисленного 😉 Кто я вообще такая, с какой Луны свалилась и по какому праву вещаю вам, есть в посте в закрепе. Также в закрепе лежит подарок — памятка «Готовим макет к печати за 10 шагов». И если вы готовы пойти со мной в мир красивой полиграфии, то переходите на сайт и выбирайте то обучение, которое закроет именно ваши потребности: подготовка к печати презентаций или полноценное обучение допечатной подготовке, работа с цветом в полиграфии или персональная консультация — варианты есть практически на любой случай. Не готовы проходить платное обучение? Пройдите бесплатное. Это демо-курс, знакомство со мной и программой Adobe InDesign. Конечно, верстальщиком за 5 уроков вы ещё не станете, но сделаете первые шаги — освоите интерфейс и базовые инструменты программы. Но я в любом случае рада вас здесь видеть и надеюсь, что каждый найдёт на канале полезную и актуальную для ваших задач информацию!
https://content.desigram.ru/static/f134a665-1d5b-45e2-8cd5-89b81cc250b3.jpg
К чему я спросила вас про открытку вчера? Я предположила, что у дизайнера редко бывают вопросы типа «А не научиться ли мне верстать многостраничный журнал?» 🤭
Нет, обычно возникают более точечные, локальные задачи. Вот, к примеру, прилетел заказ на открытку — дизайнер пошёл гуглить, как делать открытку. И вот в связи с этим возникла идея записывать маленькие, локальные уроки, которые бы объясняли не принципы вёрстки в целом, а решали такие вот, очень конкретные задачи. Как вам, актуально было бы? Если ещё не заполнили опросник в предыдущем посте, можете туда написать, какие темы вам интересны. Или прямо в комментариях под этим постом пишите, что именно вызывает наибольшие сложности.
https://content.desigram.ru/static/1f1a81da-341c-4e8d-b980-3c89ea3ab853.jpg
#коротко
Знаете ли вы, что... В индизайне можно с лёгкостью делать ресайзы ваших макетов. И, что характерно, программа подстроит ваш контент под новый формат, даже если он непропорциональный. В видео нарезка из урока с курса «Вёрстка для дизайнера», где я показываю, как умный алгоритм перестраивает многостраничный гайд со стандартного А4 до произвольного 150х250 мм. Что важно, программа при этом не деформирует графику (я в конце об этом сказала). Конечно, глазами проверить макет после ресайза придётся. Но проверить — не переверстать! Если не ошибаюсь, такая опция доступна в Adobe InDesign с версии CS6. Знали о такой функции? Ну огонь же! 🔥 Кстати, вы помните, что мы с вами встречаемся в прямом эфире уже завтра? Ставьте напоминалку на 14-00, и не забудьте зайти в канал предзаписи, ссылка на эфир придёт туда.
#видео #полезности
Что будет, если дизайнер, привыкший делать каталоги с огромными таблицами и техническими характеристиками, узнает, что создавать такие таблицы в индизайне стократ проще и быстрее? Как думаете, он поверит мне на слово? Вряд ли. Поэтому я записала шокирующее (для него) видео 👆, как превращаю прайс из ворда, экселя или просто взятый с сайта в таблицу за 2 нажатия мышки. А потом с легкостью трансформирую 😱 Что ещё умеет индизайн, если отвлечься от его основных функций? ✅ Создавать готовые карточки для маркетплейса с преднастроенными стилями. Да, тоже за 2 клика мышкой. Вы ему даёте текст, он превращает его в оформленную в карточку. Магия! Я писала об этом пост в канале предзаписи на онлайн-встречу 1 февраля. И даже прикладывала видео. ✅ Делать интерактивные гайды. Мечта всех инфобизнесменов и экспертов, кто любит раздавать свои памятки по разным темам. Тоже делается просто, а главное, легко можно поменять шрифт, цвет, если нужно. ✅ Быстро менять размеры всего документа. Даже многостраничного. Даже непропорционально. Об этом завтра выложу пост, тоже с видео, чтобы наглядно было. Вы всё ещё думаете, что индизайн вам не пригодится? Или у вас уже накопились вопросы для нашей субботней онлайн-встречи? Напомню, вопросы пишите под этим постом. Ну и про таблицы скажите, мучались в иллюстраторе?
Я и нейросети 🤭
Даже сгенерировав вменяемый запрос и загрузив в нейронку свой образ, я получаю среди прочего вот такой результат... Это, конечно, смешно, но я прямо представила, если бы, к примеру, клиент заказал у меня памятку-инструкцию к видеомагнитофону на 8 страниц, а я бы ему напечатала каталог видеомагнитофонов, причём чужих, взятых с простора интернета. ❓Как считаете, он бы офигел так же, как я от «своей» фоточки? 😁 Вот в который раз убеждаюсь, нейросети хороши для каких-то абстракций, для творчества, но не для точных наук. Всё же между дизайнером и верстальщиком — чисто технически пропасть. Сегодня решила, что эту тему тоже надо обсудить на онлайн-встрече. Можете пока сами мне накидать своих мыслей, чем дизайнер от верстальщика отличается, и кому лучше живётся. В субботу поговорим!
https://content.desigram.ru/static/cc96ea63-a31e-465a-a031-dfa5efce33c0.jpg
#отзывы
Не смогла удержаться... Сегодня мне написала в чате курса студентка. Нет, не из новеньких, с ноября с нами, но начала учиться недавно. Мне каждый раз так трогательно читать ваши отзывы! Аж слёзы на глаза наворачиваются 🥲 Но это всегда и стимул. Делать больше, отдавать больше. Как я говорила на мастер-классе, допечатную подготовку невозможно оцифровать, потому что это практический опыт. И передать его можно только из рук в руки. И вот вчера вечером одна из студенток спросила, как строится работа в редакции до сдачи макета в печать. А я что? Мне несложно. Я пошла и ещё один урок в курс дописала. Всю схему расписала, кто за кем работает, кто за что отвечает. Это, конечно, в идеальном мире, но для начала нужны и такие ориентиры. Так что теперь на субботу придётся презентацию переделывать и на сайте цифры менять 🤭 Или уж сделать ещё один урок, пусть будет ровно 50, как думаете?
https://content.desigram.ru/static/582bcabd-16fd-496e-b932-3a3e606c87fa.jpg
#анонс
Бодрого денёчка, товарищи! Провела опрос в канале предзаписи на мастер-класс, и оказалось, что 96% опрошенных хотят повтор эфира! Ну и кто я такая, чтобы вам отказать? Итак, 1 февраля в 14-00 я готова снова с вами встретиться, чтобы обсудить вопросы допечатной подготовки и конфликты между дизайнером и типографией. ❗️Откуда возникают? ❗️Как их решать? ❗️Почему типография не любит макеты из фигмы? ❗️И что она вообще любит? Если не были, но хотели бы поприсутствовать... Если были, но остались вопросы — регистрируйтесь. После регистрации приходите в канал предзаписи, вся актуальная информация будет там. Под этим постом предлагаю собрать вопросы, которые вы хотите обсудить. Я их соберу и подготовлю ответы до эфира.
https://content.desigram.ru/static/82aad996-843e-4239-92de-47d6785ec49d.jpg
Ребята из брендингового агентства Том Йорки показали краткую инструкцию о том, как создать самый дерьмовый макет. Надеемся, вам не пригодится.
https://content.desigram.ru/static/18fb9523-416d-4f83-ac5a-86a28cedb402.jpg
https://content.desigram.ru/static/4a075aa0-7a7f-4ac6-a2a0-5162597adead.jpg
https://content.desigram.ru/static/4f886576-9ab0-446a-9cba-eddd59033420.jpg
https://content.desigram.ru/static/5a437c72-b0de-4766-8ae8-70241bfab864.jpg
https://content.desigram.ru/static/6e978f5c-7039-4a1c-ae49-047dd699ca05.jpg
https://content.desigram.ru/static/7d4d5431-4c89-4d22-90a8-50753849b504.jpg
https://content.desigram.ru/static/ab0ae5f1-9d7a-455c-a956-5b288c493557.jpg
https://content.desigram.ru/static/c1a26b31-dc83-4725-89c0-875515edf7c4.jpg
https://content.desigram.ru/static/c85653a4-2b89-413c-abd9-6a7ef720aa8d.jpg
https://content.desigram.ru/static/dfff36a5-1548-4acd-bd81-12ee60a639fe.jpg
Сегодня пришла рассказать вам о результатах собственного расследования, как бы пафосно это ни звучало 😁
Что мы сделали? Позвонили и написали в несколько дизайн-школ, в программе которых заявлено обучение индизайну. Какая стояла задача? Узнать, насколько мой курс вообще конкурентный на рынке как в плане цены, так и в плане объёма получаемых знаний. Я, конечно, понимаю, что делать это надо было до его создания и уж точно раньше, чем спустя 2 года его существования, но всё же 😁 Что мы выяснили? Что у большинства школ отлично работает отдел продаж! Не у всех. Но очень у многих. Некоторые звонят уже спустя несколько минут пребывания на их сайте (не спрашивайте, как они узнают номер — я хз). Кто-то дожимает спустя пару дней, но почти все они прямо дожимают клиентов до последнего. Что при этом делаю я? Дописываю в курс новый урок в надежде, что мой студент найдёт меня сам 🙈 Что интересного узнали про собственно обучение? У большинства школ Adobe InDesign входит в программу обучения ДИЗАЙНУ, но не является там основным модулем. И, соответственно, ему уделяется от 2 недель до буквально пары уроков со словами, что вот индизайн, в нём ТОЖЕ можно работать. Знаете, какой максимум в таких школах (между прочим, на самом дорогом тарифе)? Обучают верстать листовку, визитку и разворот журнала. Разворот. Вот скажите, нафига мне разворот, если стоит задача сделать весь журнал? А что по ценам? А вот по ценам я совсем лошара ))) Ну вот не умею я продавать себя! И знания свои дорого продавать тоже не умею. Не поднимается у меня рука приписать единицу (или двойку, как у некоторых) перед своими тарифами. Хотя тенденции в инфобизе я вижу. Что в сухом остатке? С рынка за несколько лет ушло несколько хороших курсов, которых я искренне считала своими конкурентами, и теперь я считаю, что, по хорошему, у вас есть я, если вы действительно хотите не только обучиться работе с многостраничными изданиями, но и разобраться с вопросами допечатной подготовки. Что в качестве УТП? А ещё я сняла учебный фильм (залипательные 10 секунд из него вы видите в шапке 😉), и завтра на мастер-классе, если захотите, покажу 3-минутный тизер из него. Ставьте лайк, если идёте. А если ещё не зарегистрировались, то регистрируйтесь. В канал предзаписи завтра пришлю ссылку на эфир, так что до встречи!
И снова вас немного потыкаю на тему мастер-класса. Раз уж они у меня бывают раз в пятилетку довольно редко, и уже наступил Новый год, Старый Новый год, Рождество и наступает на пятки Китайский, буду дарить подарки.
Для тех, кто будет со мной на мастер-классе до конца эфира, эксклюзивный подарок — памятка «Как сдать макет в типографию и правильно принять тираж». Это безусловно полезная инструкция для тех, кто не знает, что делать, если типография напечатала брак, но точно уверен — его макет в этом не виноват! Эта памятка — довольно объёмная инструкция (24 страницы), в которой я рассказываю 1️⃣ О том, как выбирать типографию, что будет тревожным звоночком при общении с менеджером 2️⃣ Небольшие, прямо скажем, точечные советы в части технического задания на ваши проекты 3️⃣ Рекомендации по планированию печати 4️⃣ Почти что чек-лист по выбору дизайнера на проект 😎 ну а как иначе? Это же тоже важно — выбрать грамотного специалиста 5️⃣ Описание видов брака и инструкции, что делать при его выявлении В конце вы найдёте даже образцы претензий для каждого вида брака, включая брак по цвету. Памятка написана с учетом действующего ГОСТа, а не на основании того, что «я такая молодец» и «мне есть, что вам сказать». Её и купить-то не грешно, потому что за небольшие деньги в ней очень много полезной, практически применимой информации. А я вам её подарю. Скажем так, это будет моей благодарностью за вашу моральную поддержку во время эфира 😉 Вы же правда планируете прийти на эфир? Регистрация бесплатная, вход бесплатный, атмосфера комфортная — я жду вас здесь ❤️ UPD. Кто не знает, о каком эфире речь, можно почитать чуть выше
https://content.desigram.ru/static/eee9ba0e-2ad0-4858-b867-f2c3fbdc748e.jpg
А это я готовлюсь к мастер-классу :) Угадайте, какие запросы встречаются? Конечно, про нашу любимую фигму!
Именно поэтому я просто не имею права обойти её вниманием. Делать макеты для полиграфии в фигме стало настолько частой историей, что тренд перестал вызывать улыбку, и сейчас меня по-настоящему пугает. Серьёзно. Поэтому на мастер-классе уделю этому вопросу отдельное внимание, и если у вас до сих пор есть сомнения, можно или нельзя из фигмы что-то готовить к печати, приходите на эфир 25 января в 13-00, окончательно закроем этот гештальт! Жду вас в канале предзаписи 🧡
#кейс
Это первый каталог моей выпускницы. Надя получила сертификат 27 сентября (уже) прошлого года, и во время учёбы делала проекты для печати. Это был и набор открыток в обечайке (помните сказки в детстве на отдельных карточках, где на лицевой стороне картинка, а сзади пара абзацев текста?), и стенд... Но не многостраничные проекты. И вот наконец-то каталог! Волновалась ли Надя? Конечно! Задавала вопросы в чат, увеличивала через нейронки фотографии, ведь они полосные (в размер всей страницы), а значит качество должно быть на высоте! Как считаете, справилась Надя? Знаете, что она сама о себе сказала? Я молодец😁 И я считаю, что это собственное признание своих же заслуг — дороже самого каталога. Принять успех, не обесценить, не списать на случайность. Да и какая тут может быть случайность? Она пахала на курсе как папа Карло, дипломный проект переделывала раза 3 или 4, пока я не сказала, что принимаю! А это, на минуточку, книга сказок с иллюстрациями была. А вам как каталог? Ну красота же? Накидайте огонёчков, они бесплатные!
#анонс
Дорогие подписчики, рада наконец-то анонсировать вам свой новый бесплатный мастер-класс «Из дизайна в полиграфию — легко!» Мы с вами встретимся 25 января в 13-00, где поговорим о важном — как максимально безболезненно перейти от заказов только в digital пространстве к печатным проектам. Кому подойдёт мастер-класс? 1️⃣ Начинающим дизайнерам, которые уже понимают, что в печати всё не так просто, как кажется на первый взгляд, и не хотят ошибаться 2️⃣ Фрилансерам. Расширение спектра предоставляемых услуг положительно повлияет на доход 3️⃣ Веб-дизайнерам. Часто клиент хочет получить все услуги «под ключ»: от сайта до брошюры, и знание допечатной подготовки позволит не терять заказы 4️⃣ Опытным дизайнерам, которые уже сдавали проекты в печать, но из раза в раз получали от типографий правки и комментарии ❓Узнали в описании себя? Регистрируйтесь на мастер-класс, и мы обсудим с вами, зачем дизайнеру, итак уже освоившему фигму и фотошоп, учить ещё и допечатную подготовку. Расскажу, какие программы подходят для работы с печатной продукцией, и в каких форматах типографии любят (и не любят) принимать файлы. Приходите! Будет интересно и познавательно! 🎁 В подарок за регистрацию вы получите памятку «10 правил хорошей вёрстки» и видеоурок, как бережно перевести графику из RGB в CMYK.
https://content.desigram.ru/static/74e4278b-8608-425b-8bea-76ef46f70ab4.jpg
#полезности
Возвращаемся к вопросу ценообразования! И вчера был задан очень хороший вопрос: Как можно учесть себестоимость самого дизайнера, если он имеет довольно сильное образование и понимает маркетинг? Однажды мне объяснили не только про то, что цена и ценность — это разные понятия (думаю, вы и без меня прекрасно это понимаете), но и то, что у продукта нет цены. Представляете? Цену на продукт определяет тот, кто его продаёт, и здесь важно выделить функцию продукта, и продавать только её. Сложно? Нифига, сейчас объясню на примере визитки! Стандартный комплект из 96 визиток — чисто технически это 4 листа бумаги, порезанные на 24 части. Сколько может стоить 4 листа бумаги? Да рублей 200 с учётом печати и работы. А за какие деньги продают комплект? В среднем от 800 руб. ‼️ Т.е. комплект визиток стоит в 4 раза дороже, чем 4 листа порезанной бумаги. Хотя это — одно и то же! Возвращаемся к вопросу подписчицы, как экспертиза дизайнера в маркетинге влияет на стоимость продукта? Напрямую. Если он будет продавать картинку, которую за 5 минут нарисовал в иллюстраторе, её не купят дороже 300 руб. Если он объяснит, что с помощью дизайна оптимально разместил не только преимущества клиента, но и выделил контактный блок, чтобы сделать их более заметными... Тут уже можно продавать существенно дороже. Насколько? Да на сколько наглости хватит. Если вы нарисовали просто картинку, это стоит как картинка. Если вы нарисовали и продали буклет, это стоит как буклет. Хотя буклет по сути и остаётся картинкой. Не продавайте картинку, продавайте функцию! Именно поэтому при разработке макета важно презентовать результат, а не оставлять клиента с ним один на один. Вы должны объяснить на созвоне или письменно, что вы сделали и почему? У клиента не должно возникать вопросов, почему синий именно такой и откуда взялась финтифлюшка сбоку? Ваша задача не только сделать проект, но и продать его. Поэтому спасибо за идею, в курс «Вёрстка для дизайнера» в ближайшее время будет дописан отдельный урок по правилам работы с клиентами, где я расскажу прямо поэтапно порядок взаимодействия с заказчиком 😊
https://content.desigram.ru/static/14eb08f4-81f5-438d-8b08-07965f335822.jpg