Рубрика «графический дизайн» - 26

Вне всякого сомнения, о дизайн-системах меня спрашивают чаще, чем о чем-либо другом. За последние несколько лет я посвятил много времени размышлениям о том, как выстраивать, реализовывать и представлять дизайн-системы для таких продуктов, как Marvel, Bantam и Modulz, и теперь решил, что пришла пора поделиться тем, чему научился в процессе.

Создаем дизайн-систему - 1

Что такое дизайн-система?

Ни для кого не секрет, что дизайнеры любят хорошие UI-киты. Но, по моим наблюдениям, в последнее время все больше внимания уделяется не просто наборам инструментов и руководствам по стилю, а созданию систем, которые связывают воедино целые продукты. Компании вроде Shopify и Intercom формируют особые команды, которые занимаются только и исключительно дизайн-системами. Люди начинают осознавать, как важен системный подход в дизайне. Это внушает оптимизм. Кто знает, возможно, в один прекрасный день появится инструмент для дизайнеров, который не будет предполагать, что в каждом новом проекте мы начинаем все с нуля.
Читать полностью »

image
По словам автора, Эдварда Тафти: «Эта книга знаменует собой бегство от плоскости бумажного листа и компьютерного экрана». Однако на такой побег способен не каждый. Для этого необходимо минимум три компонента: способность видеть красоту сложных данных, удивляться простоте их художественного воплощения и умение вглядеться в мельчайшие детали информационного шедевра. При том, что созерцательности и деталям сегодня уделяется слишком мало внимания, а все чаще требуется «фастфудная» информация, простая для потребления, которая и становится той самой плоской, одномерной реальностью. Профессор Тафти предлагает не упрощать сложное, а сделать его красивым. «Для этого есть свои инструменты: письмо и типографика, обработка больших объемов данных и статистический анализ, линия, фон и цвет».
Читать полностью »

Каждый отчет, который вы делаете должен нести вместе со своим содержимым определенную цель и сообщение, ради которого он разрабатывается. Одним из плохих примеров организации представления данный в отчете являются так называемые “простыни”: большие отчеты, состоящие из десятков столбцов и объединяющие в себе множество разнородных показателей, включающие сотни строк с данными. Считается, что такие отчеты показывают детальную картину “целиком”, но на самом деле они являются исключительно неинформативным инструментом.
Читать полностью »

Что делать, если хочется сделать для своего проекта классный логотип, а денег на это нет? Последние десять лет я занимался дизайном, поэтому всегда мог сделать лого для своих проектов самостоятельно. А как можно сделать классный логотип, если ты не дизайнер?
image
Читать полностью »

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

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

Как мы перешли от виджетов и «кирпичиков» к интуитивной верстке с возможностью внедрения html, css и javascript - 1
Читать полностью »

Вот уже два дня как сообщество GitHub негодует о первой итерации изменения дизайна. Заключается она в смене светлой стилистики шапки хранилища на тёмную.

Было:

image

Стало:

image
Читать полностью »

Выбираем лучший графический планшет — инструмент всех графических дизайнеров - 1

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

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

image

Случилось так, что я 12 лет рисовал сайты, логотипы, иконки, интерфейсы и прочее в своей собственной студии дизайна Turbomilk. А потом стал работать в продуктовых компаниях, последние 3,5 года работаю директором по дизайну в компании Acronis. Я выяснил, что работа in-house дизайнера в компании, которая делает собственный продукт, сильно отличается от работы дизайнера в студии или в агентстве. Я попробовал описать основные различия и проиллюстрировать собственным опытом. Статья пригодится дизайнерам «с обеих сторон баррикад» для расширения кругозора и поможет в преодолении внутренних барьеров.
Читать полностью »

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

Вы запускаете приложение и видите следующее:

Дизайн мультиязычных приложений - 1

Хм. Что-то тут не так. Сверху встроено видео, но текст в нем — на языке, которого вы не понимаете. Формулировки какие-то странные, а надпись на кнопке даже не влезает на саму кнопку. Как такое может нравиться людям?

Оказывается, дело в том, что приложение изначально создавалось не на вашем родном языке. Его разработали на эльфийском, а потом уже перевели. Большинство людей использует эльфийскую версию и не знает, как все это выглядит на вашем языке.
Читать полностью »

Сегодня я поделюсь опытом разработки графической документации по гайдлайнам. Это оказалось мое второе задание для Viline. И как Вы не помните из первой части, я делал редизайн страницы видео-курса. В данной статье я опишу процесс разработки стилистики всех элементов и различных состояний. Придумаю и сформулирую некоторые правила, чтобы интерфейс получился сбалансированным и доступным с учётом аудитории…
Кейсы: разработка спецификаций и гайдлайнов (web ui kit) - 1
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js