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

Дизайн

Сначала показывать
  • Новые
  • Лучшие
Порог рейтинга
  • Все
  • ≥0
  • ≥10
  • ≥25
  • ≥50
  • ≥100

Разработка настоящих компонентов: блок сообщения Facebook Messenger

Блог компании RUVDS.com Разработка веб-сайтов *CSS *Дизайн Социальные сети и сообщества
Перевод
Смесь любопытства и тяги к исследованиям снова привели меня к системе обмена сообщениями Facebook. Я уже изучал компоненты Facebook и писал об этом. Сейчас я обратил внимание на то, что в одни только блоки для вывода сообщений чата вложена огромная работа. На первый взгляд может показаться, что разработка компонента, реализующего чат — это просто, что у составных частей такого компонента будет не особенно много вариаций.

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



В этой статье я расскажу об устройстве компонента, представляющего собой блок сообщения Facebook Messenger, покажу варианты его стилизации, поделюсь некоторыми интересными находками.
Читать дальше →
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 1.3K
Комментарии 0

Новости

Использование индексных хэшей для ускорения поиска кадров в базе данных

Поисковые технологии *Работа с видео *Обработка изображений *

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

Читать далее
Всего голосов 7: ↑5 и ↓2 +3
Просмотры 1.7K
Комментарии 4

Как создать рекламный креатив и не сойти с ума: требования рекламных систем, закон «О рекламе» и котики

Блог компании Click.ru Медийная реклама Контекстная реклама Контент-маркетинг Дизайн

Привет! Сегодня мы разберем еще одну важную тему, о которой не очень-то много пишут, – как создать рекламный креатив и не забыть при этом никакие требования, предъявляемые к будущим визуалам с разных сторон:

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

Игра в Кальмара штурмует рекламную базу данных SocialPeta! Netflix официально запускает Netflix Games?

Разработка игр *Монетизация игр *Аналитика мобильных приложений *Дизайн игр *Продвижение игр *
Recovery mode
Tutorial

Телешоу предотвратило потерю подписчиков Netflix? Согласно результатам третьего квартала Netflix, благодаря прорывному хиту "Игра в кальмара", глобальная стриминговая платная платформа Netflix удвоила прибыль по сравнению с прошлым годом, которая составила 4,38 миллиона в третьем квартале, что значительно превысило ожидаемые 3,72 миллиона. Что же такого волшебного в этом сериале? Почему люди так без ума от него?

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

Как собрать махолёт, или Jam, Godot и Blender

Разработка игр *Прототипирование *Игры и игровые консоли Godot *

Доброго времени суток.

В сегодняшней статье речь пойдёт о разработке проекта для 72-х часового конкурса игр.

Лететь далее
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 1.9K
Комментарии 0

Как я «напрограммировал» себе скилл рисования диаграмм в скетч-стиле

Блог компании TABLUM.IO Программирование *Обработка изображений *Графический дизайн *Развитие стартапа

По работе мне часто приходится рисовать разные схемы, диаграммы процессов и графики, в том числе и те, которые потом используются в качестве иллюстраций для сайта, статей и презентаций. Всё бы ничего, но есть у диаграмм и графиков, сделанных в популярных онлайн-сервисах наподобие draw.io или lucidcharts одна беда — они выглядят как-то слишком уныло и «олдскульно», в духе «90-х». Всю эту инфографику хотелось бы сделать более заметной, привлекательной и душевной (и, желательно, без привлечения дизайнера).

Так у меня возникла идея создания инструмента для отрисовки диаграмм и графиков в стиле «нарисовано от руки». Об истории создания сервиса и «подводных камнях» я расскажу в этой заметке.

Читать далее
Всего голосов 133: ↑133 и ↓0 +133
Просмотры 10K
Комментарии 27

Герметизация корпусов для электроники. Часть 2: сварка полимеров и металлов

Прототипирование *Производство и разработка электроники *Дизайн Лазеры Электроника для начинающих

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

Рассмотрим пять типов сварки: горячей плитой, электромагнитной индукцией, вибрацией, ультразвуком и лазером. Это будет интересно не только инженерам и технологам. :-)

Напомним, что в первой части мы на примере своих инженерных разработок объясняли, как работают самые популярные методы герметизации: уплотнители и литье — многокомпонентное и переформовка (overmolding). А в этот раз в конце будет сводная таблица всех методов — в помощь читателям, которые хотят выбрать оптимальную технологию производства для своего hardware-проекта.

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

На какие метрики мы смотрели, обновляя интерфейс банкоматов

Блог компании TINKOFF Интерфейсы *Usability *Дизайн

Зачем вообще в 2021 году заниматься банкоматами? Кажется, что уже все кто только можно перешли на безнал. Но на самом деле количество пользователей банкоматов Тинькофф растет, причем быстрее, чем количество клиентов. То есть людям все равно нужен нал: они платят за квартиру или получают зарплату на счет в другом банке и перекладывают ее в Тинькофф. 

Сейчас в сети Тинькофф больше 2500 банкоматов, и около 27% аудитории банка регулярно ими пользуется. 

Интерфейс банкоматов, который работал все это время, — довольно хороший. Он занимает призовые места в рейтингах, и пользователи им довольны.

Но мы решили его поменять. 

Читать далее
Всего голосов 26: ↑23 и ↓3 +20
Просмотры 4K
Комментарии 31

Windows 11: минусы дизайна

Интерфейсы *Дизайн

В этой статье мне бы хотелось поделиться пользовательским опытом, связанной с Windows 11, которой я на момент написания статьи пользуюсь примерно месяц с лишним.

Читать далее
Всего голосов 54: ↑48 и ↓6 +42
Просмотры 20K
Комментарии 158

Руководство по визуальному языку субтитров

Блог компании Alconost Работа с видео *Разработка игр *Читальный зал Социальные сети и сообщества
Перевод

Эти рекомендации применимы к видимым субтитрам для телевидения или кино, к переводным субтитрам, субтитрам на YouTube, встроенным субтитрам для видео в социальных сетях и субтитрам в видеоиграх.

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

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

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

Странные вещи в Солнечной системе

Блог компании RUVDS.com Дизайн Научно-популярное Космонавтика

Когда Илон Маск запустил в космос кабриолет, интернет наполнился возмущёнными комментариями неравнодушной общественности: что за глупая идея и к чему это бесполезная вещь в космосе? Лучше бы запустил что-нибудь полезное для науки! Однако до автомобиля Маска в космосе оказалось немало непонятных и, в общем, бесполезных вещей: грампластинка в межзвёздном пространстве, осколочное ядро на Луне, одноцентовая монета на Марсе, игрушки у Юпитера, и вообще непонятная загогулина в поясе астероидов…
Читать дальше →
Всего голосов 111: ↑111 и ↓0 +111
Просмотры 47K
Комментарии 68

Алгоритм генерации тайловых карт Model Synthesis

Разработка игр *Алгоритмы *Дизайн игр *
Перевод
image

Я много писал об алгоритме коллапса волновой функции (Wave Function Collapse). Этот алгоритм, разработанный Максимом Гуминым в 2016 году, генерирует тайловые карты и пиксельные текстуры на основании удовлетворения ограничениям с дополнительной рандомизацией [перевод на Хабре]. Но знали ли вы, что большинство основных идей для него взято из статьи, написанной больше десятка лет назад? Сегодня мы рассмотрим диссертацию 2007 года на степень PhD Пола Меррела Model Synthesis и некоторые из разработанных им расширений алгоритма, в частности, Modifying in Blocks.

Model Synthesis


Идея Model Synthesis очень похожа на WFC, по которому я написал целый туториал. Но в этой статье мы опишем идею с нуля.

Model Synthesis начинает с передачи примера тайловой карты, которая используется алгоритмом для того, чтобы учиться, какие тайлы могут располагаться друг рядом с другом при построении модели. Затем для выходного результата инициализируется пустая сетка ячеек. Каждая ячейка имеет список «потенциальных» тайлов, которые могут её заполнить.

Изначально допустим любой тайл. Основной цикл выбирает ячейку и выбирает для неё заданный тайл, помечая все остальные как недопустимые. Затем он распространяет последствия этого выбора при помощи алгоритма AC4, то есть помечает тайл как недопустимый для текущей ячейки, если все его валидные смежные ячейки уже недопустимы. После распространения цикл сбрасывается и мы выбираем другую ячейку, для которой нужно выбрать тайл.
Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Просмотры 1.4K
Комментарии 3

Мир против интентов

Научно-популярное Искусственный интеллект Мозг Natural Language Processing *Голосовые интерфейсы
Из песочницы

Я давно собирался и наконец-то решился высказать и доказать одну крамольную мысль. Датасайентисты из области NLU и NLP могут заранее готовит кирпичи, чтобы швырнуть ими в меня. Будет много жареного!

Начнём с главного - мир ошибается. Де факто! Диалоговые технологии развиваются не в том направлении и не теми темпами. Сайентисты научили алгоритмы превращать звук голоса в текст, а текст обратно в слышимую речь. Но между этими двумя частями находится задача понимания СМЫСЛА сказанного - того, что было заложено в произнесённый текст. “Рот” и “уши” сделать сумели, а к “голове” их прикрепить не получается. Вернее, то что подают за решение, решением не является. То что выдают за современные технологии IT-гиганты такой “детский сад”, что мама дорогая! Как это не стыдно выкладывать в мир таким компаниям как Гугл, Майкрософт и Яндекс. Примитивизм и убогость голосовых навыков просто удручает.

Узнать всё
Всего голосов 30: ↑15 и ↓15 0
Просмотры 2.1K
Комментарии 42

Что нужно знать о вёрстке под ретину

Блог компании HTML Academy Разработка веб-сайтов *CSS *HTML *Дизайн

Ретиной называют дисплеи Apple с повышенной плотностью пикселей на квадратный дюйм. Впервые о них заговорили в 2010 году, когда Стив Джобс презентовал iPhone 4. Новый на тот момент смартфон получил экран с плотностью 326 PPI — в два раза выше, чем у его предшественника iPhone 3GS.

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

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

Читать далее
Всего голосов 20: ↑20 и ↓0 +20
Просмотры 7.3K
Комментарии 8

Vulkan. Руководство разработчика. Текстурирование

Программирование *C++ *Работа с 3D-графикой *Разработка игр *CGI (графика) *
Перевод
Tutorial


Привет! Я перевожу руководство Vulkan Tutorial на русский язык и выкладываю переводы на Хабр. Оригинал руководства можно найти здесь.

Сегодня я перехожу к новому разделу Текстурирование (Texture mapping). Первая глава раздела, переводом которой я собираюсь с вами поделиться, называется Images.

Содержание
Читать дальше →
Всего голосов 5: ↑5 и ↓0 +5
Просмотры 1.3K
Комментарии 3

WORLD USABILITY DAY 2021 — уже на этой неделе: успей на онлайн-конференции с топовыми спикерами

Блог компании Банк «Открытие» Usability *Карьера в IT-индустрии Конференции

Привет! На этой неделе всех, кто интересуется темой юзабилити, ждет классное событие международного масштаба - World Usability Day 2021. В самых разных точках планеты - от американского Сиэтла до австралийского Мельбурна - UX-эксперты соберутся 11 ноября, чтобы выступить с рассказами о насущном и актуальном по теме. Подробнее и кнопки на все регистрации тут: https://worldusabilityday.org

В России организаторами WUD'21 выступают банк "Открытие", USABILITYLAB и Университет ИТМО - 11, 12 и 13 ноября они проведут три онлайн-конференции для всех, кто интересуется темой юзабилити в современном бизнесе и особенно – в банковской сфере в России.

На российской части WUD всегда есть Guest Star – в прошлом году это был Якоб Нильсен, а в этом году по приглашению банка «Открытие» выступит Эрик Райс (Eric Reiss), который расскажет про 7 вещей, которые определят будущее банковского UX.

Читать далее про WUD'21
Рейтинг 0
Просмотры 242
Комментарии 1

Семь простых советов о том, как не надо верстать

Веб-дизайн *Разработка веб-сайтов *CSS *Интерфейсы *HTML *

Эта статья является продолжением моего «крестового похода» против ветряных мельниц убогих современных тенденций в разметке и оформлении веб-приложений (статья1, статья2). И, поверьте — солидная ее часть — это толерантная, такая, чтобы никоим образом не нарушить NDA, переработка реального доноса код-ревью кода важного боевого проекта для руководства одной из команд в которых мне приходилось участвовать. До этого момента я породил уже три достаточно злых, токсичных длиннопоста для сообщества, и, о чудо — ни один из них не умудрился скатился в минус (но последний был близок). И на этот раз — я готов! Ибо этот пост именно о тех технологиях и подходах к верстке, которые мне[, конечно же, на основе коммерческого опыта] кажутся весьма неудачными и неэффективными, неадекватными в очень многих ситуациях. Конечно, существуют команды, проекты, требования когда каждый из этих подходов может окажется вполне приемлемым и уместным. Но на деле, чаще всего, имхо, оказывается, что поборники данных методов — безальтернативно «подсаживаются на любимую иглу» и упорно не хотят знать и уметь, использовать ничего другого... Мне вообще кажется что мир вокруг нас сейчас это, утопия, практически целиком, максимально упрощенная тотальным засильем пролоббированного рептилоидами, мировой закулисой корпорациями тоталитарного глобального мейнстрима, и это одинаково касается всех сфер жизни, культуры, вот тут можно почитать мою философскую статью на тему применительно как раз к интерфейсам Куда подевались социальные сети? Пропаганда и реклама вместо общения... И даже наш любимый журнал о технической культуре, по сути, превратился в рекламную помойку, по большей части, унылое отражение глобального общественного тренда... Но, как известно — «главное попытаться», поэтому — поехали!

Читать далее
Всего голосов 20: ↑8 и ↓12 -4
Просмотры 13K
Комментарии 86

Проект мультфильма по произведениям Ивана Ефремова

Работа с 3D-графикой *Компьютерная анимация *Научная фантастика Будущее здесь Интервью

Об эволюционистской концепции Ивана Ефремова я писал ранее. Удивительно, что идеи учёного и писателя о красоте как наивысшей целесообразности не сыскали должного внимания со стороны изобразительного искусства, где, казалось бы, самое место их воплощению. Отдельные попытки советского кинематографа отразить творчество Ивана Ефремова не выдерживают конкуренции с реализациями фантастических сюжетов, выполненных на Западе на современном технологическом уровне («Звёздные войны», анимационный сериал «Любовь, смерть и роботы», и т.д.). Целые молодёжные субкультуры возникают вокруг японских творений в стиле аниме. Тем досаднее на этом фоне выглядит соответствующий провал в сфере отечественной мультипликации и научной фантастики. Да и космос ныне – совсем не в моде… Однако, люди, мечтающие исправить положение, существуют, и вниманию читателя предлагается интервью как раз с таким коллективом единомышленников. Вячеслав и Александра Ильяевы работают над анимационным проектом по мотивам произведений Ивана Ефремова «Туманность Андромеды» и «Сердце Змеи». Изображение танцующей девушки, приведённое выше – созданный ими образ Тайны Дан, биохимика звездолёта Тантра.

Читать далее
Всего голосов 72: ↑70 и ↓2 +68
Просмотры 12K
Комментарии 111

Распознавание речи в Telegram «на лету»

Мессенджеры *Go *Голосовые интерфейсы

Задача распознавания голосовых сообщений в Telegram уже давно не новая. На эту тему написано много статей, разработано немало Telegram-ботов. С некоторыми решениями я ознакомился во время работы над функцией распознавания голосовых напоминаний для бота @RemindMegaBot и заметил, что в этих решениях используется не всегда оправданный подход:

Для распознавания речи аудиофайл загружается на диск.

Возникает справедливый вопрос — неужели нельзя обойтись без записи файла на диск? Ведь это освободит операционную систему от лишних операций и сократит время обработки данных!

Почему же разработчики используют именно такой подход?

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