Basics of web design. How to become a web designer without Skillbox and Netology (from scratch)?

In 13 minutes I will tell you about design programs, how to work in them and how to find your first job!
🔥 Compare courses from different schools here - a.vadily.in/BEk
🔥 More courses here - a.vadily.in/rVE
L I N K S
👉 Google Material Design - material.io
Material Design is a detailed style / block / color / font guide.
There you can also download the sources for your favorite program.
👉 Human Interface Guidelines - developer.apple.com/design/hu... - these are guides from Apple
👉 Free:
◦ fonts fonts.google.com
◦ icons www.flaticon.com
◦ color palettes www.colourlovers.com
◦ photo in large size unsplash.com
P L A Y L I S T S
🥑 Online training, web design and freelancing • Skillbox - честный обз...
🎈 KZread promotion, tips for bloggers • Камера начинающего вид...
W H A T ’ S I M M Y C A M E R A B A G
◦ Sony X3000: go.vadily.in/dGMYo
◦ DJI Pocket: go.vadily.in/wQv4K
◦ Panasonic G80: go.vadily.in/kTpkw
◦ Rode External Microphone: go.vadily.in/kJN8n
◦ Rode SmartLav Buttonhole: go.vadily.in/pKzA8
◦ DJI Air Copter: go.vadily.in/w5fZN
◦ Manfrotto Tripod: go.vadily.in/jhzBH
◦ Mounts / accessories: go.vadily.in/KzoOQ
____________________
All equipment: vadily.in/kit
My source M U S I C and S F X (30 days free): go.vadily.in/X0k8k
Keyword search and SEO video optimization: go.vadily.in/cESnU
I recorded my first web design tutorial! In it we will break down the very basics. Why not learn Photoshop first? What programs have replaced him? What are the key features of these programs, and how did the new concept of "Atomic Design" come about?
How to find your first job?
00:00 Web design from scratch
00:42 Web design software
2:33 What is a Smart Object?
4:18 Sketch
5:06 Figma
6:09 Symbol (component)
7:17 Atomic design
9:31 Typography
11:38 How do I find my first job?
12:29 How does a design studio work?
#VadimAboutDesign #VadimIlyin

Пікірлер: 108

  • @katherinaer8976
    @katherinaer89762 жыл бұрын

    Прекрасно структурированное видео. Чёткое, ясное, никакой воды. Спасибо.

  • @user-yt8dl6fn5m
    @user-yt8dl6fn5m Жыл бұрын

    Спасибо вам Вадим за это видео. Вы ответили на вопросы которые меня месяцами мучали)

  • @natanata2516
    @natanata25163 жыл бұрын

    Просто супер, интересный подход! Понравилось, хочется смотреть ещё больше роликов!

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    🤗

  • @Krosteria
    @Krosteria3 жыл бұрын

    Спасибо большое! Очень важные темы затронул, о которых мало кто говорит. Случайно в рекомендациях попалось видео. :) Теперь за темой дизайна буду следить и у вас.

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Спасибо! )

  • @user-xr9jj7wc6x
    @user-xr9jj7wc6x3 жыл бұрын

    Спасибо за ролик, давай большее пожалуйста, все кратко без воды и понятно

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    что еще вам интересно?)

  • @lobessler790
    @lobessler790 Жыл бұрын

    Круто, информативно, интересно. Спасибо большое за контент 😊

  • @user-hx5fj5ke6e
    @user-hx5fj5ke6e3 жыл бұрын

    Душевные у вас ролики. Смотреть приятно, слушать тоже. Спасибо! Интересна тема дизайна. Делаю портфолио очень медленно. Натыкаюсь на что то новое и пытаюсь изучить досканально. Кажется, что все нужно и важно, чтобы устроиться на работу. На деле, как понимаю, это не совсем так. Буду ускоряться. Спасибо!

  • @rozi847

    @rozi847

    Жыл бұрын

    Душевные типа душат?

  • @helga534
    @helga5343 жыл бұрын

    Очень интересно, ждем продолжение)))

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    что еще вам интересно?)

  • @antonstadnik5912
    @antonstadnik59122 жыл бұрын

    Очень крутой видос! Вдохновляет! Очень интересно рассказано!

  • @vadilyin
    @vadilyin2 жыл бұрын

    🔥 Сравни курсы от разных школ тут a.vadily.in/1wrC 💙 Переходи в мой Telegram, там полезные ссылки, мысли и анонсы видео t.me/vaddilyin

  • @user-cy3iv6zd2q
    @user-cy3iv6zd2q3 жыл бұрын

    Урааа! Спасибо. Молитвы услышаны ))

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Ура! Какую тему, на ваш взгляд, стоит раскрыть полнее?

  • @user-eq2kq1qq5t
    @user-eq2kq1qq5t3 жыл бұрын

    Спасибо, интересно больше про атомарный дизайн

  • @user-xt8bi9wz3w
    @user-xt8bi9wz3w3 жыл бұрын

    Очень крутое видео! Заряжает энергией!

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Начали уже рисовать сайт?)

  • @alina_gnedko8028
    @alina_gnedko80283 жыл бұрын

    А можно к Вам на обучение? Может в группу или как-то еще? Это самое информативное, что я видела! Не хочется впустую вложить деньги в тот же скиллбокс.

  • @olgapuzrin2524

    @olgapuzrin2524

    2 жыл бұрын

    Я присоединяюсь к запросу!😉

  • @Nastez_go

    @Nastez_go

    Жыл бұрын

    Я тоже!

  • @Nevada_Russia
    @Nevada_Russia2 жыл бұрын

    Тема интересная! Сними пожалуйста! И снова спасибо)

  • @vadilyin

    @vadilyin

    2 жыл бұрын

    Велкам )

  • @linven7154
    @linven71543 жыл бұрын

    9:00 тема интересна :) жду видео :)))

  • @user-ew5ew2pi9d
    @user-ew5ew2pi9d3 жыл бұрын

    Спасибо за очередное полезное видео, Вадик! =)

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    🤗😊😊

  • @roxolanareikitarot
    @roxolanareikitarot3 жыл бұрын

    Вы хороший преподаватель. Спасибо!

  • @kirillkononov5094
    @kirillkononov50942 жыл бұрын

    Круто, молодец!! 👍

  • @MiP0M
    @MiP0M2 жыл бұрын

    БлагоДАРю за совет книги *"Пиши, сокращай" Максима Ильяхова и Людмилы Сарычевой🙏* Нужная вещь!!!👍

  • @GameplayAway
    @GameplayAway3 жыл бұрын

    Сам работаю в ФШ и АИ, до индесигн никак не могу добраться, т.к. под верстку не беру заказы особо. но смотрел про индесигн, топовое удобство!

  • @user-zn6ns9xt8m
    @user-zn6ns9xt8m3 жыл бұрын

    Спасибо! У меня недавно появилась идея стать веб дизайнером и я только начинаю вникать в эту сферу. Пока на стадии рассмотрения разных работ на Behance и пытаюсь их копировать в фигме, но все еще не до конца понимаю как все устроено и думаю насчет платных курсов(но не от скиллбокс и нетологии, я из Беларуси и нашел пару школ тут). Интересно будет смотреть Ваши новые ролики для начинающих!

  • @maryia4311

    @maryia4311

    2 жыл бұрын

    Здравствуйте, я тоже из Беларуси. Подскажите, вы отучились где-то?

  • @linven7154
    @linven71543 жыл бұрын

    Спасибо большое!

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    🤗

  • @ruslanvybornov1237
    @ruslanvybornov12373 жыл бұрын

    Спасибо, очень полезно

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    👍

  • @user-ie2ee8tl9s
    @user-ie2ee8tl9s2 жыл бұрын

    Да интересно, спасибо

  • @Pr0v0kat0r777
    @Pr0v0kat0r7773 жыл бұрын

    Вадим, спасибо что решил запилить канал и делиться опытом. Очень доходчиво и интересно рассказываешь, для нуба вроде меня очень ценно услышать мнение опытного человека изнутри сферы без воды, свистелок-перделок. Расскажи про планшеты, как они облегчают работу, пользуешься ли сам, стоит ли брать? Буду дальше курить твои видосы

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Планшет нужен когда рисуешь или удаляешь фон, в остальных случаях удобней мышкой. Лучше всего брать Wacom Intuos Pro M, он на порядок удобней более дешевых моделей. А что ещё интересно? )

  • @Pr0v0kat0r777

    @Pr0v0kat0r777

    3 жыл бұрын

    @@vadilyin Я уволился со старой работы, набрал курсов у Андрея Лова и сейчас пыжусь в дизайн.Вопросы: 1)Андрей почти все делает в фш и говорит что это универсальный инструмент, в твоем же видео ты говоришь, что это по сути моветон и есть проги более адаптированные под решение задач веб дизайна - поэтому я в небольшом смятении не потрачу ли я время зря сейчас? Начинаю с нуля отсюда и тревоги. 2)Можешь ли порекомендовать книги/источники, которые тебе помогли/эффективны, и помогут выставить правильную картину при обучении? 3)Должен ли дизайнер уметь верстать(или правильней - какие смежные сферы построения сайтов стоит учитывать, чтобы мой продукт не вызывал бурления говн у людей, которым придется иметь дело с моим продуктом?) 4)В перспективе возможно ли будет отправить тебе свои каракули на обзор/рецензию(не бесплатно разумеется)? 5)Как понять, где хороший дизайн, а где плохой? Иногда смотришь - для тебя все круто, но есть люди которые совсем другого мнения(конкретно такое можно увидеть в дизайнерских пабликах в вк, где активно обсуждают посты) Вопросов конечно много и в основном глупые. Глаза разбегаются от информации на ютубе и разных источников. У каждого дизайнера свое мнение и перспектива на вещи - отсюда сложно понять что хорошо, а что плохо. От тебя понял, что необходимо брать и перерисовывать все на что глаз лежит на дрибле/бихансе.

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Фотошоп - универсальный. Возможно сайт для портфолио лучше рисовать в нем. Но если делается реальный проект - десятки страниц - по три адаптива, с правками... ну так себе. Фотошоп для фотографов (отчасти), для иллюстраторов. medium.com Лучше знать основы верстки, но не обязательно. Очень просто - хороший дизайн лучше продаёт. Я вообще не вижу смысла обсуждать дизайн, у каждого свое мнение. Попкова обязательно везде покритикуют, но очень многие банки дизайнились под его руководством.

  • @user-el6uq5yj5u

    @user-el6uq5yj5u

    2 жыл бұрын

    @@vadilyin Здравствуйте. Может для лучшей сцепки , если у меня мак, брать айпад ?

  • @vadilyin

    @vadilyin

    2 жыл бұрын

    @@user-el6uq5yj5u всё сложно, попробую объяснить. Традиционно планшеты для художников были БЕЗ экрана, они просто заменяли мышку. Рисуешь на планшете - смотришь на экран. Планшеты с экраном стоили дороже макбука. Правда теперь появились более дешевые китайские аналоги. Отличие таких планшетов от айпада - учитывается сила нажатия (несколько тысяч градаций) и наклон пера, а также они работают без тормозов. Айпад тоже к этому стремится, но пока он больше подходит как второй «монитор».

  • @zlatam2940
    @zlatam29402 жыл бұрын

    Странно, что просмотров так мало, видео очень качественное. Лайк.

  • @vadilyin

    @vadilyin

    2 жыл бұрын

    Это даже много! ))

  • @zlatam2940

    @zlatam2940

    2 жыл бұрын

    Первое, которое пока посмотрела у вас. А что так?))

  • @user-wx9dg7im3u
    @user-wx9dg7im3u3 жыл бұрын

    Еще хотел добавить, что многие студии сейчас работают удаленно, поэтому нет проблемы устроится в Московскую студию, работая в своем городе

  • @user-kt3xo5vb7l

    @user-kt3xo5vb7l

    3 жыл бұрын

    Спасибо крутой видос!

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    все возможно)

  • @designnotes90
    @designnotes903 жыл бұрын

    Так figma же под десктоп тоже идет. Или речь шла именно про 2013? Видео супер, интересно послушать про типографику:)

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Фигма это сервис в браузере, их приложение - это тоже браузер

  • @45kg35
    @45kg352 жыл бұрын

    Ахуэнное видео. Спасибо большое

  • @alexanderpitertcev687
    @alexanderpitertcev6873 жыл бұрын

    Спасибо!

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    велкам)

  • @madmermaid237
    @madmermaid237 Жыл бұрын

    Хочу свичнуться в дизайнеры из фотографа-ретушера, в последние года 3 у меня рисование как серьезное хобби, учусь самостоятельно, не перенебрегаю академическими занятиями по рисунку, композиции, колористике и т.п. Работа фотографа-ретушера показалась мне весьма скучной, и не хочется так много общаться с людьми ирл. И мало вакансий работодателей, на одном фрилансе мне тяжело протянуть (нет предрасположенности к коммерции, просто не интересно возиться с соцсетями и биржами, продавать себя и т.п.). Работала в студии на галере, еще радовалась, когда взяли (т.к. вакансий очень мало, а конкуренция бешеная). Короче, хочу в студию дизайнером, может быть, там полегче будет. Вопрос в том ,сколько еще времени я убью на обучение дизайну, если не с самого нуля, а с неплохой художественной базой. Есть варик уйти в веб разработчики (т.к. я не чистый гуманитарий, иногда пописываю код на JS прикола ради или решаю задачки на Codewars, есть опыт создания сайтов на фуллстеке, начиная с отрисовки макета и заканчивая бекендом), но там настолько тяжело пробиться, первого оффера можно ждать годами. С дизайнерами так же или есть хоть какая-то востребованность?

  • @annadonskaya1640
    @annadonskaya16403 жыл бұрын

    материал хорош респект

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    👍

  • @garnum
    @garnum3 жыл бұрын

    00:42​ ты пояснил за фотошоп и indesign, то есть мне использовать вторую?

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Лучше использовать Скетч или Фигму, они больше заточены под дизайн сайтов.

  • @Midi25
    @Midi252 жыл бұрын

    Ещё фш нужен 2D художникам в геймдев, они там отрисовывают персонажей и всякие локации для игр типа match3

  • @mishkafilm2397
    @mishkafilm23973 жыл бұрын

    тема интересна

  • @user-hj3yx4qe1e
    @user-hj3yx4qe1e3 жыл бұрын

    Здравствуйте, можно узнать Ваши соц.сети, пожалуйста? Очень хочется задать пару вопросов

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    vadilyin - в телеграмме

  • @annadonskaya1640
    @annadonskaya16403 жыл бұрын

    тема интересная. раскрывай

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    💪

  • @user-tx6tn3zi2h
    @user-tx6tn3zi2h2 жыл бұрын

    👍

  • @olgavorontsova559
    @olgavorontsova5593 жыл бұрын

    А где же обещанные ссылки?)

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    В описании! (добавил)

  • @olgavorontsova559

    @olgavorontsova559

    3 жыл бұрын

    Вадик Ильин 🔥🔥🔥

  • @milannomorgant3465
    @milannomorgant34652 жыл бұрын

    Агентство в Киргизии есть?

  • @vadilyin

    @vadilyin

    2 жыл бұрын

    А есть крупные сетевые магазины, рестораны. Макдоналдс тот же? Продукты питания Нестле, Марс, Кола? Они везде есть, а значит должны быть и агентства.

  • @user-mi1rs9oc1z
    @user-mi1rs9oc1z2 жыл бұрын

    блин, круто! Вообще мой мир перевернул

  • @user-ks2rw5iz4c
    @user-ks2rw5iz4c2 жыл бұрын

    на бихансе копировать... в смысле перерисовать заново?

  • @vadilyin

    @vadilyin

    2 жыл бұрын

    Ну да, показать что владеешь инструментами, и аккуратен. Так же можно и от себя что-то добавить. Аккуратно

  • @user-ks2rw5iz4c

    @user-ks2rw5iz4c

    2 жыл бұрын

    @@vadilyin спасибо! вот сижу пыхчу.... Так фото совсем не бесплатны unsplash. и тд. подскажи как с этим боротся. или видео сними пожалуйста!

  • @katya_mironenko
    @katya_mironenko3 жыл бұрын

    Тоесть, если работать в Скетче, то с него будут работать сайты и на винде и на телефонах, а если работать в Фигме, то только на винде, а на IOS они работать не будут???? А как же in Vision Studio? Я думала в ней надо работать, слышала она самая крутая . Тажело это всё для новичков😂

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    В этих программах сайты проектируют и передают разработчикам, которые уже верстают и программируют, т.е. пишут код. Писать код можно в любом текстовом редакторе, но конечно есть более удобные для программистов, с подсветкой синтаксиса т.п.

  • @lvan116
    @lvan1163 жыл бұрын

    Как русифицировать Фигму?

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Например встроенным переводчиком в Хроме. Но на самом деле, там нет никаких сложных функций, самые простые английские слова. Хорошо бы их запомнить

  • @KirillSpatti
    @KirillSpatti2 жыл бұрын

    Пишу комментарий, раскрой поподробнее про атомарный дизайн, йоу

  • @olegpirogov6108
    @olegpirogov61083 жыл бұрын

    Портфолио в pdf? в 2020?)))

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Да, конечно. Представьте арт директора, которому три часа давали комменты на встрече, вот он вернулся и увидел ваше письмо со ссылкой. Портфолио в PDF и две картинки-тизера в теле письма!

  • @renatkobelev2769
    @renatkobelev27693 жыл бұрын

    Как 2 лайка поставить?

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    можно посмотреть другие видео)

  • @zeisra
    @zeisra2 жыл бұрын

    Figma the best

  • @zixxx5189
    @zixxx51893 жыл бұрын

    Складывается такое ощущение , что сдать дизайнером сайтов - легче чем кстроиться в пятерочку. Конечно утрирую, но как то это подозрительно.

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    На самом деле есть проблема. Вот ученику прямо говорят - не надо придумывать возьми в библиотеках / у конкурентов. Возьми лучшее. А он берет и придумывает с нуля своё - и это провал. И я не понимаю как так получается.

  • @IshayahuLastov

    @IshayahuLastov

    2 жыл бұрын

    @@vadilyin отвечу как программист. Я часто так делать сам и считаю это полезным. Пытаясь придумать велосипед ты лучше понимаешь почему придумали то, что есть сейчас и как это изнутри работает

  • @vadilyin

    @vadilyin

    2 жыл бұрын

    @@IshayahuLastov у дизайнером немного по-другому. Они просто под черным текстом пишут черное слово и думают, что придумали новый вид стильной кнопки - кнопка без рамки / фона / подчеркивания / цвета. И такое сплошь и рядом

  • @user-tt9yo1vc7i
    @user-tt9yo1vc7i3 жыл бұрын

    Незаслужено мало просмотров и лайков

  • @zgyn596
    @zgyn5963 жыл бұрын

    Да про типографику совсем кратко.... хотя кривые шрифты видно асегда😁

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    Гугл материал! )

  • @akhmatt
    @akhmatt3 жыл бұрын

    первый!

  • @vadilyin

    @vadilyin

    3 жыл бұрын

    👍

Келесі