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

Дизайн

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

Чеклист для дизайнеров от frontend и mobile разработчиков

Веб-дизайн *Разработка веб-сайтов *Разработка мобильных приложений *Дизайн мобильных приложений *Прототипирование *
Tutorial

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

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

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

Новости

Как создать цепляющий креатив: техники креативного мышления + 20 примеров

Блог компании Click.ru Веб-дизайн *Управление проектами *Интернет-маркетинг *Управление продуктом *

Слово креативность слышал каждый первый работник сферы IT и маркетинга. И ладно бы слышал! Часто эту самую креативность заставляют проявлять. Что делать, если ты не очень креативный человек? Как придумать идею, если ты никогда этим не занимался?

Сегодня расскажем о паре рабочих техник. Расскажем на примере креативов для таргета, во-первых, потому, что наша компания – про рекламу, а во-вторых, потому что картинки – это наглядно и весело.

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

58 байтов CSS, которые выглядят красиво почти где угодно

Веб-дизайн *CSS *HTML *
Перевод

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

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

Давайте их разберём.
Читать дальше →
Всего голосов 48: ↑40 и ↓8 +32
Просмотры 15K
Комментарии 9

Один момент: готовим видеоленту без костылей и бубнов

Блог компании Ozon Tech Высокая производительность *Работа с видео *Программирование *Социальные сети и сообщества

Всем приветы! Меня зовут Ваня, я медиаинженер и занимаюсь разработкой видеоплатформы в Ozon — в основном бэкендом. В апреле 2022 года мы презентовали сервис Ozon Моменты — ленту коротких видео. Главные фичи, которые мы хотели реализовать:

— скорость отображения контента: видео должно стартовать максимально быстро, а переходы между роликами должны быть максимально бесшовными;

— качество контента: видео должно быть приемлемого качества и хорошо выглядеть;

— размер контента: видеофайл должен быть минимального размера;

— универсальность контента: видео должно воспроизводиться на любом экране, будь то iPhone 69 Pro Max или тостер от Smeg.

Что мы сделали для реализации вот этого всего и на каких дрожжах, читайте под катом.

Под кат
Всего голосов 27: ↑27 и ↓0 +27
Просмотры 1.5K
Комментарии 3

Как создать сценарии обзвона базы холодных и «спящих» клиентов в Digital

Блог компании МТТ Разработка систем связи *Облачные сервисы *Голосовые интерфейсы *

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

Читать далее
Всего голосов 16: ↑6 и ↓10 -4
Просмотры 541
Комментарии 4

Как программист решил электриком стать

Веб-дизайн *Анализ и проектирование систем *Работа с 3D-графикой *Визуализация данных *Энергия и элементы питания
Из песочницы

Пока все апгрейдят свою жизнь на всяких онлайн-школах, я решил заняться даунгрейдом. Опыт разработки более 10 лет. Сразу к делу: в какой-то момент мне понравилось держать в руках паяльник. Случилось это в преклонном для электрика возрасте. Примерно тогда же по стечению обстоятельств я решил собрать свой первый АКБ для своего электроскутера и Остапа понесло! Пошли сборки АКБ для электровелосипеда, электросамоката, электроскутера и даже инвалидных кресел на электротяге. Затарился литий-ионными (Li-Ion), литий-железо-фосфатными ячейками (Lifepo4) и Li-NMC.

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

Читать далее
Всего голосов 44: ↑42 и ↓2 +40
Просмотры 16K
Комментарии 28

Wireframes в разработке: особенности и преимущества

Веб-дизайн *Разработка веб-сайтов *Разработка мобильных приложений *Прототипирование *

Wireframe — это карта экранов, которая показывает навигацию между ними и содержит минимальную детализацию.

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

Дневник разработки настольной игры по мотивам танчиков для Dendy. О референсах визуального стиля игры

Разработка игр *Графический дизайн *Дизайн игр *Продвижение игр *Игры и игровые консоли

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

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

Мы начали с того, что определили как будут выглядеть компоненты настольной игры, т.к. это то, с чем игроки будет взаимодействовать в первую очередь. За основу мы взяли арт оригинальной игры: тайлы местности, бонусы, внешний вид танков, палитру. Для референсов мы использовали арт версии для NES, для Gameboy и вообще игр с похожей стилистикой.

Дальше про референсы...
Всего голосов 6: ↑5 и ↓1 +4
Просмотры 1.6K
Комментарии 5

Мобильное ТОРО: ускоряем ремонты и бережем лес

Блог компании Северсталь Разработка мобильных приложений *Промышленное программирование *Дизайн мобильных приложений *Управление продуктом *

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

Дневник разработки настольной игры по мотивам танчиков для Dendy. О том как мы перерисовывали оригинальный арт игры

Разработка игр *Графический дизайн *Дизайн игр *Продвижение игр *Игры и игровые консоли
Из песочницы

В нашей первой настольной игре "Танчики" мы на основе оригинального арта игры BATTLE CITY cделали воксельную стилизацию, чтобы игровые объекты получили объем.

Мы вернулись к пиксель-арту после ряда экспериментов в артом в стиле low-poly и воксельной графикой. Нам не хватало той самой "ламповости" пиксель-арта, чтобы почувствовать, что мы прикасаемся именно к той самой любимой игре из детства.

Много текста и картинок про пиксель-арт...
Всего голосов 10: ↑10 и ↓0 +10
Просмотры 3K
Комментарии 9

Подключаем алфавитно-цифровой экран к VGA

Блог компании RUVDS.com Интерфейсы *Периферия DIY или Сделай сам Электроника для начинающих
Tutorial

Нет, это не шутка. В действительности к VGA, DVI, HDMI можно подключать различные устройства, и даже питать их. И это очень удобный способ работы с различными устройствами и нестандартное использование обычного интерфейса.

Ларчик просто открывается, всё дело в том, что в интерфейсе VGA (а также в других видеоинтерфейсах) присутствует ещё одна шина данных I²C, которая доступна для использования и её легко можно применить в своих самоделках.
Читать дальше →
Всего голосов 113: ↑111 и ↓2 +109
Просмотры 8.8K
Комментарии 37

Edge AI чипы от Kneron. Собираем оригинальный девайс

Блог компании MTS AI Программирование микроконтроллеров *Искусственный интеллект Голосовые интерфейсы *

Custom Device

Привет, я Антон Маслов, ведущий разработчик в MTS AI.


В предыдущих статьях я рассказывал о том, как работает распознавание изображений на чипе KL520 с помощью нейросети Tiny YOLOv3, а так же о том, как устроена, из чего состоит и как собирается прошивка чипов KL520. И вот теперь, когда мы познакомились с технологией Edge AI в общих чертах, мы можем отправиться в самое увлекательное путешествие и создать на базе KL520 собственный оригинальный девайс!


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

Control flow with try/catch and Promises

Разработка веб-сайтов *JavaScript *Интерфейсы *ReactJS *

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



Так вот как то раз смотря документацию Relay я наткнулся на мысль, что не понимаю, как работает связка Relay.useLazyLoad и React.Suspense.


В частности не понятно, как именно React.Suspense понимает, что вот прямо сейчас происходит асинхронный запрос и самое время отрисовывать fallback?

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

Провал Tailwind, инструмента для невежд

Блог компании ISPmanager Веб-дизайн *CSS *HTML *
Перевод
Привет, Хабр! Не так давно в нашем блоге вышел перевод статьи «Взлет и падение Bootstrap». Как указали в комментариях наши читатели, вскоре после публикации оригинального материала на Medium, на том же ресурсе появилось и опровержение. Чтобы вы могли оценить обе точки зрения, публикуем перевод этой статьи. Поскольку материал получился крайне объемным, мы решили разбить статью-опровержение на две части. По традиции, будем рады вашим комментариям и дополнениям! Позиция редакции может не совпадать с мнением автора =)

Томас Димнет написал статью под названием «Взлёт и падение Bootstrap», в которой он пытается впарить Failwind, как если бы он каким-то волшебным образом был лучше, чем bootcrap. Глупая и невежественная статья. И так вышло, что мой ответ на эту статью оказался настолько длинным, что я решил оформить его в отдельный материал.

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


Читать дальше →
Всего голосов 33: ↑21 и ↓12 +9
Просмотры 4.8K
Комментарии 20

Стили заголовков в CSS: картинки, тени, анимации

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

Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. В прошлый раз мы перевели статью о градиентах, теперь предлагаем рассмотреть ещё несколько фишек. 

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

Добавление расчёта пути к схеме метро Москвы из Википедии

JavaScript *Работа с векторной графикой *HTML *GitHub *

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

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

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

Как стать UX-дизайнером, 10 советов из практики

Веб-дизайн *Графический дизайн *Дизайн
Из песочницы

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

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

За мои 20 лет в профессии UX-дизайнера накопилось немало практики и полезных навыков, которые легли в основу 10 основных правил. О них сегодня пойдет речь.

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

Совместное моделирование быстродействующих систем средствами TIA Portal и Simulink

Высокая производительность *Анализ и проектирование систем *Интерфейсы *Matlab *Инженерные системы *

В этой работе показана детальная авторская реализация объединения сред TIA Portal и Simulink для совместного моделирования с обменом данными, работающая при любом, даже самом малом, шаге квантования (моделирования). Этот вариант позволяет также тестировать PLC контроллеры TIA Portal на частотах квантования контроллеров. Синхронизация сред осуществляется без применения таймеров реального времени. Приведен пример построения быстродействующего контура, обеспечивающего управление аналоговым неустойчивым объектом Simulink виртуальным ПЛК среды TIA Portal. Экспериментально определено, что предлагаемое объединение сред не влияет на результаты моделирования.

Состояние проблемы

Интегрированная среда разработки систем автоматизации TIA Portal содержит инструментальные средства для конфигурирования, настройки, тестирования и обслуживания систем. Мощная среда MATLAB/Simulink обеспечивает эффективное моделирование и оптимизацию сложных динамических систем. Совместное моделирование TIA Portal и Simulink повышает качество проектирования систем автоматизации и управления и сокращает сроки проектирования.

Известны примеры связи сред TIA Portal – Simulink через OPC сервер, в которых среды обмениваются пакетами данных с максимальной частотой 10 раз с секунду [1,2,3]. Это ограничение определяет максимальную частоту квантования. Для моделирования и работы быстродействующих систем, которые характеризуются широкой полосой пропускания, требуется высокая частота квантования.

Скорость непосредственной передачи/приема данных через TCP канал в десятки раз выше скорости передачи через OPC сервер. Однако, для TCP связи с контроллерами TIA Portal, которые выступают в роли TCP клиента, необходимо, чтобы модель Simulink работала в режиме сервера, а таких библиотечных средств у Simulink нет.

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

Книга «Разработка интерфейсов. Паттерны проектирования. 3-е изд.»

Блог компании Издательский дом «Питер» Интерфейсы *Профессиональная литература *
image Привет всем, Хаброжители!

Спроектировать хороший интерфейс приложения не так просто. Все заказчики хотят, чтобы пользовательский опыт (user experience) был гладким, чтобы пользователь быстро и безболезненно получал то, что ему нужно, на любом устройстве и пользуясь любым каналом взаимодействия.

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

Для опытных разработчиков книга станет источником интересных идей, а начинающие найдут ориентиры в мире интерфейсов, позволяющие не сбиться c пути и применять лучшие паттерны.
Читать дальше →
Всего голосов 9: ↑9 и ↓0 +9
Просмотры 5.8K
Комментарии 4