Vitaly Friedman

Diseño de UX responsivo inteligente: consejos, trucos y técnicas

Today I build a responsive website for the Design Machine page. I make 3 kind of size for Desktop, Tablet, and Mobile. 
1. Desktop UI
<img style="margin-left:auto;margin-right:auto;" src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/678674bd.jpg" alt="Design Machine Responsive - image 1 - student project" srcset="https://static.skillshare.com/cdn-cgi/image/quality=80,width=600,format=auto/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/678674bd.jpg 600w, https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/678674bd.jpg 1000w" sizes="(max-width: 600px) 600px, 100vw" loading="lazy">
&nbsp;
2. Tablet UI
<img style="margin-left:auto;margin-right:auto;" src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/553e6fa8.jpg" alt="Design Machine Responsive - image 2 - student project" srcset="https://static.skillshare.com/cdn-cgi/image/quality=80,width=600,format=auto/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/553e6fa8.jpg 600w, https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/553e6fa8.jpg 1000w" sizes="(max-width: 600px) 600px, 100vw" loading="lazy">
&nbsp;
3. Mobile UI
<img style="margin-left:auto;margin-right:auto;" src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/c59f6f93.jpg" alt="Design Machine Responsive - image 3 - student project" srcset="https://static.skillshare.com/cdn-cgi/image/quality=80,width=600,format=auto/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/c59f6f93.jpg 600w, https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/892ff80b79a1f4a136cb78de19aee9bc/c59f6f93.jpg 1000w" sizes="(max-width: 600px) 600px, 100vw" loading="lazy">

Design Machine Responsive

Empresa

Comunidad

Enseñanza

Móvil

English

English