![UX-дизайн кнопки: советы по созданию, типы и состояния / Хабр Шпаргалки UI дизайнера: создание кнопок](https://habrastorage.org/r/w1560/getpro/habr/post_images/d0b/f84/a27/d0bf84a27af7c10d66c05e09d8d4d63a.png)
Наводим порядок в шрифтах
Что входит в зону компетенций продуктового дизайнера — вопрос. В этом уроке постараюсь разложить по полочкам базовые компетенции без учета навыков прототипирования и визуального дизайна. Продуктовый дизайн это длительный процесс создания и развития одного продукта, который состоит из нескольких проектов. Не просто собрать лендинг, который отдали клиенту и забыли, а углубиться в процесс работы продукта и поведения пользователей. По такому принципу работают дизайнеры в таких компаниях, как Яндекс, Mail. А теперь сложные слова.
![Продуктовый дизайн до этапа UI | Max Tsvetkov Область нажатия на сенсорных экранах](https://sales-generator.ru/upload/medialibrary/ae3/xae300c5566e49f2cd5420fe20cce652c.jpg.pagespeed.ic.E09aON-8tJ.jpg)
![Что такое лендинг, наш ТОП лучших лендингов Исходный текст](https://convertmonster.ru/wp-content/uploads/2021/09/img3-1.jpg)
![На какую кнопку легче нажать? Usability кнопки: типы и состояния, UX дизайн ТОП-37 лучших курсов UX UI дизайна: обучение онлайн, бесплатные и платные в 2023 году](https://artjoker.ua/storage/photos/shares/5e980a7c0049b.png)
![Ваш UI-дизайн неаккуратный? 7 частых ошибок, которых можно избежать — Glory Mlory на serpevent.ru ТОП-37 лучших курсов UX UI дизайна: обучение онлайн, бесплатные и платные в 2023 году](https://highload.today/wp-content/uploads/2022/01/image18.png)
![Справочник по дизайну приложений для iPhone и iPad (iOS) На какую кнопку легче нажать? Usability кнопки: типы и состояния](https://webtune.com.ua/wp-content/uploads/2020/02/ux-ui-dizain.png)
![Наводим порядок в шрифтах - Блог Mobios School 6 советов по дизайну селекторов для коммерческих проектов](https://savin.info/wp-content/uploads/2022/11/изображение_2022-04-17_181445415.png)
![Перевод с дизайнерского на русский | VK Как создавать и использовать лендинги: разбор с примерами](https://cs1.htmlacademy.ru/blog/html/bad-design/d95f6b147a4e28f53402cc902195423c.png)
![ТОП лучших курсов UX UI дизайна: обучение онлайн, бесплатные и платные в году IT-профессии: список, требования к специалистам, варианты получения образования](https://i.ytimg.com/vi/lLed1XxZbFA/maxresdefault.jpg)
![ТОП лучших курсов UX UI дизайна: обучение онлайн, бесплатные и платные в году Справочник iOS дизайна (HIG на русском)](https://highload.today/wp-content/uploads/2022/01/image15.png)
![IT-профессии: список, требования к специалистам, варианты получения образования Как создать MVP в сфере здоровья в 2023 году: полное руководство](https://uxgu.ru/wp-content/uploads/2017/02/Native_material_design.jpeg)
![Что такое оптимизация конверсии CRO Ваш UI-дизайн неаккуратный? 7 частых ошибок, которых можно избежать](https://www.pvsm.ru/images/2016/06/30/UX-dizain-knopki-sovety-po-sozdaniyu-tipy-i-sostoyaniya-7.png)
By Denislav Jeliazkov. Многие спорят о том, что важнее: хороший UX или хороший UI. И я всегда говорю — оба. Если провалится один, вы не выполните задачу.
![Системы Проектирования IT-профессии в деле разработки программного продукта](https://tilda.education/static/img/tild3837-3536-4062-b564-303235383935__image.png)
![Шпаргалки UI дизайнера: создание кнопок – Сей-Хай Что такое селекторы](https://www.unisender.com/ru/blog/wp-content/uploads/2020/08/3-knopka.png)
![Область нажатия на сенсорных экранах Рекомендации по созданию кнопок](https://i.ytimg.com/vi/rj0lKXb0ICQ/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLCy3bA0vk45h6AcoL-STGEdCMODxw)
![Лучшие практики модальных окон. Компоненты дизайн системы — Дизайн на serpevent.ru Секрет порядка шрифтов](https://habrastorage.org/getpro/habr/post_images/612/28d/049/61228d0490a932a1b8baf41c3c1a37ac.png)
![Как создать MVP для здравоохранения в году: Полное руководство - Purrweb Планирование и обработка интервью](https://convertmonster.ru/wp-content/uploads/2021/06/03-iyunya.png)
![6 советов по дизайну селекторов для коммерческих проектов Чем лендинг отличается от обычного сайта](https://lred.ru/images/kp/redline-preimushestva-sm.jpg)
![Post navigation](https://habrastorage.org/getpro/habr/post_images/17b/5b6/edd/17b5b6edd2c392ae0c641a40bdb5f59a.gif)
![Читайте также:](https://your-scorpion.ru/wp-content/uploads/2020/12/Group-29.png)
![Структура папок по классификациям шрифтов](https://www.unisender.com/ru/blog/wp-content/uploads/2020/08/5-knopka-min.png)
![Виды селекторов](https://dsgnmania.com/wp-content/uploads/2019/11/interface-buttons0.jpg)
![Основные функции IT-специалистов](https://infogra.ru/wp-content/uploads/2022/02/4-666x382.png)
![Начинаем исследовать](https://say-hi.me/wp-content/uploads/2019/06/1-1280x720.png)
![Типы конверсий](https://convertmonster.ru/wp-content/uploads/2021/06/button-05.png)
![Сообщить об опечатке](https://cdn.slidesharecdn.com/ss_thumbnails/slideshare-170331120836-thumbnail.jpg?width=640&height=640&fit=bounds)
Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:. Все возможности. Создайте сайт, лендинг landing page и одноэкранник из готовых секций или zero block.
![Продуктовый дизайн до этапа UI](https://www.pvsm.ru/images/2016/06/30/UX-dizain-knopki-sovety-po-sozdaniyu-tipy-i-sostoyaniya-24.png)
![](https://cs1.htmlacademy.ru/blog/html/bad-design/29b5671b1534e43a24e17543e6d57eee.png)
![](https://infogra.ru/wp-content/uploads/2021/11/5acc9e421b154c3ca73a8912d5536522-2-666x342.png)
![](https://vc.ru/cover/fb/c/144961/1595670439/cover.jpg)
![](https://idbi.ru/files/1/5798/12785318/original/1_0b07e0f49990324c6e821b97157f3e5f.gif)
![](https://habrastorage.org/getpro/habr/post_images/588/bfa/1bd/588bfa1bd6dc75da902647b022826094.png)
![](https://ux-journal.ru/wp-content/uploads/2019/05/5-sposobov-sdelat-knopku-prizyva-k-dejstviyu-intui-1.png)
![](https://habrastorage.org/r/w780/getpro/habr/post_images/eed/39c/561/eed39c561a78fcfce5b8ba7840acf5ee.jpg)