Как стать автором
Обновить

Дизайн

Сначала показывать
Порог рейтинга
Уровень сложности

История дизайна в IT 1984 – 2024

Уровень сложности Простой
Время на прочтение 8 мин
Количество просмотров 796
Дизайн мобильных приложений *Графический дизайн *Дизайн История IT
Ретроспектива

История дизайна в IT 1984 - 2024

Читать далее
Всего голосов 10: ↑9 и ↓1 +8
Комментарии 2

Новости

Дополняем реальность в мобильных приложениях через ARCore

Уровень сложности Средний
Время на прочтение 8 мин
Количество просмотров 486
Блог компании OTUS Работа с 3D-графикой *Разработка мобильных приложений *Разработка под Android *
Туториал

Технологии дополненной реальности (Augmented Reality, AR) развиваются с первых экспериментов с шлемами в 1968 году и прогнозируются как один из быстрорастущих сегментов развития интерфейсов (особенно при появлении специализированных устройств, таких как Hololens, Xiaomi Smart Glasses и проекта с непонятной судьбой Google Glass). Не могли не заметить этот тренд и разработчики операционных систем для мобильных устройств, Apple выпустила свой набор инструментов ARKit, также как и Google создала набор библиотек ARCore. Особенно важно, что поддержка этих библиотек доступна на большом количестве устройств (для Android нужна версия 7.0 или новее, а это более 94% доступных устройств, при этом почти 90% из них поддерживают Depth API, необходимый для корректной работы алгоритмов размещения объектов виртуального мира в сложном окружении). В этой статье мы рассмотрим основные вопросы использования ARCore и размещения объектов виртуального мира над поверхностями реального.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 0

Как мы приложение Додо Пиццы на арабский переводили

Время на прочтение 13 мин
Количество просмотров 3.6K
Блог компании Dodo Engineering Разработка под iOS *Разработка мобильных приложений *Локализация продуктов *Дизайн мобильных приложений *

Что вы знаете о том, как добавить поддержку языков, которые пишутся справа налево (Right to Left, RTL), в iOS‑приложение? Нужно использовать leading и trailing вместо left и right, а ещё… Вот и мы больше ничего не знали, но пришлось разобраться.

Мы готовим приложение Додо Пиццы к локализации на арабский язык. В статье хотим поделиться находками и рассказать, зачем нам поддержка RTL в приложении, почему не достаточно просто адаптировать вёрстку в коде для поддержки RTL, зачем мы перерисовывали иллюстрации и чем отличается арабский знак процента от европейского. Ещё покажем много скриншотов и поделимся шпаргалками по поддержке RTL в коде.

Читать далее
Всего голосов 36: ↑34 и ↓2 +32
Комментарии 7

В этой одежде системы распознавания будут считать вас животным

Время на прочтение 2 мин
Количество просмотров 22K
Алгоритмы *Машинное обучение *Дизайн Искусственный интеллект
Кейс
У Рэйчел Дидеро интересный набор навыков: несколько степеней в области дизайна одежды (полученные в школах трех разных стран) и докторская степень в области машинного обучения Миланского политехнического университета.

Эти знания позволили ей выпустить коллекцию — довольно уродливой — одежды Manifesto.



Она страшная и безвкусная, зато в ней вы становитесь нераспознаваемые для ML-алгоритма детектирования Yolo, активно используемого для работы с уличными камерами.
Читать дальше →
Всего голосов 52: ↑50 и ↓2 +48
Комментарии 152

Истории

Soft Skills продуктового дизайнера

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 561
Карьера в IT-индустрии Дизайн
Из песочницы

Всем привет. Я Паша, старший продуктовый дизайнер в Райффайзен Банке. Помимо улучшения опыта я обучаю других людей и занимаюсь менторством. Я хотел бы открыть цикл статей на хабре. Меня часто спрашивают, как стать продуктовым дизайнером, поэтому начну с компетенций. А в этой статье поговорим про софты (мягкие навыки) или Soft Skills.

Одна из ценностей Райфа саморазвитие и важно, чтобы сотрудник думал о росте своих навыков. Обычно оценивают скилы вместе с лидом и дальше строите ИПР (индивидуальный план развития). А спустя какое-то время, можно снова чекнуть навыки и увидеть прогресс. Для оценки используется классическая табличка, где напротив навыка ставится оценка от 0 - не знаю и не использую в работе, до 5 - экспертиза, обучаю.

Читать далее
Всего голосов 8: ↑4 и ↓4 0
Комментарии 8

Окей, «Гугл». Как создать дизайн-систему? [Советы от практиков]

Уровень сложности Средний
Время на прочтение 14 мин
Количество просмотров 793
Дизайн
Из песочницы

Как только этих ребят не называют: «менеджеры дизайн-систем», «смотрители дизайн-систем», «библиотекари», «DesignOps», но именно они отвечают за компоненты, которые мы расставляем по фреймам

В этом интервью я поговорил об их работе и о том для чего же вам нужна (или нет) дизайн-система.

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Комментарии 0

Всё про USB-C: грехи производителей

Уровень сложности Средний
Время на прочтение 9 мин
Количество просмотров 12K
Блог компании RUVDS.com Интерфейсы *Производство и разработка электроники *Гаджеты Компьютерное железо
Перевод

Работая с USB-C, люди то и дело сталкиваются с различными проблемами. Я поспрашивала пользователей на Twitter и Mastodon об их отрицательном опыте работы с USB-C и получила широкий отклик. Помимо этого, в различных сообществах вроде r/UsbCHardware собрано немало информации о явлениях, которые вызывают проблемы при использовании этой технологии.

Текущая статья посвящена обзору допускаемых производителями недочётов в реализации стандарта USB-C и анализу возможных причин этого.
Читать дальше →
Всего голосов 73: ↑72 и ↓1 +71
Комментарии 54

Делаем векторный логотип с использованием Midjourney

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 4.1K
Графический дизайн *Брендинг
Туториал

В этой заметке хочу рассказать как можно использовать Midjourney и парочку дополнительных приложений для создания векторных логотипов.

Читать далее
Всего голосов 23: ↑20 и ↓3 +17
Комментарии 13

Вращение по кругу объектов в blender с помощью geonodes

Время на прочтение 3 мин
Количество просмотров 1.6K
Работа с 3D-графикой *
Туториал
Recovery mode

Всем привет, в этой статье я покажу и объясню как сделать вращение по кругу объектов в blender, используя geometry nodes. Однажды в чате по блендеру увидел сообщение с просьбой человека помочь ему с анимацией кристаллов.

Результат будет примерно такой:

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 0

Как рисовать красивые соединения с помощью SVG

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 6.5K
Веб-дизайн *JavaScript *Программирование *Работа с векторной графикой *HTML *
Из песочницы

Представьте, в вашем проекте есть куча разбросанных по пространству логически связанных элементов, которые (о ужас!) могут свободно перемещаться по пространству. Задача - красиво и наглядно показать пользователю эти связи, чтобы упорядочить представление. В данной статье я покажу нашу реализацию.

Читать далее
Всего голосов 30: ↑30 и ↓0 +30
Комментарии 10

12 важнейших сайтов для освоения CSS в 2023 году

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 4.4K
Блог компании RUVDS.com Веб-дизайн *Разработка веб-сайтов *CSS *
Перевод

Хотите войти в веб-разработку, но не знаете, с чего начать? Освоение CSS станет отличным стартом и, к счастью для вас, в сети существует огромное количество учебных ресурсов.
Мы провели исследование и собрали 12 наиболее актуальных сайтов, которые помогут вам продвинуться от уровня новичка до профессионала по CSS за кратчайшие сроки.

Будь вы начинающий программист или опытный, на этих сайтах есть информация для всех уровней: от полноценных учебных пособий до памяток и фрагментов кода. Эти ресурсы предоставят вам инструменты и знания, необходимые для создания красивых, функциональных веб-страниц. К тому же большинство из них абсолютно бесплатны.

Так что пристегните ремни и приступайте к написанию кода!
Читать дальше →
Всего голосов 42: ↑42 и ↓0 +42
Комментарии 3

Почему сайт не почему… Главная ошибка UX/UI + чек-лист для повышения конверсии

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 1.1K
Usability *
Туториал

Всем привет! Я разрабатываю веб‑ и графические дизайны, фирменный стиль и сайты «под ключ», а так же взлетающие страницы: )) — Лендинги.

К нам часто обращаются клиенты с проблемой «сайт не продает». Трафик на сайт идет, в проект вложены деньги, но лидов нет и он не окупается. В этой статье я расскажу, почему так происходит и дам рекомендации, как наконец заставить сайт продавать за вас и перестать тратить рекламный бюджет впустую.

Главная причина — непонимание UX/UI.

Изучить далее
Всего голосов 5: ↑0 и ↓5 -5
Комментарии 3

Как «яжепрограммист» построил всю свою родню

Уровень сложности Средний
Время на прочтение 13 мин
Количество просмотров 11K
Блог компании RUVDS.com Алгоритмы *Графический дизайн *Научно-популярное Социальные сети и сообщества

Всем привет. Разумеется, это шутка — я своих родственников очень люблю, уважаю и никоим образом их не притеснял и не планирую. Более точная формулировка — отсортировал в целях построения генеалогического древа. Об алгоритме построения, сортировки, визуализации фамильного древа и будет эта статья.
Читать дальше →
Всего голосов 58: ↑57 и ↓1 +56
Комментарии 60

10 зрелищных клеточных автоматов с поколениями

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 3.5K
Программирование *Алгоритмы *Читальный зал Дизайн Научно-популярное
Обзор

На прошлой неделе мы посмотрели на 10 правил простейших клеточных автоматов, где меняли только количество соседей необходимых для рождения и выживания клетки.

Сегодня мы немного дополним характеристики «life‑like» модели и добавим ещё одну часть к правилам — поколения.

👾
Всего голосов 58: ↑58 и ↓0 +58
Комментарии 1

CADBase – бесплатная платформа теперь на русском

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 3.2K
Работа с 3D-графикой *CAD/CAM *Хранилища данных *Облачные сервисы *
Из песочницы

Сотрудничество может быть проблемой при любой организации, а когда идёт речь о работе с данными об изделии, это может быть ещё сложнее. Правильное управление данными имеет решающее значение для успеха предприятия, поэтому важно найти способы эффективной совместной работы. С учётом множества инструментов и решений, а также разных подходов к хранению данных, задача становится сложнее.

В разработке и производстве продукции необходимо оставаться на связи и сотрудничать с множеством участников. Командная игра - неотъемлемая часть успешной разработки продукта, которая позволяет компаниям-производителям достигать поставленных целей по оптимальным срокам и конкурентной стоимости.

Совместный процесс разработки и производства является сложным и имеет множество участников. Он начинается с процессов проектирования, которые объединяют всех членов команды, ответственных за различные части процесса проектирования — механические, электронные и программные. Позже это зависит от эффективной связи с производственным планированием и процессом закупок.

Своевременный обмен информацией для получения изделий с учётом изменений, ограничений и сроков поставки оказывает существенное влияние на издержки разработки продукта.

К примеру, многие предприятия учитывают сроки производства контрагентов, что позволяет заблаговременно отправлять потребность для своевременного получения требуемой продукции – оптимизация сроков собственного производства.

Отсутствие каких-либо компонентов у контрагентов может быть серьёзной проблемой, поэтому предоставление этой информации инженерам является важной частью цикла обратной связи при определении поставщиков.

Читать далее
Всего голосов 13: ↑13 и ↓0 +13
Комментарии 13

Как пользоваться дизайнером

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 2.9K
Графический дизайн *
Из песочницы

Вот уже семнадцать лет я работаю графическим дизайнером. Как в найме, так и для частных заказчиков. Я не тот дизайнер, чьи работы лайкают на behance, растаскивают по доскам на pinterest и кидают референсами заказчику. Я обычный ремесленник и трудяга, продавший душу корпорации за комфортный соцпакет и стабильную зарплату. И нас таких – легион. Если вы хоть раз заказывали дизайн, вы почти наверняка имели дело с человеком вроде меня. В этой статье опишу жёстко и честно, почему работа с нами обычно строится через жопу.
И подскажу решение.

Читать далее
Всего голосов 30: ↑29 и ↓1 +28
Комментарии 11

Укроп на камнях

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 15K
Программирование микроконтроллеров *Прототипирование *Производство и разработка электроники *Биотехнологии DIY или Сделай сам

Покупая одновременно микрозелень и коньяк можно поймать оценивающий взгляд. Не объяснять же каждому, что набор для выращивания приобретается в научных целях. За 98 рублей мы получаем пластиковый контейнер, минеральную вату, пакет семян и инструкцию. «Выдержать в темноте 2 дня… снять крышку… поставить на солнце… периодически поливать». Такие нехитрые действия помогут вырастить небольшое количество полезных растений.

Приблизительно два года назад я приобрел такой набор и успешно вырастил небольшое количество редиса. В это же время ко мне попала книга Уильяма Тексье «Гидропоника для всех». Помимо информации, относящейся к растениям, книга содержит много упрощенных картинок гидропонных установок. Именно Тексье повинен в идее превратить пластиковую коробочку  с минеральной ватой в нечто большее.

Читать далее
Всего голосов 50: ↑49 и ↓1 +48
Комментарии 29

Рисуем верёвку в формате SVG при помощи JavaScript

Уровень сложности Средний
Время на прочтение 8 мин
Количество просмотров 3.8K
Блог компании Национальная Медиа Группа CSS *JavaScript *Работа с векторной графикой *Математика *
Туториал
Перевод

Сегодня я расскажу о процессе, который я придумал для преобразования SVG‑контура в векторный рисунок верёвки.

Вы узнаете, как превратить показанный слева контур в верёвку справа:

Эта задача возникла в проекте, над которым работали мои коллеги, и она привлекла моё внимание. Я думал о ней и начинал экспериментировать, как только появлялось свободное время. Это было очень увлекательно, поэтому я захотел поделиться с вами процессом решения.

Стоит учесть, что это не туториал по кодингу, а подробный обзор каждого из этапов. Но не беспокойтесь, код полностью доступен.

Замысел

Взглянув на это фото верёвки, вы заметите, что она состоит из множества переплетённых друг с другом прядей. Визуально они делят верёвку на сегменты. 2D‑проекция каждого сегмента напоминает изогнутый многоугольник.

Наша задача будет заключаться в создании этих многоугольников при помощи JavaScript.

Читать далее
Всего голосов 57: ↑56 и ↓1 +55
Комментарии 1

Дизайн-спринты: как они помогут вашей команде и лично вам

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 738
Веб-дизайн *Дизайн мобильных приложений *Дизайн
Из песочницы

Дизайн-спринты: как они помогут вашей команде и лично вам

Для кого: для дизайнеров, лид-дизайнеров, продакт-менеджеров, разработчиков и всех адептов дизайн-мышления. 

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Комментарии 0

Как кастомизировать стандартные страницы ошибок

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 2.3K
Разработка веб-сайтов *JavaScript *Nginx *Дизайн
Обзор

Данная статья описывает утилиту для генерации статических страниц ошибок, используемых в качестве замены стандартным страницам. В статье подробно описаны возможности утилиты, среди которых шаблонизация, стилизация, локализация, генерация сниппетов для настройки сервера. Проект является Open Source, и открыт для новых идей и запросов.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 17