Ты еще junior UI/UX дизайнер

Какие ошибки в твоих макетах говорят, что ты junior ui ux дизайнер? И что с этим делать.

Где бесплатно учиться веб-дизайну:

Учись дизайну на чужих работах:

[DoFurther]

Моя программа обучения веб-дизайну:

Телеграм-чат с обсуждением по новому контенту, анонсами и результатами студентов:

[slavazaitcev]

По своему опыту могу сказать, что Джуниоры наоборот гонятся за чем-то «необычным» и трендовым, забывая про базовые вещи. Сам этим страдаю и сейчас приходится возвращаться к основам :(
Основные проблемы: типографика, отступы, сетки и невнимательность! Думают, что если сделать что-то нестандартное, то сразу все скажут «вау!» и предложат работу. Но как правило опытные дизы смотрят, как умеешь с базовыми вещами работать. Какой логики придерживаешься и можешь ли аргументировать своё решение.
Мне кажется, лучше больше времени уделить основным принципам и проработать их хорошенько, а уже потом с этой базой делать новенькое. Иначе все равно возвращаться и переделывать.

[undefleurflerasion]

не перестану повторять, но твой канал просто находка среди всего контента на ютубе!🥰 спасибо за проделанную работу! поняла над чем еще стоит поработать

[lerapolienko]

Всё это верно. Но никак не связано junior позицией UI/UX дизайнера. Все эти проблемы, которые автор перечислил, касаются обычного веб-дизайна или «правил хорошего тона». Даже если ты аккуратен и следуешь этим правила, тебе это никак не поможет с поиском работы на middle UI/UX позицию, ибо требования в вакансиях направлены на аналитическое мышление и умения решать задачу по улучшению пользовательского опыта.

Например, шрифт должен выражать эмоцию и быть в контексте, но UI/UX дизайнер не лендини пилит каждый день, а создаёт интерфейсы, поэтому шрифт должен быть в первую очередь рабочим (содержать в себе латиницу, кириллицу, все необходимые символы и т.п.).

[antiswag]

Не знаю почему этот канал не так активно форсит ютуб. Сейчас без преувеличения и подхалимства, но твои ролики действительно интересно и полезно смотреть. Все проделано качественно — от превьюшки, до смыслового составляющего. Иными словами — красивая картинка и заголовок, что заманили на видео подкрепляется при просмотре самим видео.

На просторах ютуба можно найти очень много пустышек, показывающие как двигать квадраты в фигме или в лучшем случае — пересказ информации с западного источника. Изучал истории некоторых каналов. Одни взлетали после того, как меняли подачу или сам контент. Но мне кажется это вовсе не про тебя. Есть доля каналов, которые поднимались после 1-2х лет деятельности, а то и раньше

Игорь, если ты читаешь этот комментарий — продолжай делать то, что делаешь!) Огромная благодарность за твою деятельность. Я сам верю в то, что тебе осталось лишь подождать немного времени и алгоритмы заработают как надо. Все у тебя будет как надо)

[squeezerua]

По шрифтам, в зависимости от макета, если мы говорим про лендинг.. то да, можно вечность потратить на выбор шрифтовой пары и потом ее еще поменять пару раз)
Но если мы говорим про проектирование удобного интерфейса например дашборда с кучей информации, считаю лучше использовать что то стандартное Helvetica, Roboto, Open Sans, San Francisco.

[azailab]

4:15 Главное знать что верстальщики используют rem и em, 1rem/em ровны базовому размеру шрифта, по умолчанию 1 rem - 16px. Короче: сделаешь отступ или размер 21px то мы разделим его на 16 и получиться 1, 3125rem. Поэтому используй 20px чтобы мы написали 1.25rem. Поняли ? Если не поняли и будете дальше заставлять нас использовать числа 1.4567890983071968 rem/em ты мы проклюнем вас.

[Анна-хцч]

Спасибо за видео!
Интересные темы: Как правильно называть слои и блоки, как прокачать типографику, как презентовать работу команде.

[vadimosovsky]

Я как разработчик случайно попал на это видео. Слушайте этого челика. Он дело говорит. Особенно про отступы..

[comfortchaos]

Игорь, ты просто находка! Желаю огромной удачи тебе и каналу, спасибо за видео!)

[HeliodoroSampaio]

А какие методы вы используете для унификации компонентов? я сам недавно начал изучать веб-разработку и выбрал курсы Skypro, потому что у них были лучшие отзывы. Лично я искал курсы, которые помогут быстро освоить профессию и начать работать еще до окончания обучения. В итоге, благодаря структурированным и понятным материалам, я смог устроиться на работу с хорошей зарплатой уже за пару месяцев до конца курса))

[vegankotletka]

Решила вести список того, что делаю и что нет по ходу видео.
Считаю себя мидлом, который только вышел из джуна.
Пока не знаю, какие будут результаты😂
1. Делаю всё по папкам
2. Делаю круглые числа
3. Делаю сетки и использую ctrl+shift+4
4. Использую автолейаут
5. Использую стили, пока лениво, но пытаюсь
6. Создаю компоненты с буквально недавнего времени, теперь всё чаще(как я жила без них раньше?).
7. Делаю системно все элементы
8. Делаю также с отступами
9. Не знаю даже, у гугла бывают и очень хорошие шрифты. Иногда использую другие, но не могу сказать, что у гугла плохие шрифты.
10. Есть проблемы с лорем ипсум, да...))
11. Рисую пока простые иллюстрации, но да, 3д бы хотелось научиться
12. Где-то с декабря занимаюсь усиленно и типографикой

Результаты: вроде неплохо, но есть куда расти.

[shevchenko]

Хочу выпуск "ты ещё middle и вот почему" :)

[cucumber_marko]

я человеку простой, вижу новый видос от Игоря – ставлю лайк. Ну а если серьезно, то спасибо за твои ролики, от них пользы много и смотреть приятно)

[ЕвгенийБондарь-ьо]

Всё по факту сказал, но я бы с чем-то поспорил) Например, автолойаут — крутая штука, но не всегда подходящая, зачастую прям редкоиспользуемая на реальных кейсах. Кнопоки — ок. Потому что как правило приходит разработчик или арт.дир и говорит большое спасибо, что ты удалил все шейпы и поменял их на фреймы))

А ещё про модульную сетку: Можно наметить её через лойаут грид и выставить направляющие, после чего удалить) Думаю с shift+r легче работать, поскольку нет сплошной плашки перекрывающей контент :)

[vasya]

офигенно, случайно увидел видео про дизайн и посмотрел, автору спасибо огромное

[flashback]

По поводу бесплатных шрифтов с Google Fonts не согласен.

Какая разница откуда и платный/бесплатный?
Основная проблема в том, что новички выбирают Montserrat, roboto или rubik. Но ни как не в лицензии, будто такой же ситуации с платными шрифтами не будет? А заезженный intro, mont и Gilroy?

[anton]

Касательно размеров и отступов в круглых значениях: Я почти с самого начала использовал 8ми пиксельную сетку и все размеры кратные 8px. Програмисты с которыми я работал дали добро на это, и в целом, практика распространенная, так что есть еще такой вариант. Я бы сказал, главное, что бы в ваших отступах и размерах была какая то система, а не случайные цифры

[arslancollaboration]

А что за программа в 6:24 скажите пожалуйста 🙏

[Krasniysharigg]

4:43 Про шрифт, конечно, очень сомнителньое заявление (а точнее даже, вредный совет). Есть просто хорошие и удобные шрифты. Настолько хорошие и удобные, что они стали очень популярными. Попытка бегать от хорошего, но привычного шрифта пахнет нонконформизмом, а не хорошей практикой (я говорю именно о случае из видео: необоснованное стремление не использовать "бесплатные шрифты" и шрифты из google fonts лишь бы казаться оригинальней).

К слову, совет: не используйте платные шрифты, если вы не уверены на 100%, что клиент (или вы) хочет за них платить. Такое нужно обговаривать заранее. В случаях, когда можно обойтись бесплатным шрифтом, лучше не тратить деньги на платный, но чуть другой (благо бесплатных и хороших уже полно).

6:05 Тоже самое про стоковую графику. Кажется, автор тот ещё нонкомформист. С такой логикой можно докатиться и к тому, что не нужно использовать гайдлайны, киты и даже общепринятые паттерны и т.д.