Тёмный

Responsive vs. Adaptive vs. Fluid Design: What's the Difference? 

Kerev Design
Подписаться 14 тыс.
Просмотров 26 тыс.
50% 1

Believe me when I say that there was a time when we as designers only had to consider only the screen resolution of desktop computers when designing digital products.
Nowadays with all kinds of wearables, smartphones, laptops, tablets and other tech, our job has become much more complicated.
So, How can we ensure scalability and adaptability of our interfaces?
Get started with Figma for Free: psxid.figma.com/52h3iuj6s0bk
Watch more of my videos related to UX and UI Design:
• Figma Tutorials
• UX Design Tutorials
Disclamer:
Some of the above are affiliate links-I make a small commission when you purchase through my link, at no extra cost to you. Thank you for supporting an independent creator!
#uxdesign #userexperience #productdesign #ux #uxtutorial #ui #uidesign

Хобби

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

 

6 июл 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@KerevDesign
@KerevDesign 2 года назад
Look out for practical video about making responsive interfaces, I will try to release it ASAP! In the meantime check out my channel and subscribe if you find my content useful! :)
@rubychien
@rubychien Год назад
Excited for that video - turning on notifications for it!
@normanvalenzuela3055
@normanvalenzuela3055 2 года назад
Dude I’m so happy I came across your channel. Your content is compact and very well thought out.
@KerevDesign
@KerevDesign 2 года назад
Thank you, I very much appreciate your comment, it make my day :)
@Kiskeyainmyheart
@Kiskeyainmyheart 2 года назад
Thank you for this video! Looking forward to the next one
@KerevDesign
@KerevDesign 2 года назад
Thank you! :)
@sebastianjuara
@sebastianjuara Год назад
your videos are amazing thank you so much for sharing
@KerevDesign
@KerevDesign Год назад
Thanks, I'm glad you liked it! :)
@54gulnara
@54gulnara 5 месяцев назад
Thank you very much for such informative video))
@KerevDesign
@KerevDesign 5 месяцев назад
Thank you for finding it useful!
@chaitanyavamsi45
@chaitanyavamsi45 Год назад
is there a combination of responsive layout and adaptive design say for example the site itself is responsive on a higher level but the components/assets vary with each breaking point...say the site is responsive on a higher level/works like adaptive for 3 primary break points web, tablet, mobile/ again the site is responsive in between those 3 individual breakpoints/ say it breaks into mobile view, the components are now optimised for mobile version just like adaptive design but the site behaves responsive in-order to scale for all the mobile sizes....so the point is to avoid designing for 6 breakpoints when going with adaptive design but instead design for only 3 breakpoints making it a combination of responsive and adaptive design...is it possible? I couldn't put together my doubt properly, but if you understood this...can you please answer this?
@KerevDesign
@KerevDesign Год назад
Short answer to your somewhat convoluted question is yes :) - But, as you saw in the video both those concepts are very similar in many regards and in most cases adaptive/responsive approaches depend from developers approach. You can optimise individual components to adapt better in context of available space, that’s why we have 3 typical variants of buttons size (small, medium, big) and so on. Primary thing that decides if something is adaptive or responsive is the behaviour: responsive - one layout that adapts to available space, adaptive - many layouts dedicated for available space. I hope that explanation helps :)
@benjamingross6123
@benjamingross6123 5 месяцев назад
this was pretty good, but you might better differentiate this by increasing/decreasing the size of a window to show ppl (vs static diagrams). Responsive entails dynamic incremental reflowing, while adaptive will sort of "pop" into the different pre-designed layouts. Sometimes they can be mixed too!
@KerevDesign
@KerevDesign 4 месяца назад
Well, I could, but as I said in the video - most of the times companies are targeting specific platforms with adaptive. I don't think I ever seen a website or web app prepared in this way. Most of the web is primarily responsive and then you get native apps that are optimized for specific platforms.
@digaolevita
@digaolevita Год назад
seus videos são muito didáticos, gostei muito... very lykes
@KerevDesign
@KerevDesign Год назад
Obrigado, fico feliz que você pense assim!
@17thMidnight
@17thMidnight Год назад
At 0:34 there is a whirl made of lines, like a pattern. Anyone know where I can find patterns like this? Or that one?
@KerevDesign
@KerevDesign Год назад
Try at freepik.com or elements.envato.com and type "abstract lines pattern" in context of web design.
@KerevDesign
@KerevDesign Год назад
Or "minimal lines", or just try to replicate the effect yourself :)
@funwave7748
@funwave7748 Год назад
Great
@KerevDesign
@KerevDesign Год назад
Thank you :)
@manisingh4814
@manisingh4814 Год назад
I really found this channel helpful
@KerevDesign
@KerevDesign Год назад
Glad to hear it!
Далее
Practical Guide to Responsive Design
4:14
Просмотров 7 тыс.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 751 тыс.
3 modern CSS techniques for responsive design
14:32
Просмотров 211 тыс.
Easily Improve Your Web Design (With Example)
17:59
Просмотров 30 тыс.
Adaptive vs. Responsive | Decoding Flutter
5:09
Просмотров 102 тыс.
world's shortest UI/UX design course
6:53
Просмотров 1,1 млн
What Is UX Design? - A Full Overview
12:21
Просмотров 783 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 921 тыс.
Design Better Than 99% of UI Designers
14:52
Просмотров 186 тыс.
УНИТАЗ В ЛЕСУ?? #shorts
0:24
Просмотров 2 млн
А что так можно было?
0:22
Просмотров 3,3 млн
Ява 638 сегодня в Тренде ?
0:14
Просмотров 1,5 млн