Тёмный

Дизайн сайта в figma. Как это сделано 

PRO веб-дизайн - Блог Амира Исламова. Figma
Просмотров 97 тыс.
50% 1

Шрифты на кириллице t.me/+Mb8U1wSifhY0NmU6 Активная ссылка в описании канала

Опубликовано:

 

27 май 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 105   
@islamovdesign
@islamovdesign 5 лет назад
В этом уроке я буду создавать дизайн первого экрана в программе figma. Рубрика «Как это сделано» ★ Мой блог vk vk.com/freelanceblog ★ Канал телеграмм t-do.ru/Freelancee
@salamatgusmanov6886
@salamatgusmanov6886 5 лет назад
Доп туторилы будут?
@Gidowan
@Gidowan 4 года назад
Спасибо за видео. На будущее - просьба поставить аддон который показывает нажатые клавиши, любые нажатые клавиши. Для вас многие вещи очевидны, а для начинающего нет. Если бы можно было бы на замедленном режиме просмотреть полную последовательность нажатых клавиш, это в разы бы подняло информативность ваших видео. Спасибо.
@islamovdesign
@islamovdesign 4 года назад
Спасибо, учту)
@leoverum
@leoverum 2 года назад
Поддерживаю. Очень этого не хватает.
@PelmenBorsh_1995
@PelmenBorsh_1995 3 года назад
Супер. Побольше бы таких видео. Чтобы была возможность повторить процесс и тем самым быстрее научиться делать такие шедевры.
@Twinky618
@Twinky618 4 года назад
Великолепная подача материала. Все получилось. Спасибо огромное!
@imnotsuperman.-.
@imnotsuperman.-. 5 лет назад
Очень классный урок! Не знала про возможность редактирования объекта в фигме, спасибо!))
@tanyalohinova3219
@tanyalohinova3219 4 года назад
Для удаления фона есть плагин в Фигме Remove BG
@ice5660
@ice5660 5 лет назад
Привет! Узнал из твоих роликов много полезных вещей. И ещё банально нравится тебя слушать, приятный голос. Спасибо за работу.
@islamovdesign
@islamovdesign 5 лет назад
Xelo привет, спасибо!)
@user-lj1fs2vt4b
@user-lj1fs2vt4b 4 года назад
спасибо огромное! Люблю ваши уроки
@latofat1
@latofat1 5 лет назад
Спасибо, за урок! Хотелось бы....побольше, такой, информации
@olgapopova3345
@olgapopova3345 5 лет назад
Спасибо большое! Очень полезный урок.
@user-fr5hk7lv6c
@user-fr5hk7lv6c 5 лет назад
По-больше таких уроков бы, именно по фигме,по фотошопу и так много инфы
@rostamuraloff3084
@rostamuraloff3084 3 года назад
Спасибо за видео. От души))). Для многих это открытие.
@ALISHMANALI
@ALISHMANALI 4 года назад
спасибо за урок! очень полезно 👍🏻
@user-tf1ne4vp9y
@user-tf1ne4vp9y 3 года назад
Спасибо, очень интересно и познавательно.
@anastasiaulamasova7338
@anastasiaulamasova7338 4 года назад
интересно, все получилось, Спасибо большое!
@user-dg7ng9qw7i
@user-dg7ng9qw7i 4 года назад
Полезный урок, спасибо
@transformerfor2139
@transformerfor2139 4 года назад
бро.спасибо.подробно объяснил все.повторял и получилось.
@lelemal3754
@lelemal3754 2 года назад
Супер!
@margaritawise
@margaritawise 5 лет назад
По фигме очень полезный урок. Продолжайте, пожалуйста. Спасибо :)
@igorn7584
@igorn7584 4 года назад
совершенно бесполезный
@kotyasota
@kotyasota 5 лет назад
Очень хочется по больше про анимацию. И не только принципл для мака))
@ekaterinasuzdaleva6713
@ekaterinasuzdaleva6713 4 года назад
Хочется больше подобных видео
@Mari-kp5jj
@Mari-kp5jj 4 года назад
Спасибо очень полезно, но можете в следующий раз оставлять доп материалы кто хочет повторить за вами)
@sainco3036
@sainco3036 5 лет назад
Спасибо.
@user-wj4fm9cw9w
@user-wj4fm9cw9w 5 лет назад
Кайф! Ещё!)
@randyfol5488
@randyfol5488 5 лет назад
Хорошая рубрика, было интересно. Подобные туторилы будут часто?
@sainco3036
@sainco3036 5 лет назад
Да, по фигме я бы тоже посмотрел.
@user-ex1ig1rv2q
@user-ex1ig1rv2q 4 года назад
Спасибо
@user-qr5un9hk4f
@user-qr5un9hk4f 5 лет назад
Спасибо, подскажите, а где можно сам исходник глянуть? В видео он немного размытый, хотелось бы его подробнее посмотреть...
@akkemembrace
@akkemembrace 5 лет назад
Красава спасибо
@alextripchik6860
@alextripchik6860 4 года назад
04:54 подскажи пожалуйста как ты поменял раскладку с английской на русскую тут ?
@user-mh7ho7tb9x
@user-mh7ho7tb9x 4 года назад
скажи почем у меня после обтравки часов, я выделяю часы, копирую их и вставляю в фигму, но у меня вставляется в фигму на белом фоне? Делаю вроде все как ты показываешь.
@yuliabalakina5954
@yuliabalakina5954 4 года назад
А как вы ищите заказчиков? Как их искать в самом начале, когда лишь пару работ в портфолио?
@Igorek055
@Igorek055 4 года назад
Подскажите как вы перемещали элипс на 15:21 Какие сочетания клавиш нажимали? Когда я уменьшаю, он не выравнивается, приходится ручками подравнивать ;-;
@alanmtsbek6438
@alanmtsbek6438 3 года назад
Получили ответ?
@Parseee
@Parseee 5 лет назад
Ммм, музыка из видосов Вали. И Apple Watch.... Символично
@olegrzhdstvnsk7419
@olegrzhdstvnsk7419 5 лет назад
Хай, запили обзор на плагины в фигме, думаю будет полезно ! Спасибо.
@islamovdesign
@islamovdesign 5 лет назад
Привет) скоро будет
@user-bs2ep5lj8s
@user-bs2ep5lj8s 3 года назад
никак не могу удалить фон часов, может кто нибудь знает отдельный урок, или может это отверсии софта тоже зависит
@germid5227
@germid5227 3 года назад
самое основное сделать градиент "чуть-чуть отрегулировать цвета" автор красавчик ахахах
@user-mh7ho7tb9x
@user-mh7ho7tb9x 4 года назад
Почему у меня из фотошопа часы в фигму вставляются на белом фоне? Вроде сделал все так же.
@maxim.p1
@maxim.p1 5 лет назад
Привет. Спросить больше не у кого, по этому спрошу тут. Последнюю неделю очень сильно начала тормозить фигма (веб версия) работа встала, что делать не знаю. Подскажите, за ранее спасибо)
@user-gs9ux6hq2n
@user-gs9ux6hq2n 4 года назад
Решили проблему?
@user-uz8es3nm2w
@user-uz8es3nm2w 5 лет назад
Здравствуйте, простите меня, возможно за глупый вопрос, в фигме создается только страничка сайта, которую потом нужно куда-то вставлять?
@stiftdesigner
@stiftdesigner 5 лет назад
В Фигме проектируется дизайн интерфейса (сайта, мобильного приложения и т.п.). Страниц и экранов можно отрисовать столько, сколько нужно для дальнейшей работы. Из таких макетов верстальщикам и веб-разработчикам очень удобно превратить все в работающий сайт, либо приложение. Это если кратко. ;)
@igorn7584
@igorn7584 4 года назад
там есть еще интерактивное взаимодействие с заказчиком / другими дизайнерами, программером и верстальщиком. Но есть еще одна важная вещь - прототипирование - КАК ИМЕННО будут работать переходы. Автор просто тупо скопировал чужую картинку и всё.
@semenzalupa14
@semenzalupa14 4 года назад
@@igorn7584 А что для лендинга нужен прототип, да?
@nastyaeglevskaya6728
@nastyaeglevskaya6728 4 года назад
А как кнопку объединить?
@Mrnsky
@Mrnsky 3 года назад
Сетка вышла из чата
@helgaod27
@helgaod27 4 года назад
Кто автор музыки, сопровождающей видео?
@damirsagantaev1255
@damirsagantaev1255 5 лет назад
А что с адаптивностью? И как будет отображаться на других платформах? Телефоны планшеты и тд
@user-cy9yd7gi2k
@user-cy9yd7gi2k 4 года назад
Damir Sagantaev резина будет! Тут адаптива нету! Интересно сколько по бюджету! Отверстать и воплотить в жизнь адаптив)
@SummerRina
@SummerRina 4 года назад
Настраивается почти полностью, дальше немного ручками поработать и все.
@user-rt4hc4kk3z
@user-rt4hc4kk3z 4 года назад
я так дз делаю))
@Agareev
@Agareev 4 года назад
Кто подскажет как стерлись круги вне черного прямоугольника?
@SummerRina
@SummerRina 4 года назад
Просто frame имеет свойство такое, если его включить справа в панели - clip content.
@aliyam7787
@aliyam7787 4 года назад
это что за сайт, чтоб полностью посмотреть?
@businessman386
@businessman386 3 года назад
Apple.com
@A.l.e.x_Z
@A.l.e.x_Z 5 лет назад
Круги непросто чуть-чуть справа, а именно часы в центре...
@oleg25108
@oleg25108 5 лет назад
Тиди ап
@montazh2128
@montazh2128 3 года назад
Круги лучше не мувом уменьшать а скейлом чтобы сохранялось расстояние между ними.
@nikolaykim1930
@nikolaykim1930 3 года назад
А как это скейлом ?
@islamovdesign
@islamovdesign 3 года назад
горячая клавиша K )
@akru4inin
@akru4inin 5 лет назад
Для чего нужен верстальщик, если есть Мьюс и Тильда?
@user-qh9yz2ro7r
@user-qh9yz2ro7r 4 года назад
Для того чтоб потом, когда эти сайты сделанные на них скачают и выложат на хостинг, так как они платные, если вы не знали, то для дальнейшего редактирования и нужен верстальщик... а вот за ремонт этого дикого кода, который выдается этими конструкторами, верстальщик будет брать такие деньги, что заказчик сильно удивится)
@user-ey1eq4ch4j
@user-ey1eq4ch4j 4 года назад
@@user-qh9yz2ro7r Да, адоб мьюз такую дичь-код пишет, что в нем черт ногу сломит. И, кстати, недавно один чел написал: зачем все эти программы, если сайт можно в ворде делать(!!!!) Сколько же чудиков встречается в мире сайтостроения :)
@mirasamaddedamianzarpum6176
@mirasamaddedamianzarpum6176 4 года назад
Ответ - Обафеми Мартинс
@olesjaprokofjeva5386
@olesjaprokofjeva5386 3 года назад
а нельзя все эти круги на фоне сделать в иллюстраторе, там гораздо удобнее?
@islamovdesign
@islamovdesign 3 года назад
можно) но зачем
@YAVIJU
@YAVIJU 4 года назад
так круги другие получились
@igorn7584
@igorn7584 4 года назад
ага, даже повторить не смог ))))))))
@berk5838
@berk5838 3 года назад
Ребята кто в курсе, есть такой софт EnotGlobal им кто-нибудь работал ?
@nayvok
@nayvok 4 года назад
И как такие круги верстальщику делать?
@TIMetal
@TIMetal 4 года назад
В фигме можно посмотреть CSS код объекта
@SummerRina
@SummerRina 4 года назад
Брать ручками и делать - можно смотреть css, можно экспорт делать в svg, png, да полно вариантов
@semenzalupa14
@semenzalupa14 4 года назад
бэкграунд экспортировал и все...
@fishframe
@fishframe 3 года назад
Все классно! единственное с кругами получилась жесть какая то)) где что куда куча копий не понятно!
@kopyl0v
@kopyl0v 5 лет назад
Чавкай поменьше, пожалуйста, ибо у тебя очень резкий микрофон
@alexandrgart7215
@alexandrgart7215 4 года назад
Чуваки, никак не могу вырезать картинку! Вставляет тупо с фоном! Помогите, я только начинаю осваивать профессию
@user-xv8oz8vq2x
@user-xv8oz8vq2x 4 года назад
попробуй скачивать картинку сразу в формате png, для этого есть фильтр в яндекс картинках, указать размер, формат, и там смотришь когда картинку открываешь на квадратики, значит картинка с прозрачным фоном)
@user-ib4wm6zb3x
@user-ib4wm6zb3x 4 года назад
@@user-xv8oz8vq2x скажи пожалуйста как вставить картинку на этот фотошоп когда копировал
@user-ib4wm6zb3x
@user-ib4wm6zb3x 4 года назад
У мен тоже самок
@user-ib4wm6zb3x
@user-ib4wm6zb3x 4 года назад
у меня тоже помогите
@ba11istique40
@ba11istique40 4 года назад
ПОЧЕМУ ЯНДЕКС КАРТИНКИ А НЕГУГЛ КАРТИНКИ?:?:????
@semenzalupa14
@semenzalupa14 4 года назад
том что яндекс браузер
@ba11istique40
@ba11istique40 4 года назад
@@semenzalupa14 зачем???это же г
@quietcold4480
@quietcold4480 3 года назад
чел, ты хоть бы выучил комбинацию клавиш что-ли...
@gubatenkov
@gubatenkov 3 года назад
пожалуйста. не пытайся читать текст на английском. заметно, в школе у тебя были не самые высокие оценки по предмету
@gubatenkov
@gubatenkov 3 года назад
ТИДИ АП. КАК ЗАБЫТЬ И РАЗВИДЕТЬ ЭТОТ КРИНЖ??
@islamovdesign
@islamovdesign 3 года назад
В школе был на выбор только немецкий. = D
@gubatenkov
@gubatenkov 3 года назад
@@islamovdesign дядя. контент у тебя топовый. но произношение отпугивает, особенно тех кто знает правильное произношение произносимых в видео слов. ничего личного, просто хочу помочь, т.к. канал имеет благие намерения. попробуй может просто описывать или переводить на русский слова. желаю успехов и развития каналу!
@igorn7584
@igorn7584 4 года назад
Шлак, ни полслова про прототипирование, просто тупое натягивание совы на глобус
@user-my9zs6xl5z
@user-my9zs6xl5z 5 лет назад
фигма не очень приятная прога, я не понимаю за что её хвалят.
@ukrainian333
@ukrainian333 5 лет назад
за удобство командной работы - верстальщик, дизайнер и заказчик работают в одной программе. По функционалу он конечно же не идеал.. но она значительно моложе Ps и Sketch, да и со своими задачами справляется. =)
@alexanders.1966
@alexanders.1966 5 лет назад
Я не понимаю зачем люди пишут такие комментарии, не зная вообще ничего, видимо, про программу..... Фейспалм просто
@igorn7584
@igorn7584 4 года назад
@@alexanders.1966 еще интереснее - автор ролика, похоже тоже не догадывался об этом ))))))))))))
Далее
Site design in figma How it's done
17:40
Просмотров 4,6 тыс.
Телеграмм-Колян Карелия
00:14
Просмотров 233 тыс.
How Many Balloons Does It Take To Fly?
00:18
Просмотров 25 млн
Would you help?!😳
00:32
Просмотров 6 млн
Неоморфизм 2021 | Figma
30:41
Просмотров 113 тыс.
Быстрый дизайн Landing Page в Figma
1:02:51
Телеграмм-Колян Карелия
00:14
Просмотров 233 тыс.