Веб-дизайнер | Гришаева Екатерина

Битва титанов: Figma vs Photoshop 🥊 Не могу сказать, что я давно работаю с этими инструментами, но какой-то опыт уже есть. Да и по количеству времени знаю я их примерно одинаково. На самом деле каждый хорош по-своему и заточен под определенный функционал. При желании макеты сайтов можно делать и в Photoshop, правда, могут возникнуть определенные трудности. Но если сравнивать их на примере карточек для маркетплейсов, то для меня Photoshop выигрывает в плане обработки товара. Там реально можно из картинки качества «так себе» сделать практически конфетку. Лично мне в Photoshop легче работать…

Торжественно клянусь, что совершаю только шалость! 😎 Я нашла в Figma свою Карту мародёров, волшебный клубок, ну или, если хотите, скатерть-самобранку. Одним словом, крутой лайфхак, который очень сильно облегчает жизнь. И это плагины! Своеобразные чит-коды, которые позволяют прямо в Figma применять различные эффекты к объектам, работать над их качеством или даже элементарно удалять фон. Это же просто чудо какое-то! Не надо отдельно заходить в Photoshop, переводить текст в вектор, по-разному его искажать, потом скачивать файл и загружать обратно в Figma. Можно сразу добиться нужного эффекта…

В тему о насмотренности 👆 Одно дело рассуждать, совсем другое — делать. Вот и я решила себе привить привычку регулярно заниматься этим процессом. Хочу в течение недели разбирать разные по тематике работы: лендинги, многостраничные сайты, оформление соц сетей, постеры, афиши и т.д. И в конце недели выкладывать подборку из самых сильных работ которые я нашла. А вот и первая подборка. Какая работа вам нравиться больше всего?

Говорят, это очень важно для дизайнера, и с этим сложно поспорить 🤨 Лично меня этот навык выручал уже несколько раз. И я не могу сказать, что обладаю супер высокой насмотренностью, знаю все современные тренды и наилучшие методики преподнесения информации. Но какой-то опыт у меня есть. Когда-то я плотно занималась инфографикой для маркетплейсов, и, оказывается, это время не прошло даром. В голове не просто что-то отложилось, а какие-то принципы я неосознанно применяю до сих пор. Например, я хорошо запомнила, что главный элемент должен быть самым крупным, текст хорошо читаться и не быть прост…

Дизайн-мышление — да что это вообще такое?! Именно такая мысля у меня появилась, когда я впервые услышала этот термин. После урока особо понятнее, правда, не стало 😄 Поэтому надеюсь, что книга Дона Нормана «Дизайн привычных вещей» поможет мне окончательно разобраться. Но я всё же не настолько безнадёжна и кое-что смогла уяснить: Если дизайн непонятный, проблема не в пользователе, а в дизайнере. Нужно учитывать привычный пользователю опыт. Если все знают, как выглядит лампочка, не стоит заставлять человека заново разбираться, что перед ним. Дизайн должен давать подсказки, как с ним взаимоде…

А вы знаете, сколько видов дизайна существует? Если не знали, ответ на второй картинке. Причем, учитывая темп развития технологий, список наверняка будет пополняться в будущем. Ну, что касается меня, я подробно изучаю web-дизайн, также буду подробно изучать UX\UI-дизайн и немножечко графический, product, motion и 3D. Получится большая сборная солянка. Но это и логично: в современных реалиях нужен и чтец, и жнец, и на дуде игрец. Приходится соответствовать современному рынку, особенно если ты решил кардинально менять профессию. А если кому-то кажется странным выбор картинок, то, как говоритс…

АВТОЛЕЙАТУ, КОМПОНЕНТЫ и ВАРИАНТЫ (что это за звери в FIGMA) Фуух! Навено это был САМЫЙ сложный урок пока за все время. Если с компонентами и вариантами, я разобалась относитльно быстро, то автолейауты чуть не вывели меня в нокаут🤯 Серьезно, мой мозг буквально кипел, когда я пыталась понять, почему вместо того, чтобы стоять ровненько, у меня элементы буквально разбегаются по всему экрану. Но моя упертость оказалась сильнее, и я их всех собрала и самое главное разобралась😊 В общем, кто работал с этими товарищами, прекрасно поймет мои муки, особенно на первых порах. А теперь я просто кайфу…

Это уже вторая практическая работа — на этот раз по СТИЛЯМ После изучения основных инструментов в Figma: пера, работы с текстом, фигурами и прочих нюансов — я добралась до стилей. И это очень удобный инструмент, и очень жаль, что его нет в Photoshop. Прям упущение. Да и вообще, в некоторых моментах Figma гораздо круче Photoshop. К сожалению, в ней нет возможности обрезать объект пером или ластика, но большое количество плагинов очень выручает. Словом, Figma для тех, кто любит попроще, а Photoshop — наоборот, сложнее😉 Но вернёмся к стилям. Оказывается, их можно настроить не только для цвета…

А теперь я официально умею анализировать референсы 😎 На этом урок нужно было проанализировать 10 различных референсов для разных продуктов (лендинги, постеры/баннеры и инфографика). Это часть моей домашки. И еще доп. задачей было отобрать эти самые референсы для анализа. И они должны быть актуальными. И вот здесь я столкнулась с проблемой. То что мне кажется современным, на самом деле уже считается устаревшим и и почти не используются Отчасти я согласна, что какие-то приемы устарели. Но дизайн цикличен, и то, что вчера считалось устаревшим, завтра вполне может вернуться в новом прочтении.…

Один макет - 2 настроения Кто бы мог подумать, что одно небольшое изменение может так сильно изменить восприятие картинки. Лично меня поразило как по разному воспринимается белый и медный оттенок. Если первый вариант кажется боле спокойным, технологичным, то второй скорее вызывает чувство тревоги и опасности. А у вас какие ассоциации с этими картинками?