Философия дизайна с Филипповой Софьей

Философия дизайна с Филипповой Софьей

@sofyafilippova
Изображение канала: Философия дизайна с Филипповой Софьей
2 475 подписчиков
90 постов
Посты
🆕 Как выбрать стиль дизайна сайта
У меня есть видео про стили в дизайне. Очень советую посмотреть. тык сюда Теперь к сути. Стиль — это не просто «сейчас это в тренде и красиво». У нас есть сразу четыре ограничения: – задача сайта – целевая аудитория и её желания – психология восприятия – и пожелания заказчика. Ну, потому что он платит — а значит, у него могут быть свои фантазии, в духе «хочу как Apple» Иногда ещё добавляется вайб бренда или стилистика самого продукта. Если минималистичная упаковка косметики — то и сайт будет в этом же настроении. А если это яркие баночки с иллюстрациями — то можно добавить красок. *️⃣Например, на курсе «Дизайноведение» я записала прикольный урок, где даю один и тот же товар, но для разных ЦА, и показываю, насколько разными будут референсы и визуальный язык сайта. После анализа четырех ограничений выбор обычно сужается до 2–3 вариантов. Дальше можно: 🔵 собрать мудборд на каждую концепцию дизайна. Одна концепция - один стиль. Уже на этом этапе можно обсудить с заказчиком направление и определиться или пойти на следующий пункт 🔵сделать концепции (обычно это первый экран) в разных стилях с реальным контентом и опять утверждаем с клиентом Нужно уметь разложить стиль на составляющие и понять, соответствует ли он всем критериям — задаче, аудитории, продукту, психологии. Не просто «нравится», а «работает». Иначе можно уйти в стиль ради стиля, а не ради смысла. Короче, стиль не выбирается «на глаз». Он складывается из смысла, задачи и того, для кого ты это делаешь. Ну и чуточку — из вкуса, конечно. Без этого никуда. ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
⚡ Вообще не планировала, но… решила открыть доступ всем
На мини-погружении зашла идея закрытой группы на курсе "Дизайноведение" — и я хочу протестировать её на большем числе учеников. Что это за группа? 6 месяцев дополнительной поддержки от меня лично. Раз в месяц мы созваниваемся: 🔵 я отвечаю на вопросы 🔵 разбираю ваши работы и домашки 🔵 направляю, если застряли или сомневаетесь и всё это помимо куратора на курсе Попасть можно, если купить курс "Дизайноведение " до 17 мая 📎d.filschool.ru
Изображение поста
🔥Ошибки новичков в дизайне
В начале видео теория. Без неё никак, там как раз важные штуки, которые потом в примерах повторяются. Видео снято давно, поэтому есть несостыковка в длине моих волос 🙃 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
Ребята, я сделала!!!
Первый пак 3D фигур готов и уже в Figma Community 🔥 28 текстильных форм — мягкие, объёмные, в едином стиле. Все в PNG, с прозрачным фоном, 4096х4096 px. Цвет меняется в пару кликов. Можно использовать и в комммерческих проектах — лицензия свободная. Вот тут можно забрать пак *️⃣Если понравится — дайте знак. Это была целая эпопея (намного дольше, чем я планировала), и ваша поддержка реально важна. Что генерировать дальше?
Изображение поста
🔥Традиционный дайджест всего полезного, что было на канале
Спасибо, что читаете, реагируете, комментируете - кайфую от того, какая у нас тут тёплая и живая атмосфера 💙 Подборка шрифтов Нейтральные гротески для заголовков, без лишней декоративности Сервисы для поиска референсов Большая подборка сайтов и сервисов, чтобы искать референсы Плагины для работы с картинками Самые важные и полезные плагины для картинок Подборка шрифтов Эстетичные шрифты для заголовков Фотостоки Подборка фотостоков с нормальной лицензий, чтобы было бесплатно и без указания автора Расширения для браузера Маленькие помощники внутри вашего браузера Как не бояться взять первый заказ Этот пост вызовет у вас желание наконец-то взять и сделать Как найти первый заказ Видео, в котором я делюсь проверенной инструкцией по поиску первых заказов Как вставить видео на behance Видео-инструкция по вставке видео на Behance без лишних элементов и кнопок на видео *️⃣А теперь главный вопрос - какой пост вам понравился больше всего? #полезное ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔥Как Ира пришла в дизайн, прошла курс и работает с кайфом
Из этого интервью вы узнаете, что слитые курсы не помогут вам освоить дизайн. Ира попробовала. Послушала полтора часа воды, получила 10 минут пользы — и поняла: «Теперь я знаю, к кому точно не надо идти». После этого она пришла на «Дизайноведение». Прошла курс, родила двух детей, начала брать заказы, вести блог и теперь фрилансит в своё удовольствие. А ещё — просто верила в себя и делала. В интервью она честно рассказала: 🔵 почему решилась на дизайн 🔵 как поняла, что «настоящий» курс — это совсем другое 🔵 что оказалось самым важным в обучении 🔵 и как совмещает клиентов, дизайн и материнство 📸 Посмотри интервью — возможно, оно вдохновит тебя на изменения. 📱 Смотреть в VKVideo 📱 Смотреть на Youtube А если тоже хочешь попробовать себя в дизайне — приходи на мини-погружение. Ты узнаешь, как избежать типичных ошибок новичков, попробуешь сделать свой первый дизайн — и получишь спецпредложение на курс «Дизайноведение» с очень крутым бонусом: моё личное участие. 📎Записаться на мини-погружение
🆕 Как вставить видео в кейс на Behance
Инструкция в видео, а код здесь Записала видео, где показываю, как вставить чистое видео — без логотипов, интерфейса Vimeo и прочих «украшений». Чтобы выглядело красиво и ничего не отвлекало. 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔥 Не вебинар, не лекция, а мини-путешествие
Я очень заморочилась с мини-погружением. Теоретическую часть я собрала как настоящую карту — с маршрутом через все болевые точки начинающих. Каждая метка на ней — из моего опыта: и как дизайнера, и как преподавателя. Я слишком хорошо знаю, где ученики застревают, в чём сомневаются, где теряют уверенность. И да, все курсы в Filschool я строю именно с учётом этих мест. Если хочешь их увидеть — приходи на эфир 13 апреля в 13:00. *️⃣ Там будет: – теория, оформленная в виде маршрута – разбор работ участников – скидка на курс «Дизайноведение» – и бонус, которого не было никогда. Это не файл, не инструкция и не что-то, что можно скачать. Это — формат, где я включаюсь лично. А пока ты ждёшь — можешь: 🔵 посмотреть теоретический урок — кто такой веб-дизайнер 🔵 пройти практический урок и прислать свою работу на разбор Если ты где-то между «интересно» и «боюсь начать» — приходи. Мы всё это уже заложили в маршрут. 📎Записаться на мини-погружение
Изображение поста
🔥Как найти свой первый заказ
Собрала в этом видео всё, что реально помогает новичкам выйти на первых заказчиков. Не только мой опыт, но и рабочие шаги, проверенные моими учениками. Никакой магии, никакого «надо просто поверить в себя». Только то, что действительно сработало у десятков человек. А и молнию заценили? Это мы вместе с chat gpt сделали. Докручивать пришлось, но он все-равно умница. 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
✈️ Ваш билет на мини-погружение в веб-дизайн
Когда я только начинала в дизайне, всё было… на ощупь. Открывала Photoshop, пыталась сделать что-то похожее на сайт —и просто надеялась, что делаю хоть что-то правильно. Что такое модульная сетка я даже не гуглила, шрифты выбирала сердцем, а отступы интуицией Но самое грустное — никто не мог посмотреть мою работу и сказать: «Слушай, вот тут норм, а вот здесь — можно лучше». *️⃣У меня не было наставника. Не было разборов. Не было внятного старта. Именно поэтому я сделала другое начало — для вас. ⠀ Мини-погружение - не просто вебинар, а маленький заход в профессию: посмотреть, попробовать, пощупать — и понять, ваше или нет. После регистрации сразу прилетают: ⚫ короткий теоретический урок: кто такой веб-дизайнер и что вообще делает ⚫ практический видеоурок: показываю, как в Фигме делаю первый экран сайта, можно его повторить или адаптировать под свой проект 13 апреля в 13:00 мы собираемся на эфир: ⚫ буду разбирать ваши работы ⚫ расскажу про самые проблемы места в обучении у новичков и как их преодолеть ⚫ отвечу на вопросы ⚫ презентую наш обновлённый курс «Дизайноведение» Ваш билет готов: 📎Отправиться в мини-погружение Да, это часть прогрева к курсу. Но даже если вы просто хотите «пощупать» профессию — это идеальный шанс.
Изображение поста
🔵Нужны ли разные состояния кнопок, если верстать для тильды? UI-кит с разными вариантами кнопок нужен, если проект будет потом делать верстальщик?
Обычно они создаются прямо в Tilda, если это что-то простое. Если ховер сложный — кнопку просто рисуют в Figma без UI-кита и переносят в Tilda. Да, кит нужен в первую очередь верстальщикам — чтобы они понимали, какие ховеры будут. Но если вы сами знаете, какие ховеры хотите — можно не усложнять и обойтись без сборки кита. 🔵Какие книги, учебники посоветуете? Создала целый список. В этом посте 🔵Как понять, что проделанная работа уже достаточно хороша и пора остановиться в погоне за идеалом? Если дедлайн ещё не жмёт. Писала пост на эту тему, надеюсь, что поможет. Читать пост. 🔵Сколько часов уделять обучению и работе в день и часов в неделю, чтобы не получить перегорание? Лучше заниматься по 1–2 часа в день, чем по 10 часов все выходные. Выгорание обычно бывает из-за чрезмерного напора и ухода с головой в обучение. Кину несколько советов: • Чередуй типы активности. Смотри урок — делай макет — гуляй — возвращайся. Не сиди 5 часов подряд в одной позе. • Ставь мини-задачи. Маленькие шаги — меньше стресса. • Планируй отдых. Отдых должен быть в расписании. • Не забывай, зачем ты всё это начал. Цель греет. Особенно когда глаза уже не фокусируются. ⚡️И да, недавно пересматривала наши уроки по тайм-менеджменту на курсе. Там вообще золото. Думаю, собрать из них пост. Надо? ______ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
📸Больше не могу молчать — должна вам рассказать.
Я обожаю детективы. Особенно те, где всё логично и без лишней драмы. Поэтому сама удивилась, когда залипла в подростковый сериал. «13 причин почему» вышел давно и каким-то образом прошёл мимо меня. Сначала было просто интересно, потом подзатянулось, а потом начался второй сезон — и всё: эмоциональные качели, бессонные ночи, желание срочно досмотреть. Он самый сильный из всех, на мой вкус. Сейчас смотрю последний сезон по инерции, уже без такого азарта. Да, это подростковая драма с вечеринками, истериками и примесью «в одной школе слишком много событий». Но если хочется залипнуть — очень даже. Так что да. Мне 28, я дизайнер, люблю серьёзные детективы — и смотрю сериал про школьников. *️⃣Если хотите подборку сериалов от меня — дайте знать. За год накопилось.
Изображение поста
🔖Как не бояться взять первый заказ
Главный страх - «Я ничего не умею»… Кажется, что если у тебя нет 10 лет опыта, 80 кейсов в портфолио, дизайнерской чуйки и полного понимания магии Фэн-Шуй — ты не имеешь права предлагать свои услуги. ⠀ Но никто в начале не знает, что делает. Все боятся. Разница в том, что одни действуют несмотря на страх, а другие — замирают и идут учиться дальше. Ещё один курс. Ещё один урок. Уверенность не появляется от количества курсов. Она появляется от количества реальных проектов с клиентами. Страх «я не умею» почти никогда не про навыки. Он про страх выглядеть глупо, страх, что спросят, что такое интерлиньяж, а ты не знаешь, страх, что клиент поймёт что ты ничего не понимаешь. Спойлер — не поймёт, потому что у него самого вопросов больше, чем у тебя. Чем больше ты учишься — тем сильнее тебе страшно. Потому что ты начинаешь видеть масштаб. И ощущаешь себя каплей в этом дизайн-море. Это эффект Даннинга–Крюгера. Те, кто мало умеет, часто уверены, что они короли фигмы. Те, кто действительно знает — вечно сомневаются. И тут добавляется ещё одна ловушка — сравнение. Ты смотришь не на других новичков, а на блогеров, у которых 7 лет опыта и команда за спиной. Ты листаешь Behance, видишь топовые кейсы — и думаешь, что ты один всё делаешь плохо. Если хочешь реальности — зайди на фриланс-биржи или посмотри раздел «недавние работы» на Behance. Выдохнешь сразу. Вот с кем стоит сравниваться. С такими же, как ты. 🔥Что можно сделать, чтобы стало легче: ⚫ Посмотри 10 программ курсов. Не новые проходить — а посмотреть, какие темы уже знакомы, а какие стоит «дозакрыть» ⚫ Разбей «найти заказ» на шаги: выложить портфолио, составить свое предложение клиентам, определиться с площадкой поиска клиентов, написать 5 откликов — всё это действия. ⚫ Начни с простого заказа. Не сразу сайт, а баннер, обложка, карточка товара. ⚫ И главное — начни. Потому что пока ты не двигаешься, страх живёт и пухнет. Не жди состояния полной готовности. Его не будет. Даже через год, два, десять — ты всё равно будешь думать, что где-то не дотягиваешь. Так и живём. Я давно записала подкаст про первый заказ и страх клиентов. Он вышел очень личным, и, возможно, для кого-то он будет не просто полезным, а пинком, чтобы начать. *️⃣Слушать подкаст 🔵 Яндекс.Музыка 🔵Apple Podcasts 🔵Spotify 🔵VK Если откликнулось — сохрани, перечитай, когда снова накроет. #полезное ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔍 Горящий дом, тревожный красный и потерянный смысл. Разбираем баннер
Показываю фото с местности, так реально видят баннер, находясь на нужной полосе Попросила вас глянуть, что не так — собрали почти 30 комментариев. Спасибо за активность! Вот топ проблем: 🔵Цвет Все пишут про тревожный красный, «жжёт глаза» и ощущение пожара. 🔵Иллюстрация Дом выглядит как будто горит. Вместо природы и спокойствия, опасность и страх 🔵Непонятный смысл Что предлагают? Продажа? Аренда? Отдых? 🔵Мелкие шрифты Инфа не считывается, надпись «500 м» теряется. 🔵Выравнивание и сетка Много кто заметил косяки с отступами, пустоты и отсутствие логичной сетки. 〰️ Главная ошибка и вывод: Макет — это не просто красиво. Это должно работать в реальности. Проверять нужно не только композицию и типографику, а как это читается из машины, на скорости, за пару секунд. *️⃣Люди не разбираются в отступах, выравниваниях, шрифтах. Они видят образ. И если вместо посёлка показали пожар — сетка, аккуратность и стиль уже не спасут. То же самое — с сайтами. На макете всё может быть по сетке, красиво, эстетично и аккуратненько. Но если пользователь не понимает: — куда кликнуть, — где искать главное, — о чём вообще речь, то он просто закрывает вкладку. Дизайн — это не про красоту. Это про смысл, логику и восприятие в живых условиях. Именно поэтому всегда проверяем не только пиксели и отступы, но и реальный пользовательский сценарий. Потому что иначе — будет «Ясная Поляна» в огне. ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🔥Дизайнеры, срочный сбор. Что не так с баннером?
Попробуйте найти ошибки или спорные моменты в дизайне. Я скоро вернусь со своим разбором, а пока давайте порассуждаем в комментах ⬇️
Изображение поста
⚡ Делюсь сервисами для вдохновения и поиска референсов для сайтов
Чтобы всегда было, на что опереться, когда кажется, что «ничего не нравится». Сайты-сервисы с работами: 🔵lapa.ninja.com 🔵onepagelove.com 🔵land-book.com 🔵siteinspire.com 🔵minimal.gallery 🔵collectui.com 🔵mobbin.com 🔵cosmos.so 🔵curated.design 🔵webframe.xyz 🔵bentogrids.com Сайты с наградами: 🔵awwwards.com  🔵cssdesignawards.com 🔵madeontilda.ru 🔵csswinner.com 🔵webflow.com/made-in-webflow Классика: 🔵behance.net 🔵dprofile.ru 🔵dribbble.com 🔵pinterest.com #полезное ________________ *️⃣Мои курсы: UX/UI-дизайн, Tilda, Карточки товара, Веб-дизайн, Work&Sell, Магазин уроков
Изображение поста
🆕 Хочу запустить новую рубрику — создавать разные дизайн-элементы с помощью нейросетей и делиться с вами исходниками, чтобы вы могли использовать их в своих проектах.
Ну а что, доступ к нейросетям у меня есть, работать с ними я умею — грех не поделиться! 🔵Во-первых, как вам идея? Нужно ли вам это вообще или такого и так хватает в других источниках? 🔵Во-вторых, если идея заходит, что бы вам хотелось видеть в первую очередь? Какие элементы? Может, 3дшки всякие - надутые, стеклянные, меховые, или персонажи для сайтов и соц сетей? *️⃣Хочется, чтобы эта рубрика была максимально полезной, так что пишите запросы!
Изображение поста
⚡У нас пошел первый пул защит на третьем потоке!
В это воскресенье девчонки показали свои работы и успешно защитили их. А уже в следующее воскресенье ждем защит. Кто-то будет защищать проекты в рамках тарифа «Максимум» с модулем «Портфолио», так что впереди классные кейсы. Скоро начну показывать! Вообще, защита — это не просто «показать сайт и уйти», это: 🔵умение аргументировать свой дизайн (чтобы не зависеть от мнения случайного прохожего в комментариях); 🔵 презентация себя — очень важный навык, если вы планируете продавать свои услуги, искать клиентов или устраиваться в студии; 🔵 возможность получить обратную связь не только от куратора, но и от меня; 🔵 ну и дополнительный баллы в нашей балльной системе, которую можно потом обменять на полезные штуки (а кто не любит бонусы?). *️⃣Если коротко, защита — это как генеральная репетиция перед реальными клиентами и hr. Лучше потренироваться в «теплой» атмосфере с нами, чем потом краснеть перед заказчиком. В общем, горжусь всеми, кто дошел до этого этапа. Если вдруг читаете и думаете: «А мне слабо?», — не слабо! Просто надо начать. *️⃣17 марта стартует 6 поток курса. Ещё можно успеть по старой цене, если ввести промокод «телега» 📎 https://uxui.filschool.ru/">https://uxui.filschool.ru #курс
Изображение поста
🔥Собрала дайджест полезных постов с января, чтобы вам было проще их найти.
Если уже видели — напишите, какой оказался самым полезным. А ещё круто, что за два месяца нас стало на 500 человек больше 🔵https://t.me/sofyafilippova/558">https://t.me/sofyafilippova/558 - почему нет клиентов? Ошибки, которые делают почти все новички 🔵https://t.me/sofyafilippova/561">https://t.me/sofyafilippova/561 - как придумать проект для портфолио без клиента 🔵https://t.me/sofyafilippova/562">https://t.me/sofyafilippova/562 - большое практическое видео с лендингом для новичков 🔵https://t.me/sofyafilippova/563">https://t.me/sofyafilippova/563 - типичные ошибки новичков в дизайне 🔵https://t.me/sofyafilippova/572">https://t.me/sofyafilippova/572 - виды композиции в блоках сайтов 🔵https://t.me/sofyafilippova/582">https://t.me/sofyafilippova/582 - как выбрать композицию для блока 🔵https://t.me/sofyafilippova/584">https://t.me/sofyafilippova/584 - плагины для работы с иконками 🔵https://t.me/sofyafilippova/585">https://t.me/sofyafilippova/585 - подборка шрифтов 🔵https://t.me/sofyafilippova/591">https://t.me/sofyafilippova/591 - туториал буквы из травы в Figma 🔵https://t.me/sofyafilippova/593">https://t.me/sofyafilippova/593 - контраст в дизайне: как делать акценты правильно 🔵https://t.me/sofyafilippova/602">https://t.me/sofyafilippova/602 - подборка шрифтов 🔵https://t.me/sofyafilippova/612">https://t.me/sofyafilippova/612 - как я делаю котиков для своих постов 🔵https://t.me/sofyafilippova/614">https://t.me/sofyafilippova/614 - нейро-фотосток *️⃣И не забывайте, что 17 марта стартует 6 поток курса UX/UI-дизайн. Сегодня ещё можно успеть записаться по старой цене, завтра повышение 📎 https://uxui.filschool.ru/">https://uxui.filschool.ru #полезное
Изображение поста
🆕 Как начать в дизайне и не слиться через неделю
Много новичков приходят с мыслью «хочу в дизайн, но не знаю, с чего начать». Если это про вас, вот чек-лист для первых шагов — без перегруза, только самое важное. 🔵Определитесь с направлением Дизайн — это не только красивые картинки. Есть UX/UI-дизайн, веб-дизайн, графический дизайн. Они похожи, но задачи и подходы разные. Чтобы выбрать, почитайте, посмотрите видео, попробуйте разные инструменты. 🔵Вам нужна система Если хаотично смотреть уроки, читать статьи и пробовать что-то делать, легко запутаться. Нужен чёткий план обучения. Так вы не будете теряться и всегда будете понимать, какой следующий шаг. 🔵Освойте базовые инструменты Figma — основная программа для UX/UI и веб-дизайна. Не лезьте сразу в сложные фишки. Откройте интерфейс, попробуйте повторить простой макет, разберитесь с инструментами 🔵Начните практиковаться Теория без практики — просто шум. Начните с простого: попробуйте сделать баннер, карточку товара, повторить чужой макет. Чтобы не искать всё по крупицам, я собрала для вас подборку видеоуроков. Ссылки оставлю в комментариях. Если хотите начать уже сейчас, просто откройте видео и повторяйте. 🔵Окружите себя дизайном Подпишитесь на дизайн-каналы, следите за работами профессионалов, пробуйте туториалы. Чем больше смотрите и пробуете, тем быстрее растёте. 🔵Учиться самому можно, но сложно Это правда. Ученики часто приходят на курс после попыток разобраться в одиночку и говорят одно и то же: слишком много разрозненной информации, нет системы, нет поддержки, мотивация падает. Что даёт мой курс по UX/UI-дизайну: 🔵Пошаговая система обучения — от базовых инструментов до полноценного кейса в портфолио. 🔵Разборы работ и поддержка кураторов — вам укажут на ошибки и помогут их исправить. 🔵Много практики — не просто лекции, а реальные проекты. 🔵Интерактивы со мной — возможность разобрать ошибки и задать вопросы напрямую. Старт 17 марта *️⃣Повышение цен послезавтра Записывайте, если хотите быстрее освоить UX/UI-дизайн и не разбираться во всём в одиночку. https://uxui.filschool.ru/">https://uxui.filschool.ru/ По хэштегу #курс можно почитать отзывы, посмотреть работы учеников и узнать больше о курсе.
Изображение поста