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

Дизайн

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

Система управления цветом vs Браузеры vs Просмотрщики графических файлов

Браузеры Графический дизайн *

Изображение может содержать, а может и не содержать цветовой профиль. К изображениям, содержащим цветовой профиль, можно будет применить систему управления цветом (Color Management System), благодаря чему изображение будет корректно конвертировано в профиль монитора, в итоге вы увидите изображение так, как задумал изначально автор. Если профиля в файле нет, то каждая программа покажет что-то своё, руководствуясь логикой разработчиков, но в целом это не страшно, так как на данный момент и мониторы и программы ориентируются на цветовой стандарт sRGB.

Читать далее про браузеры и просмотрщики..
Всего голосов 9: ↑9 и ↓0 +9
Просмотры 861
Комментарии 6

Новости

Новый интернет-банк: почему мы не стали переделывать старый, а решили делать всё с нуля

Блог компании Альфа-Банк Веб-дизайн *Usability *Дизайн

Привет!

Кроме мобильного приложения, у нас есть еще и веб-версия банка под названием Альфа-Клик.

Несколько лет назад в Альфе был взят курс Mobile First.

Как нам однажды справедливо написали в комментариях, концепция стала смахивать на Mobile only, так как Альфа-Клик стал получать обновления все реже и реже, особенно всех печалила визуальная составляющая.

В этом посте мы расскажем, как сделали новый Альфа-Клик.

Читать далее
Всего голосов 21: ↑16 и ↓5 +11
Просмотры 4.2K
Комментарии 30

Генеративные диалоговые модели: как мы разговорили виртуальных ассистентов Салют

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

Порой люди обращаются к искусственному интеллекту не для того, чтобы заказать еду, найти подходящий фильм или решить какую-то ещё свою задачу, а для того, чтобы просто поболтать. Например, потому что грустно, а рядом нет тех, с кем было бы удобно про это поговорить. И пусть виртуальные помощники пока не заменяют настоящих друзей или близких людей (они и не должны), но всё же они могут поднять настроение, помочь снизить уровень напряжения. Чтобы такое общение было живым и действительно интересным, мы разработали и применяем мощные разговорные модели на русском языке для виртуальных ассистентов Салют в режиме «Собеседник». Так, за Сбера с пользователем общается SBERT (retrieval-модель), за Джой — ruGPT-3 (генеративная модель), а за Афину — обе сразу. Поговорим сегодня о генеративной части.

Передаю слово моему коллеге, руководителю RnD NLP SberDevices Валерию Терновскому.

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

Roxy-WI: немного о текстах интерфейсов

Веб-дизайн *Интерфейсы *Usability *


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


Roxy-WI —продукт очень сложный и специфический, и над текстами интерфейсов в процессе пришлось поломать голову. Этим опытом, а также некоторыми дополнительными размышлениями, мы бы хотели поделиться ниже.

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

Как избавиться от position: absolute в CSS

Блог компании SkillFactory Веб-дизайн *Разработка веб-сайтов *CSS *HTML *
Перевод

Пару месяцев назад автора этого материала спросили о проблеме, которая возникла именно из-за этой строки CSS. В решении свойства position не оказалось вообще.

Пока у нас стартует новый поток курса по фронтенду, рассказываем о случаях, когда position: absolute вполне заменим современным CSS.

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

Как самостоятельно нарисовать себе ковидный куар-код

Графический дизайн *DIY или Сделай сам
Tutorial

Всем привет. Летом успешно «чипировался» и получил соответствующий qr-код на госуслугах. Собственно ничего интересного из себя он не представляет – рябенький квадратик, который все уже неоднократно видели. Разве что можно потренироваться читать его без компьютера - но я в этом участвовать не собираюсь. Будем извращаться по-своему.

Читать далее
Всего голосов 247: ↑200 и ↓47 +153
Просмотры 278K
Комментарии 360

Div на div’е не сидит и div’ом не погоняет: пишем семантически верные индикаторы загрузки на Angular

Блог компании TINKOFF JavaScript *Accessibility *Angular *TypeScript *

Сверстать собственный индикатор загрузки — одна из самых простых задач, с которой может столкнуться веб-разработчик. Для получения рабочего решения пригодятся базовые знания HTML и CSS, а JS будет нужен лишь для управления процентом выполненной задачи.

Однако эта простота обманчива. Интернет наполнен множеством решений, в которых индикатор загрузки анатомически состоит из кучи вложенных друг в друга div-контейнеров, приправленных щепоткой CSS. Не нужно так! В мире грустит один котенок, когда вы игнорируете семантику верстки и забываете про доступность (a11y).

В этой статье я расскажу, как мы в проекте Taiga UI подошли к написанию собственных Angular-компонентов ProgressBar и ProgressCircle.

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

Design Sapiens: путь к дизайн-системе, которой удобно пользоваться

Блог компании ISPsystem Работа с иконками *Интерфейсы *Учебный процесс в IT Дизайн
Tutorial

Я UX/UI-дизайнер, уже два года работаю в ISPsystem. Одной из глобальных моих задач все это время было сделать нашу дизайн-систему удобной для использования.Полноценная дизайн-система — с гайдами, состояниями и борьбой с разработчиками — испытание не только для новичка в дизайне, но и для опытного проектировщика. Сейчас мы на пути к идеальной дизайн-системе, но решили поделиться опытом ее проработки - кому-то может помочь избежать наших ошибок :)

Для чего все затевается

ISPsystem создает программное обеспечение для управления IT-инфраструктурой: физическим оборудованием, серверной виртуализацией, веб-сервером и сайтами. Сейчас существует четыре продукта со схожей дизайн-системой (VMmanager, DCImanager, ISPmanager и BILLmanager) и один — со своей собственной (billix).

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

Как Уилл Смит помог нам выйти на рынок США и запустить стартап в Америке

Компьютерная анимация *Развитие стартапа Управление продуктом *IT-компании

История о том, как голливудские звезды помогли нам освоить западный рынок и выйти на него со своим стартапом.

Читать далее
Всего голосов 30: ↑28 и ↓2 +26
Просмотры 4.4K
Комментарии 9

Редактор в UX: что делает с интерфейсом и зачем нужен на проектах

Блог компании Россельхозбанк Веб-дизайн *Интерфейсы *Usability *Копирайт

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

Иду и читаю
Всего голосов 14: ↑14 и ↓0 +14
Просмотры 1.3K
Комментарии 8

Строим свою телестудию с блекджеком и…

Блог компании RUVDS.com Системное администрирование *Работа с видео *Видеотехника Видеоконференцсвязь
Tutorial

Жизнь системного администратора в постковидные времена — это просто особая радость. Я помню, как бегал по всем магазинам в округе, скупая последние остатки камер. Моментально сеть небольшого предприятия, расположенного в пяти зданиях, разбросанных по городу, была полностью перегружена видеотрафиком. Каждый хотел устроить видеовстречу, и каждому хотелось внимания. Скромные счета за интернет * начали становиться уже не такими скромными, и как обычно, мы сами стали тому причиной.

Ладно, подумал я. Раз такое дело, давайте подумаем, как это исправить. Мы решили сделать вот что. Никто не знал, что происходит и как жить. Поэтому давайте просто запустим наш собственный сервер для видеочата. Этот сервер мы сможем хотя бы контролировать и ограничивать в трафике.

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

Кто бы знал, что стенания пары системных администраторов приведут к созданию телестудии.
Читать дальше →
Всего голосов 42: ↑41 и ↓1 +40
Просмотры 6.1K
Комментарии 20

Синтетические постеры для кино: как обрезать логотип телеканала, хардсабы и чёрные грани

Блог компании Онлайн-кинотеатр IVI Работа с видео *Алгоритмы *Обработка изображений *

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

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

10 самых популярных бесплатных туториалов по Figma

Блог компании Timeweb Графический дизайн *Учебный процесс в IT Дизайн


Figma — это как Adobe Illistrstrator, только проще, в браузере и проекты можно шарить для совместной работы. И бесплатно.

Если вы обладаете Adobe Illistrstrator, то автоматом сможете в Figma. Если вы не знаете, с чего начать осваивать векторную графику, Figma — легкий вариант для старта.

Я сделала подборку самых популярных бесплатных обучалок по Figma с YouTube. Кстати, не обязательно в совершенстве знать английский, чтобы шаг за шагом повторять то, что чуваки показывают на скринкасте. Все понятно из видеоряда.
Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Просмотры 2.4K
Комментарии 0

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

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

Перцептивное хеширование - это использование алгоритма, который создает фрагмент или отпечаток пальца различных форм мультимедиа. (Источник)

Есть хорошая статья на Habr’е с которой можно ознакомиться здесь.

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

Создал дом Симпсонов в 3D

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

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

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

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

Читать далее
Всего голосов 24: ↑18 и ↓6 +12
Просмотры 6.8K
Комментарии 22

NLP в нашей жизни: почему важно научить машину понимать человеческий язык?

Блог компании Visiology Машинное обучение *Искусственный интеллект Голосовые интерфейсы

Привет, Хабр! Сегодня мы хотим поговорить о зеленом купечестве и воздухонепроницаемом тринадцатом веке. Нашей задачей будет разделить арахисовый угол, являющийся краеугольным знанием будущего века. Но, не боясь этого затмения, мы сегодня прикоснемся к безопасному, неугасающему артефакту задач….всё, хватит. Генерировать подобный бред не составляет ничего сложного для нейросети, но при этом оказывается непростой задачей для человека. В этом посте мы как раз обсудим, почему так происходит, чем отличается естественная речь, почему технологии NLP становятся все более полезными с каждым днём, а главное — какие препятствия приходится преодолевать, чтобы машина поняла нас и смогла “сказать” что-то действительное осмысленное.

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

Доступный дизайн компонентов на примерах. Дизайнеру про ARIA-атрибуты, порядок фокуса и другое

Блог компании Аркадия Веб-дизайн *Интерфейсы *Usability *Accessibility *

В статье я расскажу о том, как разрабатывать дизайн доступных (т. е. отвечающих требованиям доступности) компонентов, об основных руководствах по доступности и о ключевых моментах, на которые стоит обратить внимание, а именно: о порядке фокуса, о клавиатурном взаимодействии и об ARIA-атрибутах.

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

Делаем технически правильные макеты с помощью дизайн-систем

Веб-дизайн *Интерфейсы *Дизайн
Tutorial

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

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

- разные отступы у элементов;

- не прорисованы состояния кнопок;

- не хватает нужных элементов и т. д.

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

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

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

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

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



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

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

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

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

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