"Плоскость с дном". Олег Фролов, дизайнер...
DESCRIPTION
Семинар «Front-end разработка. Технический блок», организованный интернет-агентством Lead Zeppelin. "Mobile first ergo Flat first. Общие и частные места в дизайне мобильных версий сайта на примере одного проекта."TRANSCRIPT
![Page 1: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/1.jpg)
![Page 2: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/2.jpg)
Плоскость с дном
Интернет-агентство «Л Е Г И О Н»
![Page 3: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/3.jpg)
Интернет-агентство «Л Е Г И О Н»
![Page 4: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/4.jpg)
Mobile webVSResponsive
Интернет-агентство «Л Е Г И О Н»
![Page 5: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/5.jpg)
Интернет-агентство «Л Е Г И О Н»
![Page 6: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/6.jpg)
Mobile web— для уже существующих
проектов
Интернет-агентство «Л Е Г И О Н»
![Page 7: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/7.jpg)
Интернет-агентство «Л Е Г И О Н»
![Page 8: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/8.jpg)
Адаптация дизайна и
функционала под мобильные
устройства без изменения
десктопной версии
Интернет-агентство «Л Е Г И О Н»
![Page 9: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/9.jpg)
Responsive— для новых проектов
Интернет-агентство «Л Е Г И О Н»
![Page 10: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/10.jpg)
Интернет-агентство «Л Е Г И О Н»
![Page 11: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/11.jpg)
От мала до велика:
mobile first, все дела
Интернет-агентство «Л Е Г И О Н»
![Page 12: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/12.jpg)
Интернет-агентство «Л Е Г И О Н»
![Page 13: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/13.jpg)
Когда что— очевидное
Интернет-агентство «Л Е Г И О Н»
![Page 14: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/14.jpg)
Мобилизацияplkdom.ru
Интернет-агентство «Л Е Г И О Н»
![Page 15: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/15.jpg)
Десктоп
Интернет-агентство «Л Е Г И О Н»
![Page 16: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/16.jpg)
![Page 17: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/17.jpg)
![Page 18: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/18.jpg)
![Page 19: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/19.jpg)
![Page 20: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/20.jpg)
Мобильнаяверсия
Интернет-агентство «Л Е Г И О Н»
![Page 21: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/21.jpg)
![Page 22: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/22.jpg)
![Page 23: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/23.jpg)
![Page 24: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/24.jpg)
![Page 25: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/25.jpg)
![Page 26: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/26.jpg)
![Page 27: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/27.jpg)
![Page 28: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/28.jpg)
![Page 29: "Плоскость с дном". Олег Фролов, дизайнер интерфейсов интернет-агентства Легион](https://reader033.vdocuments.mx/reader033/viewer/2022052412/557f0c5ed8b42ac46e8b4f85/html5/thumbnails/29.jpg)
Спасибоза внимание!
Интернет-агентство «Л Е Г И О Н»