@rocket_gridhttps://teletype.in/atom/rocket_grid2026-04-15T15:19:45.980Zrocket_grid:hudidgest_12021-07-23T14:05:31.093Z2021-07-23T15:33:03.376Z

<img src="https://img2.teletype.in/files/58/3d/583d3f28-fe4d-4c0d-a322-9870c7c1afbb.png">Сегодня мы рассмотрим кучу обновлений софта, поделимся мнением о происходящем и завершим все прекрасным плейлистом от нашего продуктового дизайнера Дарьи

<section style="background-color:hsl(hsl(34, 84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <h3>Первый выпуск дизайн дайджеста от Рокет Хюманс ждет, поэтому запасайся холодным чаем или <a href="https://www.youtube.com/watch?v=rH6xsKJvD2U" target="_blank">кофе</a> и располагайся ツ</h3> </section> <figure class="m_column"> <img src="https://img2.teletype.in/files/58/3d/583d3f28-fe4d-4c0d-a322-9870c7c1afbb.png" width="1920" /> </figure> <p>Сегодня мы рассмотрим кучу обновлений софта, поделимся мнением о происходящем и завершим все прекрасным плейлистом от нашего продуктового дизайнера Дарьи</p> <p></p> <h2>Брендим и не только...😏 </h2> <p></p> <h3><a href="https://thedieline.com/blog/2021/1/11/-stoic-disposable-gloves-package?" target="_blank">Stoic</a></h3> <p>Дизайнер одноразовых перчаток Jessica Deseo смогла передать через упаковку, то насколько они прочные по сравнению с конкурентами. Смотрится свежо и главное уникально на фоне коронавирусной темы</p> <figure class="m_column"> <img src="https://img2.teletype.in/files/10/73/1073ecf6-443c-4377-a8d5-9ebbf4dafd38.png" width="3840" /> <figcaption>Перчатки Stoic</figcaption> </figure> <p></p> <h3><a href="https://kurppahosk.com/work/beatport/" target="_blank">Beatport</a></h3> <p>Студия Kruppa Hosk провела ребрендинг музыкального сервиса Beatport. Ярко, модно молодежно ツ</p> <figure class="m_column"> <img src="https://img2.teletype.in/files/53/d1/53d15e37-a965-4b59-a0df-89232f6a7acd.png" width="1920" /> </figure> <p></p> <h3><a href="https://www.pentagram.com/work/souffle" target="_blank">Soufflé</a></h3> <p>Новый французский бренд высококачественной кухонной посуды. Купили бы?)</p> <figure class="m_column"> <img src="https://img3.teletype.in/files/6a/03/6a03d7ad-bc97-4e13-b739-1d1ea003f950.png" width="1920" /> </figure> <hr /> <p></p> <h2>Инстаграмим</h2> <p></p> <p>Подборка вдохновляющих работ от аккаунта с ником <strong><a href="https://www.instagram.com/omaraqildesign/" target="_blank">@omaraqildesign</a></strong></p> <figure class="m_column"> <img src="https://img1.teletype.in/files/0e/89/0e8925ea-65e1-42df-be2f-6cba67518218.png" width="1907" /> </figure> <p></p> <p>Хорошие Human 3D&#x27;шки от аккаунта <a href="https://www.instagram.com/leonatsume/" target="_blank">@leonatsume</a></p> <figure class="m_column"> <img src="https://img4.teletype.in/files/3b/c5/3bc5634e-3bf7-4abb-bd5b-109369b57e88.png" width="1907" /> </figure> <hr /> <p></p> <h2>Что посмотреть по дизайну и не только?</h2> <p></p> <p>Слышали что такое фотограмметрия, но не знаете что это? В этом ролике на примерах расскажут как ты можешь сделать свою 3D-модель из реального объекта и экспортировать готовый вариант в трехмерный софт</p> <figure class="m_column"> <iframe src="https://www.youtube.com/embed/ykS_4r6fhGE?autoplay=0&loop=0&mute=0"></iframe> </figure> <p></p> <p>Blender набирает обороты. А что это? Софт для 3D моделирования, а таааакже для скалптинга, анимации, комопзитинга и не только... Хочешь делать красивые картинки для интерфейсов с минимальными затратами, то тебе нужно посмотреть это видео. Затравочка для тех, кто ленится и не может решиться изучать 3D.</p> <p>Другие видео по Blender также можно увидеть у автора <a href="https://www.youtube.com/user/ideaofNick" target="_blank">на канале</a></p> <figure class="m_column"> <iframe src="https://www.youtube.com/embed/VzZ3ysq7Dzc?autoplay=0&loop=0&mute=0"></iframe> </figure> <p> </p> <p>Хотите увидеть мир глазами дизайнеров из различных сфер? Рекомендую интересный сериал от <a href="https://www.netflix.com/ru/title/80057883" target="_blank">Netflix</a> под названием <strong>«Абстракция: Искусство дизайна»</strong> </p> <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <figure class="m_retina" data-caption-align="center"> <img src="https://kinopoisk-ru.clstorage.net/155LbI164/463ce0yk9/7qc_tgTa52ETCJKvOYg3cALgrxtrBisumlUeMVCHQtEYNbHshzD7FmxGBAFAeu6jwLgBietmumFlxfDgVhsQCbPSMtpp89ZpGgHz03HRRil6mZpDQx4mDu84SmR5pjfBbHj0lfuMO7ak48yZvNpuEkWhCLG2C9c4ZNCFlBN-MSXqG4_fiULrKQdoRkPI-Isse2wDDxO6H4sGvSpsPLvOwHg1NciHpFvycFesaTxuvl7JbWAMyhdPRPgEAeyPg815btMWv4neWw3XBDKz1NiXqGcYBxtXorcP_v1uJPA39mggTblwD5BXUnCndI18Mv5qQdXM3E5nmzgMVKU061-BRdYj6m-VDi-Fn4yKJ1yUI_TfUA-jf9aX-xKJJsCgD25cGIUlXGdMzz5wuxRhTG7GLl2ZPFBG51e0PDhROFdPEf2Sp2oXkbK3ET-MGn8UmEvUA1z_z2s6f9d6xQLA6E8C4PhRMQB_zFMO9HOUwby6dgaxKXi05jtXsDjItYA3Ay2Fujdui50mt5HP0ALjTIgffAcMl387Gi_b7k2C_KzH9oz0EVlQgxB7YmRznH2sUppypflc_BLrEyBACHUQ-5PBZSanrhPhYvOZ03Q26yhQz9DXTFu_S06zyzrR0sRIg4LAHA11RNNUWyIIxyyFyEIidnVV0EiSt1PI9BgFGBNjBfGGw66fJYa7tTfoXlvAtBvwY2jfRwdO1-c-rY7I4DPqpIx5nZyPoHe2ALu4OXBy6mbZnTSkqg_DoEwEMVRTfyWhcjdiB6ECJwUDgM5_zOSXeFOMI1cLhqN_FiXKWPzXzuiUUQ1Mb1ADZkRf0Ikk6rqymc3gjAIb65xQuImAk1thpTJTVvNtMnMVExw-KxDUH-ST6O9_z0YHU3p9TkgM-34cZLHV7ONoV5YUo3gZWOYWojV1wIRKR5MgOMCttI_b4X1--zb_BTr3FSucjjvk4D_UE0jzy2O-d3euNarMfL_6PDSRNTCL9N--pH-sGfDOfgIdrRAMahdLEGSMgYiXTwXhuiNSE3Fae32zMELPMPjr7P_IX4ubTjcXQs2WsEQHXtyIwQ3oB_SnnjS3JD1kxmKqVRnEoDrHY8jgVCUsxwsVVWaDVrcRvs-pDwCC4xT4PygbFKN3kzYL38KhnixIj5rgGFkB5JMkb6r4--AdpFJCrpVpdFS2n-coALBt8E83rc3iy-JroX4H8QNkNns4jOOkH2Rn95uqg3uuWZZoqEMe6OBdHRh7ZBcOtOPkGUyuJnrVTZzMtus7tOBUmVS_x9nBpl_ek_nCR13fYDoDUOSvxOvkdz_HUltrql1CxMCDCkiQ3YF4-3QfmrTLAE1w7maC6TU0fKZvF7yE1H2Et9dBIRpj5ucZcluNR_RagzAc1yybgN9bS7oXU7ohxtDYQwrcmEkp_JdYY1Z4U1hNVEY-fh21hKAaY6cEHISNKM_PKSVqo7Y78eLbMT9kSje4LCeIA3T_W5cuV9dmxY7osKv23IzJjZzT1MMWgEeYRfiqEiLlTRC41ivHmJTI7fCTZxlNatei13UGzx23DB73QBi_7NPoqzMXShencvWydNBL0hzghXW0F9yPCnjTZGVgMvb6KeFs-B67d6i4HL0A_0-V9Y5HPguB8ssp31yCg-iA26TfTE8bC_KjDxLdlshglxqIJCGJjA-kS77sXzgVsM5WjlEtROiq51fUjDwxiG9LEQXmPxq_jc6D2deMUt_4HMdYh8BPM2sK33d6Rb40pHNiVBS1CQTnNPPq7K9YTay2PjqZRfCMkv_rvFB0CYhbN8n5aq-mfy3-2_Wb0CY7RPgTqEvkL0tLdpOHiuEieMTDMtw0wTXY02gnvuS7hDUsFtpqueHcDFZ7fyAYDNFQ5-sxCZZLqvOFRn8xQzhe-7CIWwiLyH8jwwZrW6Y5yugg_4qgYHlxYIMsH9a4y4xFtKY2-lG5SNA-F9scdFilFHOXRf3aYzJvUQ6zUVe4xkdUkBcwlxhXR2-GF9_ucUJ0RMe-kJSlxQR3VKdueIuQbThqvrrZ8WSMSud32LAUMZRjE5mFfo9S5_UivxVDfKa3XNizvNdIQ6MzKusT6sEOKFi39qBMJc0MF_wDojxTvP3kTqKOqeWcqKpn76w80OFYb0cpyTYrKncF6vexf5za10ist8BnmK-vb7631-5pXnhUU5ZYiClZXOvMH1o4y3w1bFZKsvVtxITmz__U1MSJtFcTWVW27ypzUXLnkTMQTqMkFI_AnwiLD7cG24eKIQbsSI82hBj9pTQntF8KgEc0wZyuIm4lRQD4Mv9_uHTQ7QxP66X9fq9qUy2GM7FbdHZ_KHgngIuQ96u3ihvTlk3iSCw_Eug4QYnEe9gT4qz_JKnY9hbmXcmEjD4fG0SAXFlg2we5sX6_fmeNYmv9M0TGN9S4syT_5MdTB0qvj_rl3jjQA2a8CFV1XLOoG6roq3TtQNYWjk3NMCxSn1ccbDQVfOeHDSkaX0ZblaZ7cRsErkso6IuwQxhT2-fWr__y-ZpcBAsCUAjBQZzz0Of-8CMUHTzeri7hNXAsorN3UAQIrRQ3x4EpIgf6SxGm2xmLOEpbRCTDwEvEww_zEtvXaukyoOgXdiQ0sd3oX_RXjqxvYOXwmsrWJTUUNMKzY9iMmJHsE5_FqZb3QnNtyu_tQ-zC_9BoF_AbCBsTcypn14ZxDgi0-57UDEkxHI9sj6oI56QJxO5m3jHNjKzu60uU_KRdnHfzPV0qK3b_PVLvKdsEsrvwvKvQy3Drw89Ga8O2NZY8vKfmHJglBfR7XOOqbP_greDSWv7F5TTQlne3OHzYUeQX-5mxdu8y92Fa14UDSMY_LHyvSCuUU8t_Nif3Hmmm-MDTsoS8XcmAB_jzlmSv9KFIvkam0bnowArvI4RsMLFgW_Od4WJLxr8xxrM10xwC_9QYO_SPSM-Hcx7fQ0IhjlRE30okZMn95JvI94YY89QB3O62ul1BfAiqRxNYFDSk#DSD" width="270" /> </figure> </section> <hr /> <h2>Что по сервисам, софту и обновлениям?</h2> <p></p> <h3><a href="https://help.figma.com/hc/en-us/articles/360039823894#Starting_point" target="_blank">Figma</a></h3> <p>Наконец-то Figma научилась создавать различные вариации прототипов с дополнительными комментариями к ним. Диаграммы в <strong>FigJam</strong> теперь соединяются автоматически</p> <figure class="m_column"> <img src="https://img2.teletype.in/files/d9/e7/d9e7baae-96b6-4a62-8982-dba0b0f34d4e.png" width="1920" /> </figure> <p></p> <h3><a href="https://cloverapp.com/" target="_blank">Clover</a></h3> <p>Универсальный сервис для заметок Clover вышел из беты и обзавелся новым типом документа для — Surface. Он сочетает в себе функции редактора Dropbox Paper и доски Miro. Какие фичи? Бесконечный холст, командная работа и щадящий прайс при лимите от 500 блоков</p> <figure class="m_column"> <iframe src="https://www.youtube.com/embed/7ajwhS-DpiY?autoplay=0&loop=0&mute=0"></iframe> </figure> <p></p> <h3><a href="https://sizze.io/" target="_blank">Sizze</a></h3> <p>Очередной конструктор приложений с возможностью импортировать дизайн из Figma в полноценное приложение на React Native и Flutter. Существует похожий инструмент с более богатым функционалом — <a href="https://flutterflow.io" target="_blank">FlutterFlow</a></p> <figure class="m_column"> <img src="https://pbs.twimg.com/media/E5ufHQEXEAUeHvS?format=jpg&name=4096x4096" width="2702" /> </figure> <p></p> <h3><a href="https://lottielab.io/" target="_blank"><strong>LottieLab</strong></a></h3> <p>Инструмент для совместного создания и изменения Lottie-анимации вышел в бету и теперь можно записаться на тест</p> <figure class="m_column"> <img src="https://img3.teletype.in/files/ec/8c/ec8c76b2-51c0-448b-be35-87e10274222e.png" width="1920" /> </figure> <hr /> <p></p> <h2>Что почитать?</h2> <p></p> <p><a href="https://iterative-refinement.github.io/" target="_blank">Команда Google Brain научилась с помощью нейросети увеличивать разрешение картинки до разрешения 1024×1024 (статья на 🇬🇧)</a>. Это прорыв в мире нейронных сетей, ввиду что многие GAN алгоритмы очень ограничены по разрешению из-за низких вычислительных мощностей современных компьютеров.</p> <p>Для веб-дизайнеров это будет спасением от шакальных фоток заказчиков)</p> <figure class="m_column"> <img src="https://img3.teletype.in/files/6c/61/6c61a2d5-327e-4640-a0cf-801babbcc2f1.png" width="1920" /> </figure> <p></p> <p>Агентство Markswebb выпустило <a href="https://www.notion.so/UX-201a004f908842eab159027fe09f245e" target="_blank">гайд с неудачными примерами в UX</a>. Встречается много отечественных интерфейсов, а каждая ошибка имеет юзкейс и видео с демонстрацией проблемы</p> <figure class="m_column"> <img src="https://img1.teletype.in/files/c1/a4/c1a4d1fa-186f-4ebd-83a8-01b5e372f0fa.png" width="1920" /> </figure> <p></p> <p>Существует <a href="https://brandingstyleguides.com/guide/" target="_blank">база гайдлайнов.</a> Можно найти различные гайды по годам, странам и категориям. Советуем к просмотру)</p> <figure class="m_column"> <img src="https://img3.teletype.in/files/6d/50/6d50c092-39b6-4797-949d-d64f127fdac9.png" width="1920" /> </figure> <p></p> <p>В дополнение к предыдущему посту прикладываю <a href="https://www.designsystems.com/open-design-systems/" target="_blank">базу дизайн систем</a></p> <figure class="m_column"> <img src="https://img4.teletype.in/files/72/03/7203eb83-897a-46de-905d-babd600aa18e.png" width="1920" /> </figure> <p></p> <p>NVIDIA выпустили в бета-версию <a href="https://www.nvidia.com/en-us/studio/canvas/" target="_blank">NVIDIA Canvas </a>для превращения наброска в полноценные <s>шедевры </s>реалистичные концепты</p> <figure class="m_column"> <iframe src="https://www.youtube.com/embed/9u_08---oEw?autoplay=0&loop=0&mute=0"></iframe> </figure> <p></p> <p><a href="https://www.uxmatters.com/mt/archives/2021/05/ux-paradise-part-1-milestones-on-the-road-to-ux-maturity-1.php" target="_blank">Rolf Molich описывает</a> свою модель зрелости дизайна на примере выдуманной компании и её пути взросления. Во второй части он показывает <a href="https://www.uxmatters.com/mt/archives/2021/06/ux-paradise-part-2-draining-the-ux-swamp.php" target="_blank">пошаговый путь формулирования и внедрения дизайн-стратегии</a>.</p> <p></p> <p>Matt Chamberlain, Anna Peraino и John Campbell из Airbnb <a href="https://airbnb.design/archetypes-for-creative-leadership/" target="_blank">описывают архетипы креативных лидеров</a>, которые сложились в компании. Они показывают, что это не обязательно управление людьми — можно быть просто хорошим экспертом в своей области.</p> <p></p> <p><a href="https://cutlefish.substack.com/p/tbm-2052-a-product-super-skill-balancing" target="_blank">John Cutler описывает типичные проблемы с процессом рождения и отбора идей в компаниях.</a> Он ссылается на двойной алмаз и говорит, что команды страдают или от поспешного, или от запоздалого схождения.</p> <hr /> <h2></h2> <h2>Выскажем свое мнение</h2> <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <blockquote>Автор мнения: Лещев Михаил — подуктовый дизайнер в Rocket Humans</blockquote> </section> <p></p> <h3>Стоит ли качать Windows 11 ?</h3> <p>Да. Определенно да, если вы хотите почувствовать свежий глоток в плане дизайна и опыта взаимодействия с компьютером. Я перешел на нее сразу после выкатки из Dev ветки. Как и всегда есть баги и глюки, но это не критично, потому что все приложения которые работали на десятке не вылетают и в целом работает все отлично. Приятно удивили скругления углов во всех элементах системы, особенно выпадающие списки в Illustrator приняли эффект новизны.</p> <p>Подробнее про переход на сайте <a href="https://www.microsoft.com/ru-ru/windows/windows-11" target="_blank">Microsoft</a></p> <figure class="m_column"> <img src="https://img2.teletype.in/files/dd/52/dd521051-d7d2-4a24-910b-5bed66fb57d1.png" width="1920" /> </figure> <p></p> <h3>Как называть элементы в интерфейсах?</h3> <p>Обычно роль «неймингиста» элементов в интерфейсе берет на себя программист. Но когда приложение проходит стадию MVP или нужно навести порядок в элементах дизайн системы нужно руководствоваться неким правилам. Сегодня я расскажу о такой методологии как <a href="https://ru.bem.info/" target="_blank"><strong>БЭМ</strong></a> (блок-элемент-модификатор).</p> <p>Она разработана Яндексом и успешно применяется во многих больших проектах компании. Что в ней хорошего? Она преследует принцип атомарного дизайна и при применении этой методологии в процессе разработки продукта поможет навести порядок в файловой структуре и быстро переиспользовать кодовую базу. Документация большая и емкая, поэтому советую ее почитать для общего развития</p> <p></p> <p><strong>На этом все....</strong></p> <hr /> <h2></h2> <h2>Поднимаем настроение</h2> <p></p> <section style="background-color:hsl(hsl(34, 84%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <p><strong>Для всех наших читателей мы собрали плейлист чиловой и очень качественной музыки, а ее спонсором является наш продуктовый дизайнер <a href="https://www.instagram.com/sandsofsahara/" target="_blank">Дарья Калинина ツ</a></strong></p> </section> <figure class="m_column"> <img src="https://img2.teletype.in/files/1f/6e/1f6ed9a9-ee10-4dce-9c5f-4a325a251764.png" width="1920" /> </figure> <figure class="m_column"> <iframe src="https://open.spotify.com/embed/playlist/4wLZHdMqMgQwXU3d6YpZ2C?si=84cdc019827146fc"></iframe> </figure> <p></p> <section style="background-color:hsl(hsl(199, 50%, var(--autocolor-background-lightness, 95%)), 85%, 85%);"> <h3>На этом все... Ждем пожелания и предложения в нашем <a href="http://t.me/RocketHumans_bot" target="_blank">боте</a></h3> <p>Автор выпуска: <a href="https://www.instagram.com/lesh_cg/" target="_blank">Лещев Михаил</a> (продуктовый дизайнер)</p> </section>