НЕПОСЛУШНЫЙ РЕБЕНОК ⠀ Переломный возраст - 1, 3, 5 и 7 лет, со слов детских психологов. ⠀ Демиду через месяц будет полтора года и он уже проявляет свой характер: упадет на пол, дёргает ногами, принимает позу «солдат» и т.д. ⠀ Мне раньше казалось, что до 3-х лет ребёнка вообще нельзя ни в чем ограничивать, хочешь игрушку — пожалуйста, хочешь чтобы я с тобой сидела и играла — да конечно, не хочешь пить — не надо, песком разбрасывать — без вопросов, мамин телефон — бери! ⠀ Однако, сейчас так не считаю. У ребёнка в любом возрасте должны быть рамки дозволенного. Он должен понимать, что можно, а что нельзя. ⠀ За нельзя надо наказывать? Как ребёнок поймет, что это действительно нельзя? ⠀ Я против проявления любого вида насилия. Считаю бить ремнём по попе ребёнка — старый недейственный советский метод. Но, я за наказания. С 5-и и 7-и летними детьми более менее понятно - «не пойдем в цирк», «лишу карманных расходов» и в таком духе. ❓Вот что делать с годовалым?

Естественная обработка фотографии в светлых и тёплых оттенках. ⠀ Вся ретушь сделана в Lightroom (см. карусель). ⠀ Вы какую обработку фото предпочитаете: более яркую или наоборот в темном стиле? ⠀ #zador_ka_редактированиефото

МОЗГОВОЙ ШТУРМ ⠀ У многих, думаю бывало, что нужны свежие идеи, а их нет. ⠀ - Дизайнер ищет лучшее решение проблемы пользователей. - Предприниматель, хочет определиться с позиционированием или запустить маркетинговую компанию. - Блогер думает над новыми темами постов. - Семья решает куда съездить на выходных. ⠀ 🔻Выход - провести мозговой штурм. ⠀ Я думаю, многие замечали за собой, когда расслаблен и думаешь о своей проблеме, вдруг появляется какая-то идея (не важно глупая она или нет), а за ней вторая, третья и т.д. Твой мозг сам генерирует идеи. ⠀ Дмитрий Сердюк (дизайнер, практик брейншторминга): «Игра и веселье — ключевые параметры хорошего брейншторминга. В такой среде мозгу легко ослабить контроль, «отпустить» ситуацию и начать нести всякую ахинею, и тут иногда будут проскакивать крутые идеи — то, что нам надо!» ⠀ Обычно мозговой штурм проводится в команде, где у каждого свое видение и идеи. Однако, это вовсе не значит, что одному нельзя его проводить и это будет неэффективно. ⠀ Цель мозгового штурма — не идеальная идея, а много разных идей, коллаборация и открытость к неожиданным решениям. ⠀ ♦️Что нужно чтобы штурм удался? ⠀ ❗️Отложите оценочные суждения В команде должна быть дружеская обстановка, никого не критикуем и не хвалим. ⠀ ❗️Дикие и абсурдные идеи приветствуются Часто дикие фантазии могут дать толчок к креативным прорывам и послужить мостом к рациональным решениям. ⠀ ❗️Миксуйте и раскручивайте идеи Стройте новые идеи на основе чужих ⠀ ❗️Не уходите от темы Сфокусируйтесь на теме брейншторминга ⠀ ❗️Высказывайтесь по одному Больше шансов придумать что-то новое к идее коллеги, когда никто не отвлекается. ⠀ ❗️Визуализируйте идеи Лучше всего записывать идеи на стикеры и клеить на стену, чтобы все участники могли видеть все идеи. Ничто так быстро не помогает идее визуализироваться, как рисунок. ⠀ ❗️Гонитесь за количеством Добудьте как можно больше новых идей, насколько это возможно. ⠀ В конце сессии, когда есть уже много идей, можно отсеять те, что цепляют сильнее всего, создают ощущение «вау». В итоге из 50 останется 7 идей. ⠀ ❓Вы когда-нибудь проводили мозговой штурм?

МОДУЛЬНАЯ СЕТКА ⠀ Я знаю, что вы ждете итоговый дизайн сайта. Однако, перед тем, как вам показать дизайн, стоит проговорить о сетках. Какими сетками я пользуюсь и почему же не люблю bootstrap. ⠀ ♦️Модульная сетка — разбиение на блоки (см. 2 фото в карусели) ⠀ Она пришла из типографики.  Раньше была тема амбассадор, когда кричат: «мы берем все решения с типографики!». Но эти решения не работают в том виде, который был раньше, сейчас это не актуально. ⠀ На сегодняшний день модульная сетка ложится хорошо для новостных сайтов, для остального бесполезна. ⠀ ♦️Возьмем 12-коллоночную сетку bootstrap. Twitter в 2011 г создает ее для себя, в дальнейшем выкатывает на всеобщее обозрение, т.к. других альтернатив не было, все ей пользуются по сей день. ⠀ Эта сетка, имеет место быть, когда надо сделать сайт быстро и адаптивно, не тратя на это особых усилий. Хотя, сейчас для этого уже есть различные конструкторы. ⠀ Мое мнение: чем меньше объектов и направляющих, чем проще ваш макет, тем вам самим проще работать. ⠀ Возьмем наш макет с Crossfit (см. 3 фото в карусели). Мне понадобилось всего 3 колонки. ⠀ Нам не надо строить именно сетки, не нужна разлиновка в виде таблиц, достаточно поставить несколько направляющих и все. ⠀ 🔸 Для начала определяем контейнер, та часть макета, где будет находиться вся информация. Я, чаще всего, беру 1200 px по ширине. Выставляем направляющие по бокам. ⠀ 🔸 Затем определяем центр макета. ⠀ 🔸 Далее смотрим на структуру сайта (текст, который мы накидали до прототипа). И выстраиваем 2 или 3 колонки, в редких случаях 4. ⠀ Еще важный момент. При различном разрешении экрана (более 1280 px) мы не увеличиваем контейнер, т.е. увеличивается обложка, которая во всю ширину сайта и некоторые фото. Сам контейнер (1200 px) остается неподвижным. ⠀ Раз уж заговорили про адаптив скажу свои цифры (когда-то позаимствовавших у студии "uprock"): ⠀ Десктоп ширина меньше 1280, контейнер 1000 ⠀ Планшет ширина 768, контейнер 700 ширина 640, контейнер 600 ⠀ Мобильный ширина 320, контейнер 300 ⠀ ❤️ Ставьте лайки и сохраняйте в закладки! На следующей недели будем рисовать дизайн. ⠀ ❓Скажите, как вы понимаете фразу «минималистичный дизайн сайта»?

ЦЕЛЬТЕСЬ В ЛУНУ, ЧТОБЫ ПОПАСТЬ В ЗВЁЗДЫ⠀⠀ ⠀⠀ Я несколько раз делала шаги в сторону резких перемен:⠀⠀ ⠀⠀- разорвала отношения, которые ни к чему не вели,⠀⠀ ⠀⠀- поменяла окружение, к которому так привыкла, но тянуло меня вниз,⠀⠀ ⠀⠀- бросила работу и занялась своим любимым делом.⠀⠀ ⠀⠀ Мы все боимся перемен, но именно они нас делают сильнее. Как же ощутить вкус сладости на языке, если его не попробовать?⠀⠀ ⠀⠀ Я составила себе амбициозный план на ближайшие 2 месяца, если хотя бы половина из этого списка будет выполнено, это ошеломительно!⠀⠀ ⠀⠀ Делюсь с вами 1/3 моих планов (остальное останется в тайне): ⠀⠀ ⠀⠀ ▫️Съемка видеороликов с подробными лекциями по веб-дизайну⠀⠀ ⠀⠀ ⠀⠀▫️ Придумать много интересных заданий по веб-дизайну⠀⠀ ⠀⠀ ⠀⠀▫️ Оформить блокнот-шпаргалку для учеников⠀⠀ ⠀⠀ ⠀⠀▫️ Поддержка действующих заказов по сайтам⠀⠀ ⠀⠀ ⠀⠀▫️ Расписать приблизительный контент-план для инстаграм⠀⠀ ⠀⠀ ⠀⠀▫️ Провести бесплатный 3-х дневный марафон с практикой по веб-дизайну⠀⠀ ⠀⠀ ⠀⠀▫️ Поездка на море с семьей⠀⠀ ⠀⠀ Давайте целиться в луну, чтобы попасть в звёзды!⠀⠀ ⠀⠀ ❓Какие у вас планы на оставшиеся два месяца лета? Делитесь! В сентябре подведем итоги, что получилось, а что нет и почему.

ПРАКТИКА. ПРОТОТИПИРОВАНИЕ ⠀ Вторник — день постинг-курса, когда я публикую посты, посвященные разработке сайта. Описываю каждый этап и показываю на практике. Сейчас мы на завершающей стадии выбранного вами проекта — Crossfit. ⠀ Я подретушировала наш прототип и добавила один очень существенный блок — отзывы (смотрите карусель). ⠀ Даю несколько советов для новичков, которые важно учитывать при создании сайта: ⠀ 🔸 обложка сайта 1600 x 800 px ⠀ 🔸 всегда выравнивайте текст по левому краю ⠀ 🔸 если текст не длинный, старайтесь не делать его по всей ширине сайта. Максимальная ширина текстового блока 720 px ⠀ 🔸 не забывайте про межстрочное расстояние у текста ⠀ 🔸 советую не пользоваться сеткой bootstrap, она устарела. Берите 2, 3 колонки. ⠀ 🔸 оптимальное расстояние между блоками - 200 px ⠀ 🔸 размер горзонтального фото делать 1 x 2, хорошо смотрятся ⠀ 🔸 различные обводки, разделительные полосы - 1-2 px ⠀ 🔸 осторожно с закруглениями у блоков и кнопок, лучше по началу делать ровные углы (аккуратно смотрятся) ⠀ Все перечисленные выше советы основаны только на личном моем опыте и насмотренности на других ведущих дизайнеров, анализе конкурсных работ. Это не какие-то строгие правила. Однако, эти советы вам помогут сделать аккуратный и красивый сайт. ⠀ Смотрите мой прототип. Там все перечисленные советы учтены.

НАВИГАЦИЯ ⠀ С каждым днем вас становится больше у меня в подписках, это безумно приятно и ценно, значит я не в пустую пишу и кому-то это полезно. Казалось бы, просто число в подписках, но нет это число заставляет работать, хочется писать и делиться интересной информацией с вами. ⠀ Чтобы вам было удобно ориентироваться по моему блогу, я создала хэштеги: ⠀ 🔹 #zador_ka_постингкурс — наверное, самый основной хештег. Тут я расписываю каждый этап создания сайта и показываю на практике. ⠀ 🔹 #zador_ka_дизайн — делюсь своими знаниями и опытом в дизайне. Я часто прослушиваю различные конференции и лекции, читаю ежедневно статьи про дизайн. ⠀ 🔹 #zador_ka_полезныессылки — сервисы, сайты, программы, статьи. Полезные ссылки тут, не только для дизайнеров. ⠀ 🔹 #zador_ka_обомне — рассказываю как я стала дизайнером, где училась, чем занимаюсь, мои увлечения и страхи. Все что вы хотели знать обо мне можно прочесть под этих хештегом. ⠀ 🔹 #zador_ka_питервдохновение — живя в потрясающем городе, Санкт-Петербурге, грех не вдохновляться. Тут вы найдете красивые фотографии, исторические справки, связанные с искусством. Все, что заставляет порхать бабочкам в моем животе, рассказываю под данным хештегом. ⠀ 🔹 #zador_ka_декретвкайф — скоро уже будет 1,5 года, как я в декрете, это потрясающее время и много возможностей. Пишу, как я работаю удаленно с ребёнком на руках. Делюсь свими лайфхаками по отношению к сыну. Рассказываю как мы воспитываем и развиваем ребёнка. ⠀ 🔹 #zador_ka_редактированиефото — недавно завела рубрику по редактированию фотографий по вашей просьбе. Буду делиться своими успехами в этой области. Редактирование не только в стиле моей ленты, а в целом улучшение фото. ⠀ В инстаграм можно подписываться на конкретный хештег. Если вы не хотите пропустить какой-то раздел моего блога подпишитесь на интересующий вас хештег и будите всегда в курсе новых постов. ⠀ ❓Какую информацию вы хотели бы от меня еще получать? Что вам интересно?

ПРАКТИКА. ПРОТОТИП ⠀ Начинаем набросок на листочке переводить в цифровой вид и продумывать более детально наш будущий сайт, располагать все нужные объекты. ⠀ В прошлый раз мы накидали схему более приближенную к лендингу. Опираясь на наше исследование можно составить продающий лендинг, допустим программы: «CrossFit 30 дней» или же проработать полноценный сайт. ⠀ Предлагаю остановиться на лендинге. ⠀ В шапке сайта я решила не располагать меню. Будет красивая иллюстрация и акцент на предложении. Лого как такого у нас нет, так что оно и не нужно. ⠀ Небольшое описание про crossfit размещаем ниже блоком. ⠀ Далее «что вы получите в программе «crossfit за 30 дней». Тут крупно оформляем и выделяем 3 самых ценных для пользователя и ярких достижения. ⠀ Подкрепляем результатами предыдущих учеников. Мотивируем. ⠀ Добавляем блок с подробностями о программе. Можно расписать прям каждый день. Пользователю очень важно знать, что и как будет происходить. ⠀ Не менее важно, кто будет тренировать. Следует блок с качественными фото тренеров и подписями (достижениями). ⠀ Не мало важно огласить стоимость, не заставляйте людей звонить вам или писать письма, чтобы узнать цену. Некоторые и вовсе уйдут с сайта, не увидев стоимость. Скидка. Месторасположение. Форма занятий. Преимущества перечисляем. ⠀ Далее прорабатывать будем во вторник. ⠀ Всегда, когда создаете лендинг, представляйте, что рассказываете своему другу историю о продукте, которым уже пользовались. ⠀ Есть идеи каких блоков не хватает?

СОЗДАНИЕ КУРСА ⠀ Недавно я начала готовить курс по созданию лендингов, для меня очень важно сделать классно, продумать все до мелочей. ⠀ Знакомый говорит: «Катя, ты чего там заморачиваешься, удели неделю, максимум две и все». ⠀ Знаете, курс типа: «вот фигма, рисуем квадрат, а тут прямоугольник, вставляем картинку и текст, все готово» или «открывайте тильду, там все уже готово, рисуй как душе угодно, сохраняй и, вуаля, сайт в работе, даже программист не нужен» - это вот всё не про меня. ⠀ Я сейчас на этапе составления программы, и, конечно же, просматриваю конкурентов. ⠀ Сейчас огромное количество курсов. ⠀ 🤦‍♀️ Как вам курс «Научу кормить грудью за неделю!». Титю дала и ребёнок счастлив, чему тут учить то? ⠀ 🤦‍♀️ Курс "как стать фрилансером". Ладно, если там было бы обучения каким-то конкретным специальностям, так нет! В программе «список профессий, которые вам помогут стать фрилансером» и «список, где научиться этим профессиям». ⠀ 🤦‍♀️ «За 2 месяца благодаря мне ты станешь по-настоящему счастливым. Пройди мой курс «Счастливый человек — успешный человек!» Тут я даже комментировать не буду. ⠀ На секундочку я задумалась: вот действительно, зачем я трачу много времени, стараюсь делать полезно и действительно мощную программу? Может быть замутить курс: «Укрощение мужа!»? ⠀ Вернемся к моей сфере. Курсы по веб-дизайну не создает только лентяй. Наткнулась на множество школ и частных уроков. И встречаются люди, которые никакого отношения к веб-дизайну от роду не имели. Создают красивый сайт (Тильда это позволяет, как мы уже поняли) и в бой. Никаких своих работ, повезет, если спикер работал хотя бы в одной компании и занимался там веб-дизайном, но реальность такова, что за плечами несколько прочитанных книг, прослушанных лекций на ютубе. ⠀ Знаю очень хороших дизайнеров, у которых нет портфолио и это совершенно нормально. Многие не тратят время, чтобы просто выложить свой проект на биханс, т.к. реальных проектов на нем нет, они все адаптированы под красоту, выпедреж и лайкость. ⠀ ❗️Когда выбираете курсы, смотрите, пожалуйста, путь человека: чтобы знания, которыми он делится, подкреплялись опытом. ⠀ ❓Какие у вас критерии при выборе курсов?

ПРАКТИКА. ПРОТОТИПИРОВАНИЕ ⠀ Начинаем рисовать прототип. Сегодня покажу вам наброски (фото в карусели) и рассуждения по нашему проекту CrossFir. Ранее посты смотрите по хештегу #zador_ka_постингкурс. ⠀ Просмотрев еще раз наше исследование, начинаю на бумаге накидывать блоки, какие где могут находиться. Часто пользуюсь стикерами, когда большой проект, так удобно перемещать различные сущности и просматривать множество различных вариантов, не тратя время на отрисовку. ⠀ В нашем случае все просто. Берем бумагу и карандаш, рисуем квадратики. Никогда не вырисовываю первую версию прототипа, не считаю нужным тратить на это время, так что все в черновом варианте, мне главное понять, что и где будет находиться. ⠀ 1. Шапка. Размещаем лого в левый верхний угол (вспоминаем F и Z-паттерны). Далее накидываем меню, позже определимся какие конкретно будут пункты. Контакты в правый угол. ⠀ 2. Помещаем картинку с заманчивым предложением и призывом к действию. Возможно, это будет приглашение на бесплатное первое занятие. В дальнейшем решим. ⠀ 3. Рассказываем какая у нас прекрасная программа CrossFit, что это и с чем «едят». ⠀ 4. Для кого же она подойдет? Перечисляем нашу ЦА. ⠀ 5. Что же получит ЦА, если придет к нам? Тут размещаем блок про быстрый результат. ⠀ 6. Не забываем про красивые фотографии до/после. Подкрепляем предыдущий блок доказательствами. ⠀ 7. Рассказываем про тренеров, помощников в достижение поставленных целей. Фото, описание. ⠀ 8. В конце форму с покупкой либо с записью на пробное бесплатное занятие. ⠀ 9. Подвал. Размещаем контакты, карту с геоточкой, где находится спортзал. Ссылки на соц. сети. ⠀ Вот получился набросок будущего сайта. ⠀ В четверг проработаем более детально и нарисуем уже в цифровом виде прототип. ⠀ ❓Становится понятнее зачем мы делали все этапы исследования и как сейчас применяем?

РЕДАКТИРОВАНИЕ ФОТО ⠀ За последний месяц самый часто задаваемый вопрос мне: Катя, что ты за фильтр используешь в своих фотографиях? ⠀ Честно говоря, я очень удивлена, что мне задают такой вопрос. ⠀ Я не фотограф и не специалист по редактированию фотографий. Все свои фото обрабатываю сама и делаю чисто интуитивно, но и конечно же, чтобы сочетались с другими фото в ленте. ⠀ 🔹 Моя любимая программа — это Lightroom. У меня бесплатная версия и мне ее вполне хватает. Смотрите первое видео в карусели и скриньте себе настройки. ⠀ У меня исходная картинка достаточно тёмная, для начала надо ее осветиться. В ленте у меня преобладают постельные тона, поэтому нам надо немного поменять насыщенность цветовой гаммы, какие-то цвета заглушить, а другие наоборот вывести вперед. При всем этом я стараюсь сохранить естественность фото, не люблю, когда все «вылизано». ⠀ 🔹 Вторая программа, которой я пользуюсь в дополнение к Lightroom - это Facetune 2. Тоже бесплатная версия стоит. Второе видео в карусели. Тут настраиваю объемчик волос и отбеливаю немного футболку с кроссовками. ⠀ Сохраняю. ⠀ У меня на телефоне есть еще несколько программ для редактирования фото, но они реже мной используются. Обзор сделать с примерами? ⠀ При просмотре каких-либо уроков или скачивании пресета, помните, что настройка под каждое фото должна быть индивидуальна. Не пойдет просто скопировать и вставить. Копируем и крутим ползунки в разные стороны и смотрим как ложится на ваше фото. ⠀ Если нужна более подробная инструкция с пояснениями каждого ползунка, пишите, сделаю. ⠀ ❓Может быть рубрику завести по редактировании фото?