Все потоки
Поиск
Написать публикацию
Обновить
61.41

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

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

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

Самого быстрого GIF не существует

Время на прочтение8 мин
Количество просмотров33K

В чём проблема GIF?


Допустим, вы ради шутки хотите создать дико трясущийся GIF (ссылка). Редактор GIF позволяет задать длительность/задержку кадра, поэтому для максимальной тряски вы указываете самое маленькое значение. Но при просмотре получившегося GIF оказывается, что она проигрывается гораздо медленнее, чем задумано, и вы точно видели более быстрые GIF. Что же происходит?

Если вы читаете эту статью, чтобы исправить свой GIF и вам нужен чёткий ответ, то вот решение: установите задержку кадра не на 10 мс, а на 20 мс. Если вы хотите чуть больше узнать о GIF и о том, почему возникает этот пограничный случай, а также о том, как улучшить ситуацию, то продолжайте чтение!

(Пояснение: если вы читаете статью из далёкого утопического будущего, где это перестало быть проблемой, то некоторые из примеров GIF будут не особо понятными. В противном случае, мои соболезнования, и можете не обращать на это пояснение внимания.)


Я, когда мои GIF слишком медленные
Читать дальше →

Как сделать удобную дизайн-систему. Шрифты. Часть 2

Время на прочтение3 мин
Количество просмотров10K

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

Кстати, я сделал свой телеграм канал - https://t.me/artemsuslovv. Буду рад видеть вас там!

Читать далее

Дизайн существ и персонажей. Как создать портфолио концепт-художника. Процесс дизайна

Время на прочтение2 мин
Количество просмотров6K
image Привет, Хаброжители! Одной из ключевых задач концепт-арта является создание запоминающегося визуального образа. Поэтому богатое воображение и любовь к экспериментам — главные инструменты концепт-художника. Важно понимать психологию своего будущего персонажа и опираться на ощущения, которые должна пробуждать иллюстрация у зрителя. В живом организме все имеет свой функционал. Исследуйте референсы и смотрите каналы о дикой природе, изучайте книжки по биологии и анатомии, ищите в них объяснение того, почему каждое существо выглядит так, а не иначе. Чем обусловлено их строение и как это связано с окружающей средой? Понимание причин, следствий и взаимосвязей в анатомии персонажа поможет дать ответ и на более сложные вопросы, связанные с логикой игрового процесса и нарратива: как показать роль существа в вымышленном мире, как оно себя ведет, какой его жизненный цикл. Ну и не забывайте о том, чтобы ему было удобно почесаться, если у него есть руки. В таком случае ваши персонажи будут адаптированы к окружению. Наделенные собственным характером и историей, они будут воплощать объемные яркие образы, что сделает иллюстрацию более выразительной. Уделяйте особое внимание практике зарисовок, с их помощью можно развить насмотренность. Рисуйте животных с улицы, из зоопарков и музеев. Это позволит видеть индивидуальность в каждом из них и в дальнейшем облегчит процесс создания собственных персонажей. Не бойтесь экспериментировать с формой, асимметрией и антропоморфными элементами! Будьте гибкими — порой необходимо принимать креативные решения с нотками безумия — и учитесь видеть в ограничениях проектов не только вызовы, но и скрытые возможности.
Читать дальше →

Как сделать удобную дизайн-систему. Цвета. Часть 1

Время на прочтение3 мин
Количество просмотров11K

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

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

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

Читать далее

Альтернатива стикерам с паролями на мониторе

Время на прочтение2 мин
Количество просмотров23K

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

Читать далее

Советы для UI/UX Дизайнера. 3 часть

Время на прочтение3 мин
Количество просмотров7.6K

Финальная порция базовых советов для начинающего UI/UX дизайнера

Читать

Незаменимые бывают

Время на прочтение2 мин
Количество просмотров8.1K

— «Исправьте сей мир и живопись последует за вами», - так ответил Микеланджело на решение папы Павла IV внести изменения в изображение страшного суда, которое украшает альков Сикстинской капеллы.

Читать далее

Базовые принципы нейроэстетики

Время на прочтение3 мин
Количество просмотров6.1K

Базовые принципы работы головного мозга, которые объясняют почему одни объекты мы находим привлекательными, а другие уродливыми.

Читать далее

10 распространенных ошибок в пользовательских интерфейсах

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

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

Quantel Paintbox — устройство, изменившее мир телевизионных передач

Время на прочтение6 мин
Количество просмотров9.6K

Когда вы хотя бы краем глаза смотрели очередной новостной выпуск по ТВ? Бегущая строка, титры, логотип канала в углу и прочие полезные мелочи помогают зрителю получить больше информации. А что, если мы скажем вам, что появление таких телевизионных «спецэффектов» стало возможным во многом благодаря Quantel Paintbox, детищу уже не существующей компании? 

Читать далее

14 Важных UI/UX типсов для твоего дизайна

Время на прочтение6 мин
Количество просмотров20K

Я подготовила для тебя потрясающий шорт-лист полезных UI-типсов (ну те, которые прям мастхев в моей ежедневной практике). Думается мне, что матерые дизайнеры уже все это знают, тем не менее повторить все же будет полезно, так как типсов бесконечное множество, а мы постоянно что-то теряем из виду.

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

Узнать подробнее

Стоит ли бежать регистрировать товарные знаки Макдональдса, ИКЕА и Nike

Время на прочтение4 мин
Количество просмотров4.5K

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

Читать далее

Ближайшие события

Смотреть нельзя слушать: что важнее при проведении UX-тестов

Время на прочтение6 мин
Количество просмотров1.8K
Что важнее при юзабилити-тестировании — слушать, что говорит респондент, или наблюдать за его действиями? Стоит ли все, что вы услышали от пользователя, считать истиной и основой для дальнейших выводов и решений? Это вопросы, которые так или иначе встают перед UX-исследователями и определяют подход к анализу данных.

Меня зовут Диана Канивец, я старший специалист по исследованию пользовательских интерфейсов в «Лаборатории Касперского». В своей практике я долгое время совмещала проектирование интерфейсов и проведение UX-исследований, а теперь специализируюсь на UX-исследованиях для сложного B2B-направления. Предлагаю разобраться в непростой (а казалось бы!) теме: куда наблюдателю лучше направлять свое внимание во время юзабилити-тестов.

image
Читать дальше →

Как UX/UI дизайнеру успешно пройти собеседование и получить крутой оффер

Время на прочтение10 мин
Количество просмотров31K

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

Узнать подробности

Как избежать бардака в работе арт-команды и наладить производственные пайплайны

Время на прочтение6 мин
Количество просмотров3.1K

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

Чтобы не допустить всего этого, в игровых студиях есть Art Design Document (ADD) — свод правил и рекомендаций по работе художников. Там перечислены арт-решения, которые формируют визуальный облик игры, позволяют добиться единообразия стиля, упрощают онбординг новых сотрудников и гарантируют сохранения оригинальной задумки даже через годы развития проекта.

Читать далее

Редизайн ивентового арта: поиск и разработка новых пайплайнов для улучшения контента

Время на прочтение8 мин
Количество просмотров2K

Если долго играть в онлайновые мультиплеерные игры с одним и тем же набором контента, это кому угодно быстро наскучит. Хочется, чтобы что-то новенькое постоянно будоражило интерес. Для этого существует много способов, один из которых — игровые ивенты. Кто-то проводит их с определенной периодичностью, привязывая только к конкретным событиям, а кто-то постоянно: закончился один — тут же начался другой. Как это делаем мы.

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

Меня зовут Даша Карманова, и я UI-дизайнер в Pixonic. В этой статье мы с моим коллегой Андрееем Лузановым расскажем о том, как мы  на проекте War Robots провели редизайн ивентового арта — одной из самых емких категорий UI-контента в игре.

Мы обсудим:

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

Читать далее

Типографика фильма «Бегущий по лезвию»

Время на прочтение18 мин
Количество просмотров24K

После подробного исследования фильма «Чужой» настало время взглянуть на типографику и дизайн ещё одного классического научно-фантастического фильма Ридли Скотта«Бегущий по лезвию» (Blade Runner). Эта лента, снятая по мотивам романа Филипа К. Дика «Мечтают ли андроиды об электроовцах?», упрочила репутацию Скотта как автора красивой, умной научной фантастики в жанре tech noir.

(Должен заранее сообщить, что в статье есть множество спойлеров о фильме. Если вы не хотите знать, когда в «Бегущем по лезвию» единственный раз мелькает шрифт Eurostile Bold Extended, то отложите чтение.)
Читать дальше →

Эпичная реклама кредитки

Время на прочтение5 мин
Количество просмотров9.3K

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

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

Читать далее

20 игр, чтобы видеть детали, чувствовать нюансы и уловить смысл дизайна

Время на прочтение7 мин
Количество просмотров45K


Я собрала 20 игр, чтобы поиграть в дизайнера. Точнее игры, в которые играешь и прокачиваешь какой-то навык, полезный для дизайна: цветовым кругом пользоваться, пером работать, шрифты не вырвиглазные подбирать, UI по-человечески рисовать. Во все игры можно играть в браузере и бесплатно. Впервые от «поиграйте со шрифтами» можно получить удовольствие.

Еще я веду канал в Telegram GameDEVils и блог на Substack , делюсь там клевыми материалами (про геймдизайн, разработку и историю игр).

1. Can’t Unsee


Update: используйте прокси, к примеру croxyproxy, или просто закройте попап, чтобы попасть на сайт игры.



Игра для начинающего UI дизайнера, чтобы тренировать внимательность. Иными словами, не для тренировки конкретного навыка, а на умение «разобраться в деталях, почувствовать нюансы, и уловить смысл».
Читать дальше →