Обновить
32.3
Рейтинг

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

Художественно-проектная деятельность

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

Паттерны верстки. Как объединить верстальщиков и дизайнеров

Разработка веб-сайтов *CSS *Оболочки *Расширения для браузеров Графический дизайн *

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

Работа богата практическими примерами. Она будет полезна специалистам разного профиля.

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

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

Новости

Штатный дизайнер или аутсорс: плюсы и минусы

Графический дизайн *Управление персоналом *Дизайн

Кому доверить решение дизайн-задач: дизайнеру в штате или на аутсорсе? Рассказываю, в каких случаях к кому лучше обратиться.

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

Об опыте участия в международном конкурс детских инженерных команд «Кванториада — 2021» (1 часть)

Хакатоны Графический дизайн *DIY или Сделай сам Электроника для начинающих Инженерные системы
Из песочницы

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

С этой формой действительно можно работать. Теперь детали стало проще вырезать на ЧПУ станке. Вопрос был за малым. Осталось сделать чертёж деталей для станка и схему подключения электроники. Важным критерием было обеспечение работоспособности устройства в автономном режиме на протяжении 30 минут в море. Поэтому будет робот питаться от батареи состоящей из li-on аккумуляторов формата 18650. Короче, вот схема.

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

Рисуем генеративные грибы на javascript

Ненормальное программирование *JavaScript *Работа с 3D-графикой *Графический дизайн *Криптовалюты
Tutorial

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

Читать далее
Всего голосов 91: ↑88 и ↓3 +85
Просмотры 14K
Комментарии 12

Минуточку внимания

Похожие компоненты — разная специализация

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

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

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

Внутриигровые эмодзи: как мы создаем анимации для Rush Royale

Блог компании MY.GAMES Разработка игр *Unity *Графический дизайн *

Привет! Я Виталий, ведущий 2D-художник, аниматор и специалист по эффектам в мобильной tower-defence игре Rush Royale студии IT Territory. Сегодня я расскажу об одной довольно важной части нашего проекта — эмодзи. Именно благодаря ним игроки могут выразить эмоции в жарких боях за башни — что, на наш взгляд, очень немаловажно.

Чтобы достичь текущего качества эмодзи, мы проделали большой путь. Но обо всем по порядку.

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

Сам себе иллюстратор: контентная графика в Доке

Блог компании Яндекс Практикум Веб-дизайн *Разработка веб-сайтов *Графический дизайн *Дизайн


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


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


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

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

HSLuv — удобное цветовое пространство для разработчиков

Блог компании Timeweb Cloud Графический дизайн *Дизайн
Перевод
Меня, как разработчика, работа с цветами порой утомляет, но существуют проекты, упрощающие эту деятельность. HSLuv — это один из таких проектов, и в рамках этой статьи я постараюсь объяснить, что это и как это может помочь разработчикам.

Проблема традиционных цветовых пространств


Традиционно в IT используются RGB или HSL.

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

RGB


Для примера возьмем равномерные ступенчатые градиенты RGB цветов.

  • градиент красного — это цвета #000, #100, #200, #FEE, #FFFи т.д.;
  • градиент зеленого — это цвета #000, #010, #020и т.д.;
  • градиент синего — это цвета #000, #001, #002и т.д.;
  • градиент желтого — это цвета #000, #110, #220и т.д.;
  • градиент голубого — это цвета #000, #011, #022и т.д.;
  • градиент пурпурного — это цвета #000, #101, #202и т.д.


Мы можем увидеть несколько вещей:

  • Яркость цветов увеличивается неравномерно: чем оттенок ближе к белому цвету, тем изменение яркости меньше;
  • Яркость разных цветов различается: синий намного темнее остальных;
  • Насыщенность также неравномерна: синий и красный выглядят «ненасыщенными» в правой части градиента.

Хорошо, RGB — это способ визуализации пикселей, да и разрабатывалась эта модель не для удобного «управления» значениями.
Читать дальше →
Всего голосов 32: ↑32 и ↓0 +32
Просмотры 4.5K
Комментарии 5

Как нанимать сотрудников на удалёнке

Графический дизайн *Развитие стартапа Управление персоналом *Дизайн Удалённая работа

Удалёнка пришлась по вкусу многим компаниям, однако найм сотрудников «из дома» отличается от найма в офисе. Рассказываю, как эффективно проводить собеседования в Zoom и работать с теми, кого лично ни разу не видел.

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

Создание красивых градиентов на CSS

CSS *Работа с векторной графикой *Графический дизайн *Дизайн
Перевод
Вот линейный градиент на CSS, идущий от чисто жёлтого до чисто синего цвета:


Заметили, что в центре он становится бледным и грязным?

Это явление Эрик Кеннеди назвал «мёртвой зоной серого». Если вы тщательно не выбираете цвета для своих градиентов, то в ваших градиентах на CSS часто возникает такая обесцвеченная часть посередине.

Однако, как оказалось, можно полностью избавиться от мёртвой зоны серого. В этом посте я расскажу, почему она возникает, и о том, как можно использовать теорию цвета для создания насыщенных, ярких градиентов, «живых» по всей своей длине.
Читать дальше →
Всего голосов 67: ↑63 и ↓4 +59
Просмотры 13K
Комментарии 29

Примеры ассемблерного кода для ZX Spectrum

Assembler *Графический дизайн *Демосцена Старое железо
Tutorial

Я не буду делать длинное вступление. Один знакомый хакер однажды сказал, что 10 строк кода могут быть понятнее и интереснее, чем 1000 слов объяснений. Все эти примеры написаны на ассемблере для архитектуры Z80 и запускаются на ретро-компьютере ZX Spectrum 48k.

Что внутри?
Всего голосов 48: ↑48 и ↓0 +48
Просмотры 15K
Комментарии 26

Переосмысление айдентики в сервисе поиска талантов – история одного ребрендинга

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

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

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

11½ практических советов дизайн-лиду, или «Не ходите по моим граблям»

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

Привет, меня зовут Костя, и я руковожу дизайном в Агиме.

В декабре я устроил эксперимент: опубликовал в Linkedin пост с предложением бесплатной консультации. Откликнулось несколько ребят, с которыми мы неплохо поболтали.

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

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

Итак, теперь ты тимлид, и тебе стоит знать, что...

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

Конфетти и CSS-матрёшка в дизайн-системе StackOverflow

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

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

Первым решением был простой статический SVG с конфетти на заднем плане. Позже команда обнаружила 12 разных статических конфетти по всему коду и поняла, что нужен другой подход. Подробностями решения делимся под катом, пока начинается наш курс по Frontend-разработке.
Читать дальше →
Всего голосов 10: ↑8 и ↓2 +6
Просмотры 2.9K
Комментарии 2

7 грехов дизайнера

Веб-дизайн *Usability *Графический дизайн *Дизайн
Tutorial

Что мешает дизайнерам создавать не только красивые, но и удобные макеты, которые будут нравиться заказчику и будущим пользователям? Мы нашли ответы. Без воды, всё по делу и на своём опыте.

Что там за грехи?
Всего голосов 1: ↑0 и ↓1 -1
Просмотры 1.9K
Комментарии 4

Визуализация данных с помощью Oracle Apex

Блог компании Neoflex Oracle *SQL *Визуализация данных Графический дизайн *

Oracle Apex – компонент для разработки конечных приложений, входящий в состав поставки СУБД Oracle, позволяющий быстро «доставать» данные из базы и доставлять их через веб-интерфейс конечному пользователю. Как правило, данные для просмотра и редактирования выдаются в табличном виде и Apex предоставляет богатые возможности для настраивания отчета: можно накладывать фильтры, делать сортировку и группировку, скрывать имеющиеся столбцы и добавлять расчетные новые, делать сводные отчеты, выгружать данные в формате csv, pdf и даже Excel. Каждый пользователь может сохранить предпочитаемые им настройки каждого отчета как индивидуально, так и для совместного использования. В таком формате Apex функционирует у большинства наших заказчиков.

Однако мало кто использует довольно широкие возможности Apex’а для построения графиков. Эта тема, на наш взгляд, довольно интересна и мало освещена в интернете.

В этой статье будем предполагать, что читатель имеет представление о разработке приложений с помощью Oracle Apex.

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

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

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

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

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

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

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

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

Читать далее
Всего голосов 294: ↑236 и ↓58 +178
Просмотры 429K
Комментарии 427

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

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


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

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

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

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

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

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

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

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

Вклад авторов