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

Дизайн

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

Демейк интерфейсов — Figma CS2

Интерфейсы *Дизайн
Из песочницы

Как выгладил бы интерфейс Figma существуй она в 2006 году.

Всем привет! Я продуктовый дизайнер в одной небольшой компании и работаю там довольно давно. В последнее время я стал скучать по тем временам, когда я дизайнил что-то в свое удовольствие, просто веселья ради. И вот сидя однажды вечером, я подумал, а почему бы и нет? Сейчас запилю чего-нибудь этакое, честному народу на потеху, эге-гей! Ну и понеслось.

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

Новости

Прогулка по изнанке «Спортмастера»: ножками и в приложениях

Блог компании Sportmaster Lab Разработка под iOS *Разработка мобильных приложений *Дизайн мобильных приложений *Дизайн
Мегапроект

Зашёл я (@Lavs) в «Спортмастер», чтобы купить себе футбольный мяч. В этом деле мне помогла сотрудница Ксения: задала пару вопросов, отвлеклась на смартфон и через минуту протянула подходящий мячик.

Я знал, что на экране у Ксении был не мессенджер с подружками, а внутренние приложения магазина. Дело в том, что в «Спортмастер» я пришёл не только за мячиком. Хабр отправил меня с редакционным заданием: разобраться, как устроена технологическая начинка магазина.

Ребята из SM Lab (IT-компания «Спортмастера») сейчас ищут Android- и iOS-разработчиков. Под катом речь пойдёт о том, чем занимаются команды мобильной разработки: а они ни много ни мало обеспечивают работу всех 533 розничных «Спортмастеров».

Читать далее
Всего голосов 23: ↑22 и ↓1 +21
Просмотры 2.9K
Комментарии 2

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

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

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

Авторам оригинальной BATTLE CITY удалось несмотря на технические ограничения приставки NES-Famicon создать простую, но мгновенно узнаваемую картинку. Вы мгновенно распознаете даже в ходе очень динамичного геймплея: силуэты танчиков, типы местности и виды бонусов. Художникам удалось даже создать какую-никакую светотень на объектах, чтобы получилась уже не плоская картинка, а некое подобие top-down проекции. Все это нарисовали в разрешении 8х8 и 16х16 пикселей и цветовой палитре NES.

О поиске визуального стиля...
Всего голосов 1: ↑0 и ↓1 -1
Просмотры 991
Комментарии 0

Неформальный Эксель: OpenGL, игры на GDI+ и инфографика теперь и в VBA

Ненормальное программирование *Визуализация данных *CGI (графика) *Инфографика Visual Basic for Applications *


На Хабре уже было довольно много интересных публикаций с неформальным использованием Экселя (списочек под катом). Этой статьёй мне хочется поделиться с сообществом красивыми результатами нашего французского коллеги. Автор, Тьерри Гасперм (Thierry Gasperment), создаёт подобную красоту на VBA под Excel / Access / Word и VB6. Увы, сайт на французском, а материалы, хоть и свободны для использования, но для просмотра и скачивания зачастую требуют регистрации. По этой причине я поместил наиболее интересные примеры на свой GitHub. Для тех, кто захочет "выйти за пределы шахматной доски", советую всё же потратить пару минут своего драгоценного времени и зарегистрироваться на сайте. Оно того стоит, так как количество и качество информации на сайте Тьерри заслуживают того. Для регистрации и просмотра рекомендую Chrome: автоматический перевод Edge порождает "гуртовщиков мыши" и прочие химеры вроде "glutMouseРазумный" и "Силовая установка" (PowerPoint).


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

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

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

Разработать настольную игру по мотивам компьютерной невозможно тупо перенеся геймплей или механики из компьютерной игры в настольную. Некоторые авторы годами пытаются создать настольные космические приключения как в древней игре Elite или "настольные" Heroes of Might and Magic, и сломали много копий на этом. Но настольных "героев" мы пока так и не получили. В тусовке разработчиков настольных игр "настольные герои" уже стали мемом.

Примеры, когда компьютерная игра стала хорошей настольной тоже встречаются. Например, одна из них настольная адаптация компьютерной игры This War of Mine.

Про основные механики...
Всего голосов 4: ↑3 и ↓1 +2
Просмотры 1.7K
Комментарии 3

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

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

Солнечное субботнее утро. Родители уехали на дачу. Китайская восьмибитная приставка, цветной телевизор "Рубин" и россыпь желтых картриджей в вашем полном распоряжении. Никто не скажет: "Посадишь зрение и кинескоп!" - играй хоть до посинения. Картридж уже в приставке, джойстик в руках, вы нажимаете "start" и из динамика телевизора раздается знакомая восьмибитная мелодия.

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

Взрослый человек, чье детство пришлось на 90-ые хоть одним глазком, но видел эту игру и слышал знакомую мелодию. Как правило картридж с этой игрой шел в комплекте с китайской приставкой-клоном знаменитой восьмибитной Dendy. На картридже была оптимистичная надпись "9999 games in 1". Правда, больше часть этих игр составляли взломанные копии тех самых "танчиков", типа Tank 1990, но кого это смущало.

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

Мы давно вынашивали идею, как поделиться с нашими близкими кусочком той теплой ностальгии по ушедшему детству.

Немного ностальгии...
Всего голосов 5: ↑4 и ↓1 +3
Просмотры 1.2K
Комментарии 0

Простые, но приятные и воздушные тени вместе с Vue Box Shadows

Веб-дизайн *CSS *JavaScript *GitHub *VueJS *
Из песочницы

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

Читать далее
Всего голосов 11: ↑9 и ↓2 +7
Просмотры 2.3K
Комментарии 10

Повторил клип Foo Fighters из LEGO

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

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

Foo Fighters - одна из самых популярных рок групп современности и одна из моих любимых групп. Посмотрев сотый раз клип на песню Pretender, я подумал: "А как бы выглядело это видео, если бы участники и декорации были из LEGO?".

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Давайте их разберём.
Читать дальше →
Всего голосов 55: ↑46 и ↓9 +37
Просмотры 20K
Комментарии 11

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать далее
Всего голосов 51: ↑49 и ↓2 +47
Просмотры 21K
Комментарии 36

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Истории