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

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

@sofyafilippova
Изображение канала: Философия дизайна с Филипповой Софьей
2 475 подписчиков
65 постов
Посты
⚡Открыли запись на 6 поток
В анонсе рассказываю про курс и конечно о розыгрыше бесплатного места Все важные посты о курсе собрала здесь 📎 Записаться на курс можно по ссылке - uxui.filschool.ru Для вопросов и рассрочек напишите нашему менеджеру @filschool_telegram ⠀ ⠀ 📱Смотреть на YouTube 📱Смотреть в VK Видео
https://content.desigram.ru/static/8a15f457-b739-44c6-b4b2-b642eb2a7a77.jpg
🔥Как перестать улучшать свою работу и выложить её в портфолио?
Вот эта валентинка ключ к тому, как научиться отпускать работу, даже если до идеала далеко. Исправляешь мелкие недочёты, думаешь: «Ещё чуть-чуть». Смотришь на чужие работы — и переделываешь снова, но идеала всё нет. Что делаю я в таких случаях: ⚫️Ограничиваю количество правок Ставлю себе правило: три итерации — и стоп. Если после трёх кругов хочется что-то менять, это уже не объективное улучшение, а бесконечное ковыряние. Всё, я делаю выводы и завершаю. ⚫️Ставлю дедлайн на публикацию Не на работу, а на публикацию. Например, «выложить в пятницу в 14:00». И точка. Чем больше откладываю, тем меньше шанс, что работа вообще выйдет в портфолио. ⚫️Запрещаю себе смотреть чужие работы перед публикацией Никаких Dribbble и Behance. Это ловушка, которая только усиливает неуверенность. ⚫️Ловлю себя на слове Если в начале работа мне нравится, а потом вдруг хочу что-то переделать, спрашиваю: «Я переделываю, потому что стало хуже или потому что боюсь выложить?» ⚫️Не откладываю публикацию Если работа готова, я её публикую. Не даю себе «недельку» или «месяцочек». Чем больше откладываю, тем меньше шансов, что работа вообще выйдет. Так что, дорогие мои, помните: Идеально не будет, выкладывайте! Работа завершена, вы хотя бы немного довольны результатом, всё, публикуйте. Идеал — это миф, всегда можно найти, что улучшить
🆕 Новый плагин с крутым эффектом блюра
Он делает интересный эффект, который я использовала для текста Плагин Progressive Blur
https://content.desigram.ru/static/4d325822-28bd-462b-aabf-eaf23844e147.jpg
🔥Туториал - буквы из травы в Figma
Я подготовила для вас пошаговый разбор, как создать крутой эффект “травяных” букв. Eсли у вас получится что-то интересное, обязательно делитесь результатами в комментариях А я прикладываю кисть в комменты, которые помогут вам сделать этот эффект 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб
https://content.desigram.ru/static/ea7e5153-505c-4b60-a5f1-4fdfaad3d557.jpg
*️⃣Многие просили посты про портфолио. Поделюсь тем, что у меня уже вышло, а вы отпишитесь что еще вам интересно
В рамках Адвент календаря выходило видео о том, как сделать портфолио, которое привлечёт работодателей и клиентов. Там есть презентация из видео и пример кейса. https://t.me/sofyafilippova/510">https://t.me/sofyafilippova/510 *️⃣В вакансиях указано требование "базовое знание html, css". На что конкретно здесь нужно обращать внимание? Вам не нужно быть верстальщиком, но знание основ поможет создавать более адекватные дизайны и находить общий язык с разработчиками. Это про лучшее понимание процесса, а не про кодинг с нуля. 🔵 Понимание, что такое HTML (структура страницы) и CSS (стилизация элементов). 🔵 Разница между фронтенд-разработкой (визуальная часть сайта) и бэкендом (логика, данные). 🔵 Адаптивность: как дизайн подстраивается под экраны. 🔵 Понимание терминов и процессов помогает проще работать с разработчиками. *️⃣Как выбрать стиль, в котором будешь делать заказ? Начните с анализа целевой аудитории и тематики проекта. Подумайте, что нравится вашей аудитории: молодые люди оценят креатив и нестандартные решения, а для корпоративного сектора важны сдержанность и структура. Обратите внимание и на тематику сайта. Например, детский проект лучше не делать в минимализме — добавьте больше «веселья» и яркости, чтобы на фоне конкурентов сайт не выглядел пустым и безликим. Если речь о магазине современной одежды, то отлично подойдёт швейцарский стиль, минимализм или даже необрутализм — всё зависит от того, что подходит к настроению и продуктам бренда. Я снимала подробное видео о стилях — https://t.me/sofyafilippova/507 *️⃣Как подготовить дизайн к вëрстке и что важно учесть дизайнеру, чтобы его дизайн потом сверстали? Все просто, если держать под рукой мой гайд - https://t.me/sofyafilippova/511
https://content.desigram.ru/static/9aa6a168-79ca-4e48-9f8f-8798dff92793.jpg
🚀 Полезные плагины для работы с иконками. Делюсь своими фаворитами, которые помогают с иконками
🔵 Iconify — плагин для поиска иконок в формате SVG. Его фишка в том, что в фильтрах можно выбрать тип лицензии "без указания автора". Это редкость среди плагинов 🔵 Quick Tracing — если у вас есть PNG-иконка, но нужна векторная, этот плагин может её преобразовать. Но будьте готовы к тому, что иногда случаются косяки — контуры могут быть не идеальными 🔵 Filler — идеально, если нужно перекрасить PNG-иконку. С помощью маски он закрашивает её в любой цвет, и всё выглядит аккуратно. 🔥 Если у вас есть свои находки для работы с иконками, делитесь в комментариях и ставьте реакции, если больше делиться с вами плагинами #полезное #плагины
https://content.desigram.ru/static/93fa038e-3b78-48a7-a829-34cb85609e74.jpg
Как выбрать композицию?
Если выбрать правильный тип, блок выглядит красиво, логично и выполняет свою задачу. 1. Симметричная композиция Всё чётко и ровно: элементы расположены симметрично друг относительно друга. Это вариант для серьёзных, структурированных блоков. Подходит для: ⚫Корпоративных сайтов. ⚫Первых экранов лендингов с серьёзными темами. 2. Асимметричная композиция Части блока разного размера, чтобы создать акцент и добавить динамики. Выбирай этот вариант, если нужно что-то выделить. Применяй в: ⚫Креативных проектах. ⚫Блоках, где важен акцент на ключевом элементе (тексте или кнопке). 3. Сеточная композиция Блок делится на невидимые колонки, чтобы элементы были выровнены и выглядели аккуратно. Это лучший выбор для: ⚫Блоков с большим количеством контента. ⚫Каталога товаров. 4. Центрированная композиция Все элементы расположены по центру, чтобы акцентировать внимание на ключевом посыле. Это работает для: ⚫Промо-блоков ⚫Лендингов с простой, но яркой подачей. 5. Диагональная композиция Элементы расположены так, чтобы направить взгляд по диагонали. Такой вариант добавляет движения и делает блок необычным. Используй для: ⚫Динамичных дизайнов. ⚫Проектов с сильным визуалом. Советы: ⚫Для строгих блоков — симметрия. ⚫Для акцентов — асимметрия. ⚫Для больших объёмов контента — сетка. ⚫Для акцентных или промо-блоков — центрирование. ⚫Для динамики — диагональ. *️⃣Вы там дайте знать, что это вам интересно #полезное
https://content.desigram.ru/static/c9576b2c-fe08-45a6-9dee-d91284afb000.jpg
UX-ошибка, которая бесит 😞
Хочешь организовать день рождения ребёнка и посмотреть цены с телефона — Тарифы спрятаны в выпадающем списке. — Выбрал — описание появляется внизу. Хочешь другой — снова наверх. Как надо было: 🔵Сделать свайпы между тарифами. 🔵Или показать все тарифы сразу внизу.
🔥Большое практическое видео
Я снова радую вас большим практическим видео! Предыдущее выходило ещё в прошлом году, и я решила, что пора обновить формат, чтобы вы могли потренироваться, отточить навыки и создать что-то крутое. Как всегда, максимум пользы и никакой воды. Если будете публиковать свои результаты в соцсетях, не забудьте отметить меня — я с радостью посмотрю на ваши работы 😊 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб
https://content.desigram.ru/static/3d32146b-92ad-4d33-a2b4-8b5fe5b00699.jpg
⚡️Как придумать проект для портфолио без клиента
Раньше я делилась подборкой сервисов и генераторов задач, которые помогают прокачивать дизайн-навыки. Но теперь хочу рассказать про ещё один инструмент, который использую сама. Это мой незаменимый помощник — ChatGPT. ⚫️С помощью специального промпта (оставлю его в комментариях) я ставлю себе задачи: придумать интерфейс приложения, лендинг для школы или дизайн карточки товара. ⚫️Иногда я даже отправляю ему свои работы и спрашиваю: «Что можно улучшить?» Ответы бывают реально полезными. ChatGPT помогает мне каждый день, причём не только в работе, но и в жизни. Если интересно, как ещё его использовать, задавайте вопросы в комментариях — с удовольствием расскажу в постах Промпт в комментариях ⬇️
https://content.desigram.ru/static/046e486b-d844-46f0-b1e1-d162c82b0794.jpg
🚀 6-й поток курса UX/UI-дизайн стартует 17 марта, и мы открыли продажи! Самая низкая цена доступна до 17 февралч.
Записаться можно на сайте: uxui.filschool.ru Есть удобная рассрочка от школы — стоимость курса можно разделить на 4 или 5 платежей, и оплачивать во время прохождения обучения. А еще у нас есть беспроцентная рассрочка от банков для граждан РФ, Беларуси и Казахстана Я уже делилась преимуществами курса и отзывами участников под хештегом #курс Если остались вопросы — пишите в комментариях или менеджеру @filschool_telegram
https://content.desigram.ru/static/0bb9fbf3-4e84-452e-8bd1-1254bbeb3863.jpg
🔥Почему нет клиентов? Ошибки, которые делают почти все новички
Когда только начинаешь путь в дизайне, совершаются одни и те же ошибки, которые сильно замедляют процесс. 1. Нет структуры в работе Многие начинающие берутся за всё подряд, не понимая, что именно они предлагают клиенту. Услуги не прописаны, прайса нет, правила работы не оговорены даже устно, не говоря уже о письменных. Без системы и чёткого понимания своих сильных и слабых сторон работать сложно. 2. Нет портфолио Портфолио — это основа работы дизайнера. Без него ни один клиент даже не подумает обратиться к вам. Если нет реальных проектов, придумайте их сами. Пусть ваши работы говорят за вас и показывают, что вы умеете. 3. Незнание юридических нюансов Договоры, условия оплаты, возвраты, авторские права — всё это нужно продумать заранее. Даже если вы только начинаете, хотя бы устно обговорите или, ещё лучше, письменно зафиксируйте правила работы с вами. Это не только защитит вас, но и покажет клиентам, что вы профессионал. 4. Недостаток твёрдых навыков Когда навыков в дизайне не хватает, это сразу видно. Уделите время прокачке, пройдите курсы, сделайте проекты для тренировки. Чем увереннее вы будете в своих умениях, тем легче будет привлекать клиентов. 5. Нет понимания целевой аудитории Когда вы не знаете, кто ваш клиент, вы не знаете, кому предлагать свои услуги. А значит, усилия распыляются, и результат минимальный. Потратьте время на определение своей аудитории, и поиск клиентов станет проще. 6. Пассивный поиск клиентов Ждать, что клиенты придут сами, — не лучшая тактика. Нужно активно искать, пробовать разные подходы, анализировать, что работает, и не ограничиваться одним методом. 7. Высокие ожидания Многие думают, что клиенты сразу придут на высокий чек и готовы платить за топовые услуги. Реальность другая: потребуется время, чтобы найти свою аудиторию и завоевать её доверие. Поиск клиентов в начале пути занимает гораздо больше времени, чем сам дизайн. Это нормально. Постепенно вы выстроите процессы, станете заметнее, и всё станет проще. *️⃣Ну и курс Work&Sell вам в помощь #полезное
https://content.desigram.ru/static/59251e45-a4e0-4be1-856d-769757570ef8.jpg
Скоро столько праздников, что самое время задуматься, что подарить себе или дизайнеру, которого хочется порадовать. У меня есть идеальный вариант — книги от Бюро Горбунова.
Тут всё, что нужно: интерфейсы, типографика, тексты, управление проектами и ещё куча всего. Пишут просто, чётко и с юмором. Это не скучные учебники, а практическое руководство, к которому реально захочется возвращаться. Можно взять одну книгу или сразу всю библиотеку. Теперь про особенности: ⚫Книги открываются прямо в браузере, без привязки к устройствам и приложениям. ⚫Это не просто текст, а живая книга: с тестами, примерами и практическими задачами. ⚫Книги обновляются, так что вы всегда с актуальными знаниями. Такой подарок точно оценит любой дизайнер. Или вы сами, если решите побаловать себя. Я оформила себе вот такой набор учебников
https://content.desigram.ru/static/567a0f18-4ed6-4226-91cb-766ea73c32e1.jpg
⚡Собрала полезные посты за пару месяцев. Многие из вас здесь совсем недавно, поэтому самое время напомнить о том, что было, и поделиться ссылками на самые популярные материалы.
🔵https://t.me/sofyafilippova/412">https://t.me/sofyafilippova/412 - чтобы я делала, если начинала с нуля заниматься дизайном 🔵https://t.me/sofyafilippova/430">https://t.me/sofyafilippova/430 - как выйти из дизайнерского ступора 🔵https://t.me/sofyafilippova/502">https://t.me/sofyafilippova/502 - книги для дизайнеров 🔵https://t.me/sofyafilippova/511">https://t.me/sofyafilippova/511 - подготовка к разработке 🔵https://t.me/sofyafilippova/513">https://t.me/sofyafilippova/513 - шаблон брифа 🔵https://t.me/sofyafilippova/514">https://t.me/sofyafilippova/514 - лучшие плагины для figma 🔵https://t.me/sofyafilippova/516">https://t.me/sofyafilippova/516 - ошибки при работе с клиентами 🔵https://t.me/sofyafilippova/536">https://t.me/sofyafilippova/536 - фильмы для дизайнеров 🔵https://t.me/sofyafilippova/546">https://t.me/sofyafilippova/546 - как стать продуктовым дизайнером #полезное
https://content.desigram.ru/static/1f393887-fe3d-4e05-add7-6d7945d1f22b.jpg
🆕 Второе видео для новичков из серии зимние баннеры
На этот раз это видео последнее, постараюсь снять что-то по сайтам в течение месяца, но не загадываю. Поделитесь после просмотра какое видео вам понравилось больше 😊 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб
https://content.desigram.ru/static/fc65a0e2-e6a6-404a-8a69-5e65dcef0a09.jpg
🆕 Новое видео для новичков - зимние баннеры
А меня много раз просить не надо! Видео про весенние баннеры многим понравилось, поэтому я сняла видео про зимние. Оно уже не такое дотошное в объяснении азов, но всё равно очень подробное. Делитесь, что у вас получилось на основе этого видео Завтра выйдет еще одно видео с баннером 📱 Смотреть на Youtube 📱 Смотреть в VK Video #ютуб
https://content.desigram.ru/static/9686caee-b643-489c-a01c-94b0cda19b43.jpg
🔵Вы рекомендуете ставить клиенту условие: вносить изменения в прототип, мудборд, визуальную дизайн-концепцию, которые были утверждены клиентом ранее, он может за дополнительную плату. Но неужели у вас не было хотя бы одного случая, когда вы сами хотели что-то изменить в утвержденных ранее этих файлах?
Это условие нужно, когда правки клиента превращаются в огромный объём работы. Например, если он хочет переписать все преимущества, добавить новый блок или полностью поменять стилистику сайта — это уже серьёзные изменения, и тут мы переходим к договору и обсуждаем доплату. Но если речь о замене текста, иконки или цвета, который легко поменять через стили в Figma, это не проблема, мы такие мелочи делаем без вопросов. Это правило — не про жадность, а про здравый смысл. Пусть оно лучше будет, чем его не будет, потому что бесконечные правки без рамок могут просто вымотать. 🔵Нужно ли для создания сайтов на фрилансе оформлять что-то типа самозанятости? Оформление самозанятости или ИП действительно нужно, если вы планируете работать с клиентами по договору. Самозанятый — самый простой и быстрый вариант. Если понимаете, что у вас есть постоянные клиенты, это будет логичным шагом. Многие работают без оформления, но это уже на их страх и риск. С точки зрения легальности — это не совсем правильно, да и с клиентами сложнее: не каждый захочет сотрудничать без договора. Поэтому мой совет — оформляйте, когда уже есть заказы и вы уверены, что работа будет стабильной. Это открывает больше возможностей для роста и работы с серьёзными клиентами. 🔵Где можно найти хорошие бесплатные мокапы (знаю только Freepik и тг-канал Jam Mockup)? Уже очень давно не использую. Если надо, то пользуюсь только платинами в Figma. Найти можно по запросу Mockup, любимый - Artboard mockups 🔵Где можно найти анимированные мокапы для оформления проектов для dribble/behance? Попробуйте Jitter, например 🔵Хочу сменить работу в 33 года и стать продуктовым дизайнером. Фриланс не интересен. Хочу именно в найм. Как и с чего начать ? Что бы выйти как можно скорее хотя бы на 100 тыс. Отвечу отдельным постом
https://content.desigram.ru/static/ad84a4db-d9f3-40a3-a9ba-5fbd4e91a5bf.jpg
Собрала для вас все ключевые посты о курсе UX/UI-дизайн – здесь и кейсы, и отзывы, и преимущества, которые делают обучение максимально полезным и комфортным. Всё, чтобы вы точно ничего не упустили!
1. Кейс Ани и её отзыв Работа Ани – отличный пример того, чего можно достичь на курсе. А её отзыв – коротко о том, почему она довольна. ⚫️ Ссылка на кейс ⚫️ Ссылка на отзыв 2. История Насти Настя выиграла бесплатное место, пропала, но потом вернулась. Сейчас работает с клиентами и продолжает обучение! ⚫️ Ссылка на отзыв 3. Модуль трудоустройства Почему он – главное преимущество тарифа “Максимум” и как помогает ученикам находить работу. ⚫️ Ссылка на пост 4. Почему курс оправдал ожидания учеников На основе обратной связи я выделила, за что курс ценят больше всего. ⚫️ Ссылка на пост 5. Плюшки курса Незаметные, но важные мелочи, которые делают процесс обучения удобным. ⚫️ Ссылка на пост 6. Еще несколько отзывов Реальные впечатления наших учеников – лучшее доказательство того, что курс работает. ⚫️ Отзыв 1 ⚫️ Отзыв 2 ⚫️ Отзыв 3 *️⃣ Рассрочка от школы Записывайтесь сейчас и платите во время обучения без процентов и без оформления договоров с банками. Всё максимально просто: пишите нашему менеджеру в Telegram – ссылка. Если остались вопросы – пишите! А если готовы к старту, вот ссылка - сайт курса Всё, теперь точно ничего не забыли...
https://content.desigram.ru/static/3d47194e-784f-496d-80f9-8a28083058ca.jpg
🔵В фигме можно делать анимации, они нужны просто для наглядности когда мы передаем проект для верстки?
Да, для наглядности, но еще, чтобы впечатлить заказчика, обычно, когда они видят дизайн интерактивным, то правок становится меньше. Вау-эффект, наверное. Если это проект для портфолио, без клиента и без верстки, то можно сделать анимацию и интегрировать её в кейс. 🔵Будет еще видео с созданием дизайна сайта уровнем посложнее? Практические уроки будут на новичковском уровне. Снимать практику среднего и сложного уровня для соц сетей не планируют, все подобные уроки идут только в курсы. 🔵Где можно посмотреть работы участников разных конкурсов по дизайну сайтов для насмотренности? https://www.awwwards.com/">https://www.awwwards.com http://cssdesignawards.comhttps://madeontilda.ru/"> https://madeontilda.ru 🔵Можно ли использовать бесплатные уроки по созданию сайтов в качестве временного портфолио? Пока не был создан свой уникальный Нет, нет и еще раз нет! Никаких чужих работ, повтор - это не ваша работа, а авторские права принадлежат автору урока. Даже если вы там поменяете пару цветов и фотки - это все еще не ваша работа. Портфолио - это про уникальность, чтобы заказчик мог увидеть ваши навыки, ваше виденье, а не навык автора бесплатного урока. 🔵Что будет написано в электронном сертификате по прохождении курса: UX/UI дизайн+ WEB дизайн или только UX/UI. Будет написано прошел курс “UX/UI-дизайн» и указаны навыки, которые были освоены. Уточню, что клиентам сертификат не важен, он немного имеет вес при поиске работы, но гораздо важнее другие вещи 🔵В бесплатном видео уроке увидела, что размер фрейма при создании сайта делают 1200 шириной. Это потому что в таком размере есть какое то удобство? Может при создании адаптива? Или все же стандарт 1440? Ширина фрейма 1200 нужна для для тильды, этот дизайн потом будет перенесен туда, поэтому такой размер фрейма. Стандарт 1440
https://content.desigram.ru/static/ad84a4db-d9f3-40a3-a9ba-5fbd4e91a5bf.jpg
Курс UX/UI-дизайн стартует уже 13 января, и вчерашний розыгрыш оставил многих с ощущением, что цены улетели, а вы не успели купить. Да, я понимаю, что не напоминала вам об этом вовремя – моя вина.
🚀 Поэтому ловите подарок - мы продлеваем скидку еще на 4 дня ⚫Тариф “Стандарт” за 70 000 рублей вместо 80 000 ⚫Тариф “Максимум” за 90 000 рублей вместо 100 000 *️⃣ Промокод - телега, действует до 00:00 10 января Если вдруг подзабыли, что это за курс и зачем он вам нужен, то в следующем посте я расскажу, в чём фишка, и начну делиться отзывами и работами наших выпускников. 📎 Записаться на курс и узнать подробности
https://content.desigram.ru/static/26d71f2c-9da6-46cb-b417-ff7cae4be8eb.jpg