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

Дизайн

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

Дайджест заметок UX-дизайнера за июль 2022

Анализ и проектирование систем *Usability *Дизайн

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

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

Новости

DALL-E 2 vs MidJourney: наш опыт практического применения нейросети для оформления сайта…и не только

Блог компании Группа компаний X-Com Визуализация данных *Дизайн Искусственный интеллект Будущее здесь

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

Читать далее
Всего голосов 40: ↑37 и ↓3 +34
Просмотры 11K
Комментарии 34

Делаем эффекты в видеосвязи, используя Canvas API и MediaPipe

Блог компании Skyeng Работа с видео *JavaScript *Canvas *Видеоконференцсвязь

Привет! На связи Влад из команды видеоплатформы Skyeng. Мы отвечаем за аудио и видео коммуникацию в образовательных продуктах, применяем WebRTC и реализуем фичи вокруг Video Conferencing. О реализации одной из них хочу рассказать: мы сделали видеоэффекты для веба.

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

Когда мы поговорили с пользователями, они подтвердили — нужна возможность заменить фон во время урока на альтернативный или размыть на звонке то, что происходит позади. Да и видеоэффекты уже есть на многих видеоплатформах, надо не отставать от трендов. 

Все сошлось. Решили делать.

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

Как я стала профи: стажер Tele2 и спецпроект про базовые станции

Блог компании Tele2 Веб-дизайн *Usability *

Привет, Хабр! Меня зовут Надежда Калинина. Я стажер Tele2 и уже год работаю в департаменте цифрового контента и дизайна. Хочу поделиться своим необычным опытом участия в спецпроекте, который сделал из меня человека профессионала.

Речь пойдет о создании спецпроекта «Базовая Станция», который мне посчастливилось вести с нуля: от первых драфтов до запуска. Спойлер: было тяжело, но очень интересно.

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

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

Блог компании Wunder Fund Алгоритмы *Графический дизайн *Дизайн игр *Дизайн
Перевод

Мне всегда нравилась визуальная эстетика дизеринга (dithering, псевдотонирование, псевдосмешение цветов), но я не знал о том, как он применяется. Поэтому я провёл кое-какие изыскания. Эта статья может содержать отголоски ностальгии, но в ней не будет никаких следов Лены.

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

Повторил заставку канала Топлес

Работа с 3D-графикой *DIY или Сделай сам

Всем привет, это Денис Вебер.

Однажды, я листал свои подписки на YouTube и наткнулся на канал Топлес. В одном из роликов была просто нереальная заставка с 3д анимацией и эта заставка так меня вдохновила, что я решил её повторить и рассказать о процессе создания в своём новом видео и статье.

Как обычно, специально для тех, кому больше нравится формат видео, а не текст, видео я оставлю в конце статьи.

Читать далее
Всего голосов 36: ↑30 и ↓6 +24
Просмотры 26K
Комментарии 36

Я заплатил сорок шесть тысяч долларов за редизайн и жалею об этом

Блог компании Productivity Inside Веб-дизайн *Управление разработкой *Управление проектами *
Перевод
Два года назад я сделал вебсайт для своего бизнеса. Сочетание моих собственных нулевых навыков дизайна и приличного шаблона дало на выходе сайт, который выглядел более-менее. Я сказал себе, что если дело пойдет в гору, я найму настоящего дизайнера, чтобы всё смотрелось профессионально.



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

В результате редизайна я получил следующее:
Читать дальше →
Всего голосов 72: ↑71 и ↓1 +70
Просмотры 50K
Комментарии 201

Итак, на дворе 1997-ой год, и вы хотите создать веб-сайт

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

И так вы оказались в 1997 году и вам нужно создать веб-сайт. Какие ваши действия и как вы будете это делать?

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

Автоматический синтез речи: взгляд лингвиста

Блог компании Unistar Digital Семантика *Машинное обучение *Natural Language Processing *Голосовые интерфейсы *

Что первым придет в голову, если перед нами встанет задача автоматического порождения речи по тексту? Вероятнее всего, мы позаботимся о расстановке пауз между словами, постараемся правильно выбрать интонацию фразы и расставить смысловые акценты. Обязательно построим фонетическую транскрипцию: орфография и произношение далеко не всегда однозначно соответствуют друг другу, о чем компьютер не узнает без нашей помощи.  Полученную транскрипцию переведем в цифровой сигнал, который затем преобразуем в звуковые колебания. 

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

Все словно забыли, почему возникли GNOME 3 и Unity

Блог компании Дата-центр «Миран» Open source *Интерфейсы *Дизайн История IT
Перевод


Хорошо известно, откуда появился GNOME 3, а потом и Unity. Но такое впечатление, что многие забыли о главном — почему были созданы эти окружения. И почему экосистема Linux настолько фрагментирована и разобщена.

Что ж, напомним предысторию в двух словах. В 2006 году корпорация Microsoft пригрозила подать в суд на всех разработчиков Linux с интерфейсом, похожим на Windows 95. Сейчас Microsoft позиционирует себя как дружелюбную компанию, но тогда было иначе. Это была серьёзная угроза.
Читать дальше →
Всего голосов 34: ↑28 и ↓6 +22
Просмотры 10K
Комментарии 64

Возрождая шрифт Caslon

Типографика *Дизайн
Из песочницы
Перевод

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

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

Создание фотореалистичных персонажей: разбираем пайплайн и перечисляем самые частые ошибки

Блог компании MY.GAMES Работа с 3D-графикой *Разработка игр *Игры и игровые консоли

У фотореалистичных моделей есть множество применений: персонажи в играх, цифровые инфлюенсеры, цифровые помощники, CGI-персонажи и так далее. В перспективе любой человек сможет использовать своего цифрового двойника для взаимодействия с метавселенными. 

Художник по созданию цифровых двойников Марлон Нунез на конференции TBD Pro Art выступил с докладом о моделировании реалистичных персонажей. Он описал свой рабочий пайплайн, а также дал несколько советов, как сделать модели героев более правдоподобными. Кроме того, специалисты из студий MY.GAMES поделились опытом того, какие ограничения есть у современных конструкторов персонажей. 

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

Часть 3. Распознаем время на видеозаписях матчей Dota 2 с помощью трансформеров

Работа с видео *Python *Data Mining *Машинное обучение *

На YouTube есть множество каналов, где люди выкладывают нарезки с интересными моментами из профессиональных матчей по Dota 2. Зачастую на видео есть маленькие часы из интерфейса игры. Время на них мы и будем распознавать.

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

Мера всех вещей: непредсказуемые предпочтения

Интерфейсы *Usability *Читальный зал Дизайн

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

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

3D для каждого. Топ 10 бесплатных 3D-программ, c которыми справишься даже ты

Блог компании RUVDS.com Работа с 3D-графикой *Читальный зал

Мы продолжаем цикл постов о 3D-моделировании и 3D-технологиях. Бывает такое, что меня спрашивают, в каком софте я работаю, и, получая ответ, люди оказываются несколько ошарашены.

И действительно, хотя в моём списке часто используемых программ есть такие монстры, как ZBrush и Autodesk 3Ds max, это далеко не единственное, чем я пользуюсь. Причём 3дмакс стоит далеко не на первом, и даже не на втором месте. Кроме того, не менее частым вопросом (не на хабре, в социальных сетях) остаётся вопрос “А с какой программы начать?” или “Я ничего не умею, покажите, что делать?”
Читать дальше →
Всего голосов 67: ↑60 и ↓7 +53
Просмотры 13K
Комментарии 22

Как устроена техподдержка сотрудников в IT-компаниях: опыт Росбанка, КРОК и X5 Tech

Блог компании Росбанк Веб-дизайн *Разработка веб-сайтов *Мессенджеры *Service Desk *

18 июля мы организовали митап, темой которого стали актуальные инструменты для техподдержки сотрудников. О том, как эти решения реализованы у них, рассказали трое руководителей поддержки в компаниях из разных отраслей — Александр Денисов и Вячеслав Куксов из Росбанка, Ярослав Сальников из КРОК и Юрий Пчелин из X5 Tech. Далее в посте — текстовая версия всех выступлений.

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

Гипертекст в книгах — попытки, реликты, артефакты

Разработка игр *Дизайн игр *Научно-популярное

Источник иллюстрации: Пикабу https://pikabu.ru/story/tekstovyie_kvestyi_i_knigiigryi_6206710

20 мая 1998 года Умберто Эко (1932 - 2016) выступил в МГУ со знаменитой лекцией «От Гутенберга к Интернету: текст и гипертекст». Недавно я перечитал ее, размышляя о том, сколько лет не был в библиотеке (и не представляю, что бы меня сейчас туда могло привести), что такое клиповое мышление. Наконец, представляет ли мой сын, что такое «Web 1.0» — то есть, статические сайты, где ничего нельзя написать самому, где нет ни контролов, ни GUI, ни какого-нибудь завалящего мэшапа.

Вот какие аспекты информационной эпохи, наступавшей в 1990-е и обрисованные Эко в той лекции, кажутся мне наиболее интересными:

1)      Интернет (компьютер) важнее телевидения, поскольку позволяет самому выбирать, что и в каком порядке читать – и, следовательно, поощряет мышление, поиск и избирательность.

2)      Клод Фролло из «Собора Парижской Богоматери» в конце XV века, через 20 лет после появления типографий, сетовал, что «книга убьет здание» — и оказался неправ. Умберто Эко в 1998 году, через 9 лет после появления первого веб-сайта, утверждал, что «интернет не убьет книги». Летом 2022 года я уже сомневаюсь, прав ли был Эко в этом тезисе.

3)      Эко подчеркивает важность поиска, который мы сейчас назвали бы «полнотекстовым» - и объясняет, почему для такого поиска необходим компьютер, тогда считавшийся еще вычислительной машиной, а не контент-каналом.

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

Читать далее
Всего голосов 37: ↑36 и ↓1 +35
Просмотры 3.5K
Комментарии 16

Out-GridView with Custom Columns

PowerShell *Интерфейсы *
Recovery mode
Перевод

Командлет Out-GridView можно использовать как универсальный диалоговый интерфейс, для этого предназначены параметры -OutputMode и -PassThru. С ними окно табличного представления (грид) отображает справа внизу дополнительные кнопки, и вы можете передать следующим командлетам выбранные строки.

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

PyWinAuto + Maya 3D — записки начинающего автоматизатора

Python *Работа с 3D-графикой *
Tutorial

Почему важно узнавать подробности до старта работы

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

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

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

Превращение месяцев в недели — тут.
Всего голосов 13: ↑13 и ↓0 +13
Просмотры 2.4K
Комментарии 3

Что умеет умный ИТ-секретарь

Блог компании CTI — Communications. Technology. Innovations Интернет вещей Голосовые интерфейсы *

Мы в CTI занимаемся сложными интеграционными проектами и автоматизацией процессов. Делаем это ещё с тех времён, когда вместо какой-нибудь «Алисы» энтузиасты вручную собирали умные розетки на базе ESP8266 или Arduino, а понятие Internet of Things (IoT) не приобрело широкую популярность.

Одна из концепций, которую развиваем, — объединение унифицированных коммуникаций (UC), мультимедия и Интернета вещей (IoT). В первое понятие входит как офисная видеоконференцсвязь, так и умные голосовые помощники.  В современных офисных пространствах на стенах перед входом в кабинет вешают информационные тачпанели или используют настольные варианты, которые стоят в самом кабинете. На такую панель без проблем выводится любая информация и простым нажатием на кнопки можно реализовать любой запрос (настроить кондиционер, заказать напитки, запустить проектор, приглушить свет и т.д.). Но для этого нужно нажимать и выбирать пункт из меню. А удобнее ведь просто сказать …

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

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