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

Дизайн

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

Новости

Как создавать пользовательские представления в Android (Custom Views)

Уровень сложности Сложный
Время на прочтение 4 мин
Количество просмотров 574
Разработка мобильных приложений *Разработка под Android *Дизайн мобильных приложений *
Из песочницы
Перевод

В данной статье расскажу как создать свои кастомные представления(view) при разработке приложений для андроид устройств. Если вы не знакомы с разработкой приложений для андроид предлагаю прочитать официальную документацию. В статье будет использовано язык программирования Kotlin(официальный язык программирования для создания приложений для андроид). Можно прочитать про Котлин здесь.

Перед тем как перейти к основной части статьи, предлагаю разобраться в двух вопросах:

1) Что такое пользовательское представление(custom view) в Android ? Пользовательское представление - это элемент пользовательского интерфейса, который полностью создается разработчиком. Пользовательские представления используются, когда существующие представления, предоставляемые Android, не соответствуют конкретным требованиям к дизайну или функциональности. Пользовательские представления создаются путем расширения класса View, который предоставляет базовую структуру для рисования и обработки пользовательских взаимодействий.

2) Когда или при каких условиях может понадобится создать свои view при создании Android приложений ?
Создание пользовательского представления(Custom View) в Android - важнейший навык для разработчиков, которые хотят создавать инновационные и уникальные приложения. Пользовательские представления предоставляют разработчикам возможность создавать сложные визуальные элементы, которые улучшают пользовательский опыт, обеспечивая при этом гибкость и кастомизацию. В этой статье мы расскажем вам, как создавать пользовательские представления в Android.

Читать далее
Рейтинг 0
Комментарии 1

Ирина, голосовой помощник — теперь и со вкусом GPT-3

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 3.1K
Open source *Python *Умный дом Голосовые интерфейсы *

«Лама... Альпака...Чатгпт...» — раздавалась в уютненьком чатике по Ирине.

Хабр был не лучше — статьи по работе с GPT множились как грибы, а в комментах раздавались возгласы в духе «Дайте мне голосового помощника, с которым можно болтать!»

Если честно, еще в первой статье про Ирину я говорил, что небольшой фанат именно общения с виртуальным помощником. Помощник должен выполнять команды, казалось мне.

Тем не менее, и меня заинтересовало, насколько весело будет именно болтать с GPT, но самому в коде и платном API‑доступе разбираться не хотелось. Но сегодня утром меня снабдили и примером, и ключиком...

‑-

Это продолжение моих статей о разработке голосового помощника Ирины, не зависящего от крупных корпораций. У нас есть печеньки:

— Полностью оффлайн SpeechToText и TextToSpeech
— Поддержка плагинов
— Готовые команды «таймер», «погода» и ряд прочих. Поддержка HomeAssistant.
— Поддержка работы в клиент‑серверном режиме — сервер + куча микрофонов + Телеграм‑клиент, например.

Расскажу, что улучшилось за прошедший год с момента прошлой статьи.

TL;DR> Добавлен плагин для общения с GPT-3 нейросетью. Сделан пакет упрощенной установки под Windows — «скачай и запусти». Сделано два веб‑клиента — один распознает слова прям в браузере (тяжелый), другой отправляет весь звуковой поток на сервер (легкий) — так что можно запускать клиенты, например, на смартфоне. Добавлен TTS Silero v3 — имхо, лучшее озвучивание доступное в открытом доступе. Сделан докер‑образ для быстрого запуска Ирины без установки зависимостей. Добавлено нечеткое распознавание фраз. Обновлена VOSK‑модель распознавания голоса на специально натренированную для Ирины.

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

Почему шаблоны в $mol такие странные?

Время на прочтение 8 мин
Количество просмотров 1.3K
Разработка веб-сайтов *JavaScript *Интерфейсы *ReactJS *TypeScript *

Здравствуйте, меня зовут Дмитрий Карловский и я.. дуб. Я пустил свои корни в адептов святого $mol, и выращиваю из них сверх‑людей, способных каждый год сбрасывать былые привычки и убеждения, но тут же пускать побеги свежих идей, базирующихся на прочном рациональном основании.

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

Стать сверх-человеком за 5 мин
Всего голосов 18: ↑5 и ↓13 -8
Комментарии 32

Истории

Что не так с умными колонками и голосовыми ассистентами?

Время на прочтение 8 мин
Количество просмотров 28K
Машинное обучение *Искусственный интеллект Умный дом Голосовые интерфейсы *
Мнение

Если вы когда-нибудь слышали фразу "дьявол в деталях", вы понимаете, что условная Лада Гранта от условного Мерседеса отличается не более, чем на несколько процентов. Фактически обе машины ездят и возят своих пассажиров - это и есть главная их функция. Но внимание к мелочам и продуманный пользовательский опыт (UX) это и есть те самые несколько процентов, которые так разительно влияют на наше восприятие продукта.

Попробуем применить этот угол зрения к умным колонкам и голосовым ассистентам. И попытаемся понять, почему же все они пока ещё Гранты. И чего именно им не хватает до Мерседесов.

Что же с ним не так и как это исправить?
Всего голосов 71: ↑57 и ↓14 +43
Комментарии 316

Сборка v4l-utils. Система сборки meson

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 596
Настройка Linux *Работа с видео *
Туториал

Недавно для популярного пакета для работы с мультимедиа устройствами (в основном камерами) появилась возможность сборки через meson. В данной статье мы рассмотрим как это осуществить. Собирать будем в Ubuntu 22, но подойдёт и любой другой популярный современный дистрибутив.

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

Архитектура дизайн-системы. Критикуем и предлагаем

Уровень сложности Средний
Время на прочтение 11 мин
Количество просмотров 999
Веб-дизайн *IT-инфраструктура *IT-стандарты *Прототипирование *Бизнес-модели *
Туториал

В нашей дизайн-системе и её представлении были изменены некоторые структурные особенности. Атомарная система не выдерживает смысловой, терминологической критики, где есть атомы, молекулы, как метафора частиц материи, однако после метафоры частиц материи из физики/химии, идут “страницы” и “шаблоны”, что вносит некий когнитивное искажение в общую структуру картины атомарной системы дизайна. Так же, атомарная дизайн-система имеет ряд архитектурных упущений, которые выявились по ходу опыта использования на крупных продуктах, которые требуют более проработанной архитектуры.

О ней мы и поговорим.

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

Создание карты потоков с помощью JavaScript: пошаговое руководство

Уровень сложности Средний
Время на прочтение 16 мин
Количество просмотров 3.3K
Блог компании RUVDS.com CSS *JavaScript *HTML *Графический дизайн *
Перевод

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

В текущем руководстве мы познакомим вас с процессом создания карты потоков. А чтобы сделать этот процесс более практичным, мы используем пример визуализации количества студентов из Индии, обучающихся в разных странах. Следуя этому руководству, вы научитесь создавать собственные карты потоков с помощью JS для любых видов данных.
Читать дальше →
Всего голосов 32: ↑31 и ↓1 +30
Комментарии 0

Windows по сравнению с MacOS

Уровень сложности Простой
Время на прочтение 50 мин
Количество просмотров 31K
*nix *Интерфейсы *Usability *Разработка под MacOS *Дизайн
Мнение

У меня родилась статья в продолжение серии хороших статей:

Перейти с Linux на macOS и не сойти с ума

7 причин почему вам не стоит переходить на Mac, или как справиться с этой демонической машиной

Я, старый дурак пользователь Windows (26 лет стажа, ну да, с 1997 г.) решил купить макбук. Вот этот, предпоследний, стильный-модный-молодежный на процессоре M1 Pro. Нафига, а главное зачем - вопрос риторический и не предполагающий ответа (захотелось). Как его можно настроить, чтобы заскорузлому виндузятнику стало возможно использовать этот чудо-компьютер с яблоком без очень сильной боли в одном месте, я попытаюсь написать в этой заметке. Хотел бы я, чтобы полгода назад мне на глаза попалась такая!

Продолжение из двух частей с эпилогом
Всего голосов 92: ↑64 и ↓28 +36
Комментарии 285

«Человек. Собака. Человек с собакой». Как искусственный интеллект понимает, что жизни школьников в опасности

Время на прочтение 3 мин
Количество просмотров 1.2K
Блог компании Команда Цифровой Трансформации Татарстана Работа с видео *Обработка изображений *Машинное обучение *
Кейс
Recovery mode

В новостях Казани регулярно появляются заголовки о том, что бродячие, беспризорные собаки нападают на людей. Пугают сообщения о том, что школьнику прокусили щеку, на детей напала собака прямо на детской площадке, ребятам из группы школьников прокусили ногу и разорвали куртку… Осенью прошлого года замглавы исполкома Казани Искандер Гиниятуллин сообщал, что в столице Татарстана находится 4 900 животных, подлежащих отлову и стерилизации. Очевидно, что кроме этих мер требуются и другие. Команда исследований в области искусственного интеллекта Центра цифровой трансформации Республики Татарстан (ЦЦТ РТ) в начале года вплотную занялась вопросом.

Как именно - рассказываем в статье.

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

PCIe для электронщиков: знакомство с дифференциальными парами

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

PCIe, он же PCI-Express, представляет собой очень мощный интерфейс, и в этой статье я опишу основные принципы его использования в собственных проектах. Поначалу PCIe может немного пугать, но он всё же достаточно прост для экспериментов и вполне пригоден для применения в рамках хобби. В определённый момент вы можете решить использовать микросхему PCIe в собственных проектах или, например, задействовать подключение PCIe на Raspberry Pi Compute Module, так что лучше быть к этому готовым.
Читать дальше →
Всего голосов 59: ↑57 и ↓2 +55
Комментарии 17

С кем дружить UX-редактору? Как быстро вырастить грейд? Что включить в редполитику? И ещё 22 вопроса о UX Writing

Время на прочтение 10 мин
Количество просмотров 443
Блог компании СберМаркет Интерфейсы *Дизайн мобильных приложений *Управление продуктом *
FAQ

Привет, редактор! Недавно мы провели UX Writing Meetup со спикерами из СберМаркет Tech, Ozon и Магнит, но из-за ограниченного тайминга не успели ответить на многочисленные крутые вопросы слушателей. Расскажем, что делать, если редполитика становится слишком толстой, с какими командами UX-редактору стоит подружиться в первую очередь, где взять рабочий опыт, если без него не берут на работу. Поехали!

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

RoadMap UX/UI — Product Designer Skills

Уровень сложности Простой
Время на прочтение 1 мин
Количество просмотров 853
Карьера в IT-индустрии Дизайн
Роадмэп

В этой статье я расскажу какими навыками необходимо обладать будущему UX/UI Desinger и Product Designer. Чтобы было проще ориентироваться я собрал карту в виде mind map, со всеми необходимыми ссылками, чтобы вам было проще найти информацию.

Читать далее
Рейтинг 0
Комментарии 3

Процедурная генерация 3D-мешей для интро на 64 КБ

Время на прочтение 7 мин
Количество просмотров 3K
Программирование *C++ *Assembler *Работа с 3D-графикой *Демосцена
Перевод

В предыдущей статье [перевод на Хабре] мы рассказали, как генерируются текстуры в демо H – Immersion. На этот раз мы изучим ещё один важный инструмент для создания демо нужного размера — процедурную геометрию.

В частности, поскольку в нашем рендеринге используются традиционные полигоны, мы написали процедурный генератор мешей. Мы покажем, как благодаря тщательно подобранным методикам можно создать разнообразие форм или убедить в этом зрителя, как это сделали мы.
Читать дальше →
Всего голосов 28: ↑28 и ↓0 +28
Комментарии 3

Почему компонент дизайн системы — это часть процесса создания дизайна

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

Привет, я Андрей Сахаров, дизайнер и преподаватель UI/UX дизайна. Работа с компонентами — важная составляющая культуры дизайна. Часто бывает, что новички в профессии имеют абстрактное, неоформленное представление о том, как создается дизайн. Понимание технологии и того, как все устроено, собственный осознанный подход к работе и практические наработки приходят со временем. На мой взгляд, причина кроется в том, что многие начинают с теории, а не с практики. Поэтому в этой статье я хотел бы на конкретных примерах рассказать о собственном методе работы с компонентами.

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

Все web-дизайнеры привирают о свои размерах. Или проблема height'ов

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 1.5K
Веб-дизайн *Интерфейсы *Дизайн

Третьего дня, сдавай дизайны мобильного приложения. «А вы помните, что есть статус бар и чёлка?» — осведомилась менеджер подрядчика. «Юная леди, я с 2006 и разрешения 1024x768 помню, что есть бары операционных систем, окно браузера и бары ввода адреса и управления в нем» — вежливо проинформировал я.

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

Диффузионная нейросеть ModelScope text2video 1.7B — создаём видео по текстовому описанию у себя дома

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 5.3K
Работа с видео *Python *Машинное обучение *Искусственный интеллект Будущее здесь
Туториал
Из песочницы
🤖 Сезон machine learning

Ещё не успело ИИ-сообщество оправится от набега ЛЛаМ и высвобождения GPT-4, подоспела новая напасть — 19го марта была выпущена китайская нейросеть ModelScope text2video от Alibaba, создающая короткие видеоролики по текстовому описанию.

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

От копирайтера к UX/UI-дизайну: карьерная история дизайнера из команды персонального управления финансами

Уровень сложности Простой
Время на прочтение 8 мин
Количество просмотров 554
Блог компании Сбер Карьера в IT-индустрии Дизайн

Привет, Хабр! Меня зовут Саша Гагарин, я продуктовый дизайнер в PFM (Персональное управление финансами) в Сбере. Хочу поделиться историей, как оказался в команде дизайнеров Сбера: с какими трудностями столкнулся и как с ними справлялся, какие инсайты нашёл, и как дизайнерам работается в большой компании.

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

Федеральные рекомендации по интерфейсам: переманить цифровую бюрократию на свою сторону

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 1.6K
Блог компании Команда Госуслуг Веб-дизайн *Интерфейсы *IT-стандарты *Usability *

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

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

Что наука знает о красоте: 13 научных исследований для создания привлекательного персонажа

Уровень сложности Средний
Время на прочтение 11 мин
Количество просмотров 14K
Блог компании Timeweb Cloud Разработка игр *Дизайн игр *Научно-популярное Игры и игровые консоли


Я загуглила топ-10 самых красивых персонажей компьютерных игр всех времен, узнала об эволюции женских персонажей в играх, а очнулась, когда дочитывала 20-е научное исследование о человеческой красоте. Теперь я знаю, что

  • красивые женщины нравятся не только взрослым мужчинам, но и младенцам;
  • для красоты лица важна симметрия;
  • оранжевые мужчины более привлекательны;
  • важен не размер женских бедер, а угол в пояснице;
  • у Лары Крофт фигура нормальной англичанки.

Мне захотелось посмотреть, где в играх уже применяют выводы из исследований, что я вычитала. Ниже ссылки на 13 исследований о человеческой красоте и привлекательности с примерами из игр.

Я веду ламповый Telegram-канал GameDEVils и блог на Substack . Заглядывайте в гости, я делюсь там материалами про геймдизайн, разработку и историю игр ^__^

Красота биологически важна для человека


И если бы меня попросили назвать только одно «почему», которое чаще всего называют ученые, то после чтения пары десятков исследований, я бы сказала: «красивое — скорее всего здоровое.
Читать дальше →
Всего голосов 80: ↑75 и ↓5 +70
Комментарии 59