Печать с гордостью: чувственное уважение Аиста Станчикайте к странному кино — Особенности

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

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

Как-то на собеседовании меня спросили: «Кого ты послушаешь, если руководитель проекта говорит одно, а директор другое?». Я осознавал, что в этом вопросе упущена ключевая вещь, понимание которой сильно помогает в командной работе: Если разумные люди, которым небезразличен успех компании, конфликтуют, значит, дело в неправильном понимании ситуации. И вопрос решается не путем определения того, кто прав,…

Художественный руководитель ЮНИСЕФ Камила Гарай о спасении жизней с помощью дизайна — Особенности

Интервью: выяснить, как Камила показала дизайн, является ключом к сообщению ЮНИСЕФ — и почему не все большие данные плохие. Также откройте для себя ее советы о том, как сделать это в рамках социального развития в качестве дизайнера, и о миссии Мраморной инициативы. Данные — это Большой плохой волк жизни 21-го века, но так не всегда…

Новая система проектирования движения с помощью Sketch и Figma

Представляем AEUX, инструмент для интеграции проектирования движений в рабочий процесс UX — с меньшим количеством скачков скорости, чем когда-либо.

 Адам Плоуфф "src =" https://miro.medium.com/fit/c/96/96/0*ydJ1WtkMmFC2k9F4. "Class =" n fn iv iw "width = "48" height = "48" /> </div></div></div>
<figure class=

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

Еще в 2016 году все еще ощущался мрачный век дизайна движений UX. Было много новых шаблонов, но это было еще до того, как Лотти позволила нам на самом деле визуализировать анимацию на устройстве. Подготовка визуального дизайна для After Effects означала перестройку искусства в Illustrator, принятие сложных процессов импорта и преобразования, а также добавление сроков для повторения всего тупого процесса из-за неизбежных изменений дизайна.

Чтобы помочь устранить эти бесполезные шаги, в середине 2016 года я начал создавать в Google внутренний инструмент под названием Sketch2AE. Это был первый инструмент в своем роде для передачи данных слоя между приложениями хоста. Но это было больше, чем импортер файлов. Это был способ вернуть время людям. В 2017 году он был выпущен публично и помог как дизайнерам движения, работающим в UX, так и визуальным дизайнерам, начиная с After Effects.

Процесс переноса винтажных слоев в Sketch2AE

С тех пор сфера UX motion design стала более зрелой. Многие команды разработчиков теперь думают, что UX включает в себя размышления о том, как информация воспринимается во времени. Дизайнеры движений, работающие с визуальными дизайнерами на протяжении многих итераций, могут существенно помочь в поиске успешных решений. Со времени первого выпуска Sketch2AE инструменты выросли, а требования к интеграции для дизайнеров движений возросли. Я очень рад поделиться с вами AEUX, более надежной системой для работы с UX-дизайном движений в After Effects.

Одна из целей новой системы заключается в поддержке большего количества хост-приложений и повысить гибкость при работе между командами. Обмен данными в экосистеме Adobe теперь хорошо поддерживается в XD и Illustrator, но с AEUX вы можете импортировать слои из Sketch и Figma и поддерживать новые функции Sketch. Плюс…

  • Скорость была увеличена на 93% на время сборки сложных монтажных областей.
  • Символ переопределяет текст и вложенные символы сейчас поддерживаются. Мастера символов расположены более эффективно, что позволяет покончить с надувным мячом.
  • Экспорт изображений был уменьшен за счет рисования собственных градиентов Ae и устранения избыточных изображений.
  • Точность слоя текста была значительно улучшена за счет изменения положения, отслеживания, перемещения вперед, верхнего / нижнего регистра, поворота и горизонтального / вертикального переворачивания.
  • Группы имеют возможность автоматически настраиваться создан как Ae precomps. Кроме того, группы слоев могут быть предварительно скомпонованы и не скомпонованы одним щелчком мыши, даже если вы не используете импортер AEUX.
  • Дополнительные новые функции такие как вложенные логические значения, маскирование слоев и групп, размытие формы, параметры для работы с контурами или параметрическими формами.

Узнайте больше и загрузите AEUX

Хотя Sketch широко используется, многие визуальные дизайнеры также начали использовать Figma. AEUX был разработан для обеспечения бесперебойной работы при переключении между командами.

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

После аутентификации приложения экспорта AEUX вас попросят ввести URL-адрес файла Figma. Приложение будет собирать все данные для каждого из кадров (монтажных областей) в файле. Каждый кадр может быть загружен отдельно, а любые необходимые изображения будут также обработаны и упакованы. Перетащите новый файл AEUX.json на панель AEUX в After Effects и создайте слои.

Примечание: приложение AEUX не отслеживает пользовательские данные и не просматривает или храните ваши проекты любым способом. Это слепой робот, который выполняет преобразование ваших проектов в формат AEUX JSON прямо в браузере на вашем компьютере. Доступ к данным файла управляется владельцем файла из меню «Поделиться».

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

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

Удалить копировать / вставить

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

Сделать его интерактивным

Для меня одна из самых неотразимых частей процесса проектирования — это пробовать вещи и находить, что работает, и что нет Это довольно противоречит импорту файлов, где вы должны перезапустить все заново, если вы не подготовили один слой правильно. Основная идея Overlord — позволить вам передавать то, что вам нужно, когда вам это нужно. Я хотел, чтобы эта концепция была центральной в AEUX, что требовало ухода от погружения в меню и создания плавающей панели плагинов для Sketch, чтобы более точно соответствовать ожидаемому опыту работы с инструментами в Ae.

Покажите мне, что происходит

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

Новая плавающая панель эскизов также предоставляет специальное место для уведомлений (как успешных, так и неудачных). Идея показа процесса распространяется и на Ae. От обновлений панели до индикаторов выполнения на тяжелых компах до уведомлений о сбоях для элементов, которые Ae не может нарисовать в настоящее время.

Дизайн UX motion растет, и мы все еще изучаем, что работает, а что нет, и как лучше всего выполнить и протестировать эти конструкции. Как мы делаем, мы пытаемся поделиться тем, что мы узнаем. Я надеюсь, что AEUX поможет вам работать быстрее и получать больше удовольствия от процесса.

Начало работы с AEUX

Хотите работать с нами? Узнайте больше о Google UX и отправьте нам свой портфолио или демо-ролик.

Банк Англии отмечает 325 лет с 325 «курьезами»

Выставка включает в себя банкноты, выпеченные в яблочном пироге, тесты на ловкость для сотрудников банка и «калькулятор холодной войны».

 калькулятор холодной войны "width =" 750 "height =" 750 "/> 
 
<figcaption>« Калькулятор холодной войны »</figcaption></figure>
<p> Чтобы отпраздновать свою годовщину, Банк Англии проводит выставку, на которой представлены предметы из каждого года истории банка. </p>
<p> 325 лет, 325 объектов будут выставлены в Музее Банка Англии в июле, чтобы совпасть с днем ​​рождения банка в конце месяца. </p>
<p> Выставка — «не хронологический трал в истории», а «живой показ значительных удивительных, красивых и необычных предметов», который охватывает искусство, дизайн, политику и основные исторические события, согласно Музею Банка Англии. </p>
<div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='margin: 8px 0; clear: both;'>
<!-- Yandex.RTB R-A-268541-2 -->
<div id=

Дженнифер Адам, куратор Музея Банка Англии, говорит, что они хотели выделить «курьезы» из истории банка, которые показывают «различные темы», выделяя изменения в «методах оплаты, трудовой жизни и офисе». культура », а также отражающие такие события, как восстание якобитов и холодная война.

Адам говорит, что сложная часть заключалась не в том, чтобы найти 325 объектов для отображения, а в том, чтобы «сузить» список — коллекция банка насчитывает около 50 000 объектов.

«Это позволило нам выбрать вещи, которые иначе не увидели бы свет», — добавляет Адам.

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

 banknote "width =" 750 "height =" 890 "/> 
 
<figcaption> Ранняя банкнота с получателем платежа </figcaption></figure>
<p> При выборе ранней банкноты для отображения, для пример — банкноты использовались как способ перевода денег, а не как повседневная валюта — Адамс выбрал ту, где получателем была женщина. </p>
<p> «Мы хотели выбрать истории, которые показали более разнообразную картину», — говорит Адам. </p>
<p> Банкнота номиналом 40 фунтов стерлингов 1702 года имеет Элизабет Хэд в качестве получателя, которая теперь будет стоить около 9200 фунтов стерлингов.</p>
<p> Еще одна социальная проблема, которую затрагивает выставка, — это мировые события и их потенциальное влияние на экономику. </p>
<p> «Калькулятор холодной войны» 1959 года, например, отражает неопределенность во время гонки ядерных вооружений. </p>
<p> В рамках планирования действий в чрезвычайных ситуациях для экономики и финансовой системы «леденящий артефакт» оценивал ущерб и выпадения в результате потенциальных ядерных взрывов на основе расстояния и размера бомбы. </p>
<p> В эту выставку включены эскизы исторических личностей, в том числе Элизабет Фрай, тюремного реформатора, изображенного на банкноте в 5 фунтов стерлингов, и эскиз ученого Исаака Ньютона для банкноты в 1 фунт, который был выведен из обращения через год [</p>
<p> До опроса 2018 года, когда банк обратился к общественности с просьбой о внесении известной фигуры для размещения на банкноте в 50 фунтов стерлингов, процесс оформления банкнот был внутренним. </p>
<figure id=  justine-smith "width =" 750 "height =" 1124 "/> 
 
<figcaption> Цветочная скульптура Джастин Смит </figcaption></figure>
<p> Тираж банкнот является темой только по заказу выставки часть оригинального произведения британского художника Джастина Смита. </p>
<p> Смит создал ботаническую скульптуру для выставки. Цветочная композиция включает в себя ряд британских цветов, сделанных из ныне не пригодных банкнот за 50 фунтов стерлингов, а также тестовые банкноты за 50 фунтов. </p>
<p> Смит говорит, что она использует банкноты как «символ труда, силы и преемственности — пустить корни». </p>
<p> Удивительная жизнь банкнот подчеркивается в другом экспонате 1920-х годов. </p>
<p> Часть полномочий банка заключается в определении законности «изуродованных» банкнот. 10-шиллинговая записка 1929 года была выпечена в яблочном пироге, но находилась в «удивительно хорошем состоянии» и, следовательно, все еще была законным платежным средством.</p>
<p> «Это показывает странное путешествие, в котором деньги, которые теряются и вновь обретаются, продолжаются», — говорит Адам. </p>
<figure id=  полимерные шарики "ширина =" 750 "высота =" 750 "/> 
 
<figcaption> переработанные полимерные шарики </figcaption></figure>
<p> Это путешествие стало в последнее время еще более странным, что, в частности, продемонстрировано показом переработанных полимерных шариков из полимерных банкнот 2018 года. </p>
<p> Одним из основных преимуществ полимерных банкнот является их долговечность — они остаются в обращении намного дольше, чем бумажные банкноты. Они также могут быть использованы повторно. </p>
<p> «Из них можно создать больше пластика, чтобы он мог быть переработан во что-то другое». </p>
<p> Последним экспонатом выставки, начиная с 2019 года, является кормушка для птиц, изготовленная из переработанного полимера. </p>
<figure id=  Сортировщик монет "width =" 750 "height =" 625 "/> 
 
<figcaption> Сортировщик монет на выставке </figcaption></figure>
<p> Еще один фокус выставки — то, как технология сыграла участие в штате банка на протяжении всей его истории. </p>
<p> Сортировщик монет 1890-х годов показывает, как подсчитывались серебряные монеты до появления современных технологий. </p>
<p> Работая как «набор сит, уложенных друг на друга», монеты засовывают сверху и затем обрабатывают через несколько слоев. </p>
<p> Монеты разного размера отфильтровываются в каждой точке, когда мелкие монеты проваливаются. </p>
<figure id=  тест на ловкость "width =" 750 "height =" 1020 "/> 
 
<figcaption> тест на ловкость </figcaption></figure>
<p> Сто лет спустя валюта эволюционировала — появилось больше банкнот в обращении — но автоматические счетные машины все еще не были обычным явлением. </p>
<p> Поскольку клерки сортировали тысячи записей одновременно, они должны были быть «довольно ловкими», объясняет Адам. </p>
<p> Ручной процесс проверял ловкость людей; они использовали пинцет для сортировки шайб и болтов на маленьких колышках, прикрепленных к доске. </p>
<p> Процесс требовал «скорости и деликатности», что имело решающее значение для процесса сортировки. </p>
<p> В соответствии с эклектичным дисплеем, выставка имеет «современную витрину раритета» </p>
<p> «Мы бы хотели, чтобы люди могли погружаться в пьесу и выходить из нее, не чувствуя, что ее нужно читать от начала до конца». </p>
<p> Здание, первоначально спроектированное Джоном Соанесом в 1694 году и тщательно перестроенное в 1930-х годах, обеспечивает «красивую», но «причудливую обстановку для музейных экспозиций», говорит Адам. </p>
<p> По этой причине музей выбрал простую систему отображения. </p>
<p> «Дизайн очень минималистичный — с 325 объектами многое происходит, поэтому мы хотели что-то простое, что позволило бы контенту вести». </p>
<p> Существует также интерактивная временная шкала архитектуры, где посетители могут узнать об истории здания. </p>
<p> <em> 325 лет, 325 объектов проходит со 2 июля 2019 года по 15 мая 2020 года в Музее Банка Англии, Варфоломейский переулок, EC2R 8AH. Вход свободный. </em> </p>
<footer> </footer>
</p></div>
</pre>
<p></p>

		</div>

	</article>

</div>
<div class=

17 типов клиентов, с которыми имеет дело каждый фрилансер

Существует так много типов клиентов, с которыми веб-дизайнерам и разработчикам приходится иметь дело. С некоторыми легче работать, чем с другими. А с кем-то просто невозможно. Если вы занимаетесь веб-дизайном или разработкой достаточно долго, вы уже, наверняка, столкнулись со всеми этими типажами. В этой статье мы рассмотрим 17 определенных типов клиентов, а также предоставим советы по…

Построение системы проектирования — с чего начать? (Часть 3 — Размер и расстояние)

Часть 3: Размер и расстояние

 Шейн П. Уильямс "src =" https: //miro.medium.com/fit/c/96/96/0*hJr0fqcxWBKIt9N6.png "class =" n fp is it "width =" 48 "height =" 48 "/> </div></div></div></div>
<p class= Цвет, пространство и типографика — эти элементы являются строительными блоками для сплошной системы дизайна. Они являются отличительными визуальными элементами, на которых следует сосредоточиться при создании бренда. Давайте подробнее рассмотрим размер и расстояние

То, что мы будем покрывать…


Часть 3 — Si ze и spacing
Часть 4 — Типография (скоро)
[Часть 5] [19459] — Бонусные элементы (скоро)

Система точечных координат 8

Шкала

Значимые размеры

EM и REMs против пикселей

Борьба с REM и путаницей в пикселях

Шаг 1. Математика заранее

= 20px

Шаг 2. Наименование ваших размеров

Поля и отступы

1rem padding
inset-2 = 24px padding [19459][19459 и
1.5rem padding
inset-3
32px padding и 2rem padding [194590] [1945900] 800 или
inset-s = 16px padding и [1945900] и [1945900] 1rem padding
inset-m = 24px padding и 1.5rem padding

] -l = 32px padding и [1945929] padding
и т.д…

прекрасный отпуск с черепахами / Полезное / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

Автор: 101domain.RU

Новости доменного рынка: Регистрация доменов, SSL сертификаты, конструкторы сайтов, безопасность, хостинг и многое другое…

С сайта freelance.today

Художественный руководитель ЮНИСЕФ Камила Гарай о спасении жизней с помощью дизайна — Особенности

Интервью: выяснить, как Камила показала дизайн, является ключом к сообщению ЮНИСЕФ — и почему не все большие данные плохие. Также откройте для себя ее советы о том, как сделать это в рамках социального развития в качестве дизайнера, и о миссии Мраморной инициативы. Данные — это Большой плохой волк жизни 21-го века, но так не всегда…

Меню с «Динамическими областями попадания»

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