Что такое педагогический дизайн?
Методология для организа- ции работы с графическими пользовательскими интер- фейсами и их программной реализации. Содержание Как родился этот проект 6 Universal Design Framework. Тезис 12 Системное проектирование и компонент- ный подход в цифровых продуктах 20 Краткая история системного подхода в дизайне и разработке 22 Дизайн-системы в цифровом производстве 44 Компонентная методология Universal Design Framework 70 Слои в Атомик-дизайне 73 Наш опыт использования методологи Атомик-дизайна 84 Организация слоев в компонентной методологии Universal Design Framework Слой частиц Particles Слой компонентов Components Вспомогательный слой утилит Utilities Применение компонентной методологии в UDF UI kit Как применять компонентную методологию при работе с библиотекой в Sketch Как применять компонентную методологию в кодe Проектная методология Universal Design Framework Cлои в проектной методологии Слой контейнеров Слой документации Разделение библиотеки на компонентную и контентную Компонентная библиотека Контентная библиотека Использование компонетной и контентной библиотеки Версионирование макетов Версионирование дизайн-библиотеки Работа с дизайн-библиотекой Фирменный стиль, сайт, и медиа-план проекта Фирменный стиль Сайт Медиа-план Планы развития проекта Источники В этой главе вы узнаете, как появилась идея создать фреймворк для повышения эффек- тивности производства интерфейсов и работы с дизайн-системами.
![Онлайн-школа дизайна и технологий BBE | Курсы по дизайну — обучение на дизайнера дистанционно Атомарный дизайн. Что это такое и с чем его едят?](https://cv01.studmed.ru/9bb084b640e/3d24422.jpg)
![Продуктовый дизайн. Инструкция по Agile методологии для новичка / Хабр Universal Design Framework Book](https://s0.rbk.ru/v6_top_pics/media/img/9/82/756051223371829.jpg)
![Атомарный дизайн. Что это такое и с чем его едят? - вертикаль-сочи.рф Школа дизайна и IT Bang Bang Education](https://prozrenie-optica.ru/thumb/2/tmKv-c_lUX3nqnfeQIeRZQ/580r450/d/4.jpg)
![Дизайн учебного опыта | Влияние на профессию педагогического дизайнера — LEVEL Сервис Дизайн: искусство для избранных или потребность времени?](https://proity.ru/wp-content/uploads/2022/11/obzor-instrumentov-1024x501.png)
![Что такое UX дизайн? Юридический дизайн в отдельных документах](https://cyberleninka.ru/viewer_images/19114682/f/1.png)
![Педагогический дизайн: задачи, этапы и модели Атомарный дизайн: как создать модульный сайт](https://habrastorage.org/webt/m8/cy/aa/m8cyaagn4vjc2behkoma318zqde.png)
![Calaméo - Universal Design Framework Book](https://i0.wp.com/4service.group/wp-content/uploads/2020/02/issledovaniya-design-vnedrenie.jpg?resize=640,480&ssl=1)
Считается, что в более широком смысле дизайн призван не только к художественному конструированию, но должен участвовать в решении более широких социально-технических проблем функционирования производства , потребления , существования людей в предметной среде, путём рационального построения её визуальных и функциональных свойств [1]. Теоретической основой дизайна является техническая эстетика [2]. Термин « промышленный дизайн » был утверждён решением первой генеральной ассамблеи ICSID International Council of Societies of Industrial Design, Международного совета организаций промышленного дизайна в году; термин «дизайн» является профессиональным сокращением термина «промышленный дизайн» [1]. Дизайнер — художник-конструктор [2] , человек, занимающийся художественно-технической деятельностью в разных отраслях в том числе архитектор , проектировщик, иллюстратор , дизайнер плакатной и прочей рекламной графики, веб-дизайнер. Под словом «design» англоязычная литература начала XXI века понимает и стиль, и проект, и проектирование, и собственно «дизайн» — профессиональную деятельность, наряду с архитектурой или инженерным проектированием англ. Определений дизайна столь же много, сколько дизайнеров [4] [5].
![Атомарный дизайн: как создать модульный сайт Дизайн текста](https://image.isu.pub/150407002300-119ac4659c94e980c2a110a64d294d31/jpg/page_1_thumb_large.jpg)
![Антропологический дизайн интерьера - Дизайн интерьера Что же такое атомарный дизайн?](https://media.tproger.ru/user-uploads/28709/2023-11-15/0396c64d-3f32-421d-ae59-a4b0aacb3d48.jpg)
![Атомарный дизайн - определение понятия и его применение на практике Понятие атомарного веб-дизайна](https://dsgners.ru/_imgs/_1500x667/files/blog_posts/3036/img/hmi_1700736917.jpg)
![Вы точно человек? Принципы педагогического дизайна](https://media.lpgenerator.ru/uploads/2022/12/26/1.png)
![Сервис Дизайн: искусство для избранных или потребность времени? - 4Service Group Напишите отзыв о статье](https://dsgners.ru/_imgs/_1500x667/files/blog_posts/1453/img/frame-93_1691693586.jpg)
![Содержание](https://naukaru.ru/upload/7a2ec2d10fdc7b7aa300ca38d078a76c/issues/cover/e5d807f6a64808d35d6d812f45d98335.jpeg)
![Простой способ создания руководства по стилю](https://static.tildacdn.com/tild6466-6532-4165-b937-643964653563/designresearchmethodseureka_png.png)
В наше время создание удобного и интуитивно-понятного интерфейса является одной из важнейших задач для команды. В этом контексте особое внимание уделяется атомарному дизайну — одной из методологий создания дизайн-систем. Представим ситуацию, когда дизайнеру нужно создать страницу для авторизации. И вместо того, чтобы создавать каждый элемент на каждой странице с нуля, он может использовать концепцию атомарного дизайна, в результате чего использовать необходимые элементы повторно. Атомарный дизайн — это методология, которая предполагает разделение интерфейса на более мелкие элементы. Концепцию предложил Брэд Фрост в году и сейчас ее использует каждая компания, у которой есть продукт и его дизайн-система.
![](https://image.slidesharecdn.com/dniprovskyiconfluenceinnc-190410135533/85/wiki-17-320.jpg?cb=1672257868)
![](https://image.slidesharecdn.com/wiki-design-dump-110731082219-phpapp01/85/-2-320.jpg?cb=1669399784)
![](https://naukaru.ru/upload/9cabe950e93dddc6d6c8ae0ad013992c/issues/cover/f584737cdf6ef15d865b18972695db9f.jpeg)
![](https://makefabricationstudio.ru/wp-content/uploads/2020/02/empathy-1024x728.jpg)
![](https://media.lpgenerator.ru/uploads/2022/12/26/7.png)