Инновационные технологии для современной медиаиндустрии
Сейчас в России индустрия медиа и развлечений — одна из самых быстро развивающихся в Европе. В этой отрасли составление четкого плана цифровизации компании и определение ею своей модели является ключевой ИТ–задачей.
Далеко не секрет, что за многими известными и любимыми фильмами и телепередачами стоят не только творческие личности и профессионалы своего дела, но и новейшие технологии, которые позволяют реализовывать даже самые смелые фантазии.
От огнедышащих драконов и оживших динозавров до трогательных анимационных персонажей — мощь компьютеров Dell уже давно используется при создании завораживающих событий, разворачивающихся на экранах телевизоров, мониторов и смартфонов по всему миру.
27 октября компания Dell Technologies приглашает вас познакомиться с актуальными трендами и современными технологическими решениями для индустрии развлечений в рамках виртуального мероприятия «Инновационные технологии для современной медиаиндустрии».
Зарегистрируйтесь сейчас на платформе Zoom для участия в мероприятии, чтобы быть в курсе технологий, который изменят мир уже завтра!
https://zoom.us/webinar/register/5716330020825/WN_mR5CsexcSiGFa51hoKRADA
Сейчас в России индустрия медиа и развлечений — одна из самых быстро развивающихся в Европе. В этой отрасли составление четкого плана цифровизации компании и определение ею своей модели является ключевой ИТ–задачей.
Далеко не секрет, что за многими известными и любимыми фильмами и телепередачами стоят не только творческие личности и профессионалы своего дела, но и новейшие технологии, которые позволяют реализовывать даже самые смелые фантазии.
От огнедышащих драконов и оживших динозавров до трогательных анимационных персонажей — мощь компьютеров Dell уже давно используется при создании завораживающих событий, разворачивающихся на экранах телевизоров, мониторов и смартфонов по всему миру.
27 октября компания Dell Technologies приглашает вас познакомиться с актуальными трендами и современными технологическими решениями для индустрии развлечений в рамках виртуального мероприятия «Инновационные технологии для современной медиаиндустрии».
Зарегистрируйтесь сейчас на платформе Zoom для участия в мероприятии, чтобы быть в курсе технологий, который изменят мир уже завтра!
https://zoom.us/webinar/register/5716330020825/WN_mR5CsexcSiGFa51hoKRADA
Дизайн-системы
Дизайн-системы – это наборы стандартов для масштабного управления дизайном. Они уменьшают избыточность при создании общего языка и визуальной согласованности на разных страницах и каналах.
По мере того, как дизайн пользовательского интерфейса эволюционировал с годами, масштаб и скорость создания экранов пользовательского интерфейса также увеличивались. Существуют не только миллионы приложений и миллиарды сайтов (и каждый год создается все больше), но и каждое из этих приложений и сайтов может иметь сотни или тысячи страниц (или экранов). В связи с этим резким расширением организациям остро необходимо упростить работу по проектированию. Таким образом, многие проектные группы используют надежные системы проектирования для масштабного управления проектами.
Дизайн-система – это полный набор стандартов, предназначенных для масштабного управления дизайном. В нее входят повторно используемые компоненты и шаблоны.
В статье:
— Почему стоит использовать дизайн-систему?
— Почему не стоит использовать дизайн-систему?
— Элементы дизайн-системы
— Как подойти к внедрению дизайн-системы
Читать: https://design-glory.com/?p=8190
Дизайн-системы – это наборы стандартов для масштабного управления дизайном. Они уменьшают избыточность при создании общего языка и визуальной согласованности на разных страницах и каналах.
По мере того, как дизайн пользовательского интерфейса эволюционировал с годами, масштаб и скорость создания экранов пользовательского интерфейса также увеличивались. Существуют не только миллионы приложений и миллиарды сайтов (и каждый год создается все больше), но и каждое из этих приложений и сайтов может иметь сотни или тысячи страниц (или экранов). В связи с этим резким расширением организациям остро необходимо упростить работу по проектированию. Таким образом, многие проектные группы используют надежные системы проектирования для масштабного управления проектами.
Дизайн-система – это полный набор стандартов, предназначенных для масштабного управления дизайном. В нее входят повторно используемые компоненты и шаблоны.
В статье:
— Почему стоит использовать дизайн-систему?
— Почему не стоит использовать дизайн-систему?
— Элементы дизайн-системы
— Как подойти к внедрению дизайн-системы
Читать: https://design-glory.com/?p=8190
Design Glory
Design Glory - Сайт для дизайнеров
Материалы для начинающих и опытных UX\UI дизайнеров. Делимся инсайдами от лучших брендов, даем практические советы и публикуем свежие новости сферы дизайна.
5 горьких уроков дизайн-менеджмента, которые хотелось бы усвоить раньше
Содержание статьи
1. Вы не можете быть милым со всем
2. «Я в порядке», – часто говорят несчастные люди
3. Вы им больше не друг
4. «Рок-звезды» – это не только благо, но и проблемы
5. Люди не скажут вам спасибо за политику
От работы с интерфейсами до работы с людьми.
Лидеры дизайна часто вырастают из вчерашних дизайнеров. Вы дизайнер, обладающий блестящими коммуникативными навыками? Возможно, вам когда-нибудь предложат руководящую должность. В нашей профессии стало обычным явлением, что руководители отделов дизайна, UX-директора и тим лиды занимают должности, обладая минимальным опытом управления людьми или специальным образованием. Вот почему нам суждено на своем горьком опыте открыть для себя особенности этого нового навыка.
Читать статью: https://ux.pub/5-gorkih-urokov-dizayn-menedzhmenta-kotorye-ya-hotel-by-usvoit-ranshe/
Содержание статьи
1. Вы не можете быть милым со всем
2. «Я в порядке», – часто говорят несчастные люди
3. Вы им больше не друг
4. «Рок-звезды» – это не только благо, но и проблемы
5. Люди не скажут вам спасибо за политику
От работы с интерфейсами до работы с людьми.
Лидеры дизайна часто вырастают из вчерашних дизайнеров. Вы дизайнер, обладающий блестящими коммуникативными навыками? Возможно, вам когда-нибудь предложат руководящую должность. В нашей профессии стало обычным явлением, что руководители отделов дизайна, UX-директора и тим лиды занимают должности, обладая минимальным опытом управления людьми или специальным образованием. Вот почему нам суждено на своем горьком опыте открыть для себя особенности этого нового навыка.
Читать статью: https://ux.pub/5-gorkih-urokov-dizayn-menedzhmenta-kotorye-ya-hotel-by-usvoit-ranshe/
UXPUB 🇺🇦 Дизайн-спільнота
5 горьких уроков дизайн-менеджмента, которые я хотел бы усвоить раньше
В нашей профессии стало обычным явлением, что руководители отделов дизайна, UX-директора и тим лиды занимают должности, обладая минимальным опытом управления людьми или специальным образованием
Принцип завершения образа (замкнутости) в визуальном дизайне
Люди склонны заполнять пробелы, чтобы воспринимать объект целиком.
В начале 20 века гештальт-психологи разработали набор принципов, направленных на описание того, как люди визуально воспринимают и организуют мир. Эти принципы обычно называют законами гештальта или принципами гештальта. К самым популярным принципам относятся: близость, сходство, общие области, и замкнутость. Дизайнеры могут применять эти принципы для создания удобных интерфейсов.
Определение: принцип завершения образа (замкнутости или закрытия) гласит, что люди будут заполнять пробелы, чтобы воспринимать целостный объект, всякий раз, когда внешний стимул частично совпадает с этим объектом.
Даже когда нам не хватает информации, мы стремимся разобраться в окружении, заполняя пробелы, чтобы увидеть объект целиком. Это распознавание происходит автоматически.
Принцип завершенности описывает нашу склонность воспринимать сегментированные визуальные элементы как законченные или целые объекты, даже когда мы получаем лишь часть информации. Этот принцип часто ассоциируется с дизайном логотипов, но он может влиять и на другие решения визуального дизайна, связанные с иконками и различными элементами страницы.
Содержание статьи
Логотипы компании
Иконки интерфейса
Применение принципа завершенности к сигналу о наличии дополнительного контента
Проверьте сегментированные элементы
Читать: https://ux.pub/printsip-zaversheniya-obraza-zamknutosti-v-vizualnom-dizayne/
Люди склонны заполнять пробелы, чтобы воспринимать объект целиком.
В начале 20 века гештальт-психологи разработали набор принципов, направленных на описание того, как люди визуально воспринимают и организуют мир. Эти принципы обычно называют законами гештальта или принципами гештальта. К самым популярным принципам относятся: близость, сходство, общие области, и замкнутость. Дизайнеры могут применять эти принципы для создания удобных интерфейсов.
Определение: принцип завершения образа (замкнутости или закрытия) гласит, что люди будут заполнять пробелы, чтобы воспринимать целостный объект, всякий раз, когда внешний стимул частично совпадает с этим объектом.
Даже когда нам не хватает информации, мы стремимся разобраться в окружении, заполняя пробелы, чтобы увидеть объект целиком. Это распознавание происходит автоматически.
Принцип завершенности описывает нашу склонность воспринимать сегментированные визуальные элементы как законченные или целые объекты, даже когда мы получаем лишь часть информации. Этот принцип часто ассоциируется с дизайном логотипов, но он может влиять и на другие решения визуального дизайна, связанные с иконками и различными элементами страницы.
Содержание статьи
Логотипы компании
Иконки интерфейса
Применение принципа завершенности к сигналу о наличии дополнительного контента
Проверьте сегментированные элементы
Читать: https://ux.pub/printsip-zaversheniya-obraza-zamknutosti-v-vizualnom-dizayne/
UXPUB 🇺🇦 Дизайн-спільнота
Принцип завершения образа (замкнутости) в визуальном дизайне
Дизайнеры могут применять принцип завершенности образа для упрощения визуальных элементов и передачи (и поощрения взаимодействия с) дополнительной информацией
4 типичные ошибки дизайнера и как их избежать
Очень немногие дизайнеры могут похвастаться тем, что никогда не совершали ошибок. В конце концов, ошибки – это неотъемлемая часть процесса обучения и профессионального роста. Но какие наиболее распространенные ошибки делают дизайнеры?
1. Лишняя работа
Каролина привела в пример недавно произошедшую с ней ситуацию, которая демонстрирует опасность размещения большого количества информации в дизайне. Эта ошибка особенно актуальна в информационном дизайне. «В отпуске я останавливалась в отеле одной из самых крупнейших гостиничных сетей в мире. В этом отеле был плакат, информирующий о типах номеров. Изучая плакат, я не могла ничего разобрать. Вместо того чтобы просто продемонстрировать различия между типами номеров, в нем были перечислены все характеристики номеров и цены».
Как не парадоксально, но, если убрать лишнюю информацию, дизайн станет более информативным. Не пытайтесь впихнуть всю имеющуюся информацию, это только затруднить восприятие дизайна. Старайтесь предоставлять информацию постепенно и последовательно.
2. В погоне за совершенством
«Одна из ошибок, которые я чаще всего вижу, это дизайнеры зацикленные на пиксельном перфекционизме и правильности дизайна», –
говорит Фрисби. Такой подход к делу опасен тем, что слишком много внимания уходит на ненужные процессы, в то время как на создание привлекательной общей картины не остается сил.
Например, в выборе кандидатов на должность дизайнера Фрисби отдает предпочтение не только людям с отшлифованным портфолио. «Я ищу человека, который может балансировать между несколькими основными принципами хорошего дизайна. Того, кому удается оставаться последовательным соблюдая баланс между эстетикой и новаторством. Чрезмерное сосредоточение усилий на чем-то одном делает вас слепым к более глобальным и важным моментам в дизайне».
3. Создание старомодных портфолио
Бормальм и Фрисби ставят под сомнение актуальность старомодных портфолио, суть которых сводится к демонстрации большого количества графических работ. Бормальм называет такие портфолио пережитками рекламных агентств. По ее мнению, дизайнеры уделяют слишком много внимания для создания «красивых плакатов».
«Я думаю, что в них просто нет смысла», – сказала она. «Как менеджер, мне совершенно неинтересно видеть то, что вы когда-то создали. Я хочу увидеть, о чем вы думали, когда столкнулись с проблемой, как вы взаимодействовали с заинтересованными сторонами. Также важно то, как вы расставили приоритеты в зависимости от объема работы, бюджета и так далее».
Хотя Фрисби все еще считает портфолио важной частью оценки кандидата, он согласился с тем, что гораздо важнее понимать контекст работы. «Я соглашусь, что старомодное портфолио – это не то, что стоит демонстрировать работодателю. Мне не нужно большое количество графики, я хочу видеть тематические исследования, аргументацию решений, существовавшие ограничения, процесс формирования дизайна».
4. Неясное определение карьерных целей
По словам Фрисби, дизайнеры часто имеют слишком поверхностное представление о том, как они будут продвигаться по карьерной лестнице. «Не рассчитывайте в кратчайшие сроки стать главным дизайнеров», – говорит он. «Сосредоточьтесь на своей собственной карьеры, а не на знакомом, который стал директором всего лишь за два года. Такие случаи встречаются крайне редко. Четко сформулируйте собственные цели развития и выясните, что такое для вас успех».
“Как вы распорядитесь своей жизнью?” – спрашивает Боремальм. «Если вы считаете успехом пост генерального директора, это круто. Но есть и другие варианты карьерного роста. Подумайте о том, чем вы хотите заниматься. Чтобы достичь успеха нужно идти по пути своих интересов и желаемого карьерного роста».
Источник
Очень немногие дизайнеры могут похвастаться тем, что никогда не совершали ошибок. В конце концов, ошибки – это неотъемлемая часть процесса обучения и профессионального роста. Но какие наиболее распространенные ошибки делают дизайнеры?
1. Лишняя работа
Каролина привела в пример недавно произошедшую с ней ситуацию, которая демонстрирует опасность размещения большого количества информации в дизайне. Эта ошибка особенно актуальна в информационном дизайне. «В отпуске я останавливалась в отеле одной из самых крупнейших гостиничных сетей в мире. В этом отеле был плакат, информирующий о типах номеров. Изучая плакат, я не могла ничего разобрать. Вместо того чтобы просто продемонстрировать различия между типами номеров, в нем были перечислены все характеристики номеров и цены».
Как не парадоксально, но, если убрать лишнюю информацию, дизайн станет более информативным. Не пытайтесь впихнуть всю имеющуюся информацию, это только затруднить восприятие дизайна. Старайтесь предоставлять информацию постепенно и последовательно.
2. В погоне за совершенством
«Одна из ошибок, которые я чаще всего вижу, это дизайнеры зацикленные на пиксельном перфекционизме и правильности дизайна», –
говорит Фрисби. Такой подход к делу опасен тем, что слишком много внимания уходит на ненужные процессы, в то время как на создание привлекательной общей картины не остается сил.
Например, в выборе кандидатов на должность дизайнера Фрисби отдает предпочтение не только людям с отшлифованным портфолио. «Я ищу человека, который может балансировать между несколькими основными принципами хорошего дизайна. Того, кому удается оставаться последовательным соблюдая баланс между эстетикой и новаторством. Чрезмерное сосредоточение усилий на чем-то одном делает вас слепым к более глобальным и важным моментам в дизайне».
3. Создание старомодных портфолио
Бормальм и Фрисби ставят под сомнение актуальность старомодных портфолио, суть которых сводится к демонстрации большого количества графических работ. Бормальм называет такие портфолио пережитками рекламных агентств. По ее мнению, дизайнеры уделяют слишком много внимания для создания «красивых плакатов».
«Я думаю, что в них просто нет смысла», – сказала она. «Как менеджер, мне совершенно неинтересно видеть то, что вы когда-то создали. Я хочу увидеть, о чем вы думали, когда столкнулись с проблемой, как вы взаимодействовали с заинтересованными сторонами. Также важно то, как вы расставили приоритеты в зависимости от объема работы, бюджета и так далее».
Хотя Фрисби все еще считает портфолио важной частью оценки кандидата, он согласился с тем, что гораздо важнее понимать контекст работы. «Я соглашусь, что старомодное портфолио – это не то, что стоит демонстрировать работодателю. Мне не нужно большое количество графики, я хочу видеть тематические исследования, аргументацию решений, существовавшие ограничения, процесс формирования дизайна».
4. Неясное определение карьерных целей
По словам Фрисби, дизайнеры часто имеют слишком поверхностное представление о том, как они будут продвигаться по карьерной лестнице. «Не рассчитывайте в кратчайшие сроки стать главным дизайнеров», – говорит он. «Сосредоточьтесь на своей собственной карьеры, а не на знакомом, который стал директором всего лишь за два года. Такие случаи встречаются крайне редко. Четко сформулируйте собственные цели развития и выясните, что такое для вас успех».
“Как вы распорядитесь своей жизнью?” – спрашивает Боремальм. «Если вы считаете успехом пост генерального директора, это круто. Но есть и другие варианты карьерного роста. Подумайте о том, чем вы хотите заниматься. Чтобы достичь успеха нужно идти по пути своих интересов и желаемого карьерного роста».
Источник
Сей-Хай
4 типичные ошибки дизайнера и как их избежать – Сей-Хай
Очень немногие дизайнеры могут похвастаться тем, что никогда не совершали ошибок. В конце концов, ошибки – это неотъемлемая часть процесса обучения и
42 совета по Figma, которые ускорят вашу работу
Экономия времени в процессе проектирования побуждает сохранять творческий подход. Когда мы увязаем в дизайне, креативность уменьшается. Поэтому мне всегда нравятся использовать при проектировании сочетания клавиш и ловкие приемы.
Ранее я уже публиковал статью из этой серии. В ней вы можете найти еще несколько простых методов. Однако с обновлениями Figma постоянно добавляет новые сочетания клавиш. Так что я постараюсь поддерживать эти статьи в актуальном состоянии. А теперь перейдем к комбинациям клавиш:
Примечание: клавиша Cmd соответствует клавише Ctrl в Windows, а Option – клавише Alt.
1 — Cmd при выделенном изображении: вы можете обрезать изображение, нажав кнопку Cmd.
2 — Ссылки на странице / перенаправление: вы можете ссылаться на элементы на странице, например, якорные ссылки на веб-сайтах.
3 — Control (^) + C или клавиша I: выбор цветовой палитры.
4 — Cmd, затем «число» (значение непрозрачности): после выбора элемента и нажатия кнопки Cmd вы можете изменить непрозрачность, нажимая клавишу от 1 до 9 (1 для 10%, 9 для 90%). Вы, наверное, уже знали об этом. Но, если дважды быстро нажать 0, непрозрачность изменится на 0%. Или, если вы быстро нажмете две клавиши, например, 8 и 9 непрозрачность составит 89%).
5 — Control + Option + T: Упорядочить. Выравнивает разбросанные элементы определенным образом.
6 — Реорганизация упорядоченных элементов: после упорядочивания группы выделенных элементов, их можно регулировать курсором. Кроме того, можно заменять элементы друг на друга без нарушения порядка / соотношения.
7 — Перетаскивание + Пробел: если вы хотите изменить расположение выбранной области, вы можете использовать клавишу пробела после ее выбора.
8 — Cmd + «число» (вкладок): вы можете переключаться между вкладками с помощью комбинации Cmd + «число», как в браузерах, если открыто более одного файла / вкладки. Конечно, домашняя страница – это тоже вкладка.
9 — Cmd + точка (.): Закрывает правую и левую панели. Так вы получите измените рабочее пространство. Вы можете использовать ту же комбинацию клавиш, чтобы открывать панели.
10 — Cmd + |: эта комбинация также скрывает только левую панель. Вы можете использовать ту же комбинацию, чтобы открыть ее снова.
11 — Cmd + G: Группировать выбранные элементы.
12 — Cmd + Option + G: объединить выбранные элементы во фрейм, как при группировке. Иногда при изменении размеров элементов более выгодно использовать фреймы вместо групп.
13 — Control + Shift +?: Отображение всех сочетаний клавиш. Так вы сможете попробовать сочетания, которых нет в этой статье.
14 — Shift + Cmd + K: выбор фотографий из файлов. Таким образом, можно выделить группу фотографий. Вы также можете размещать фотографии, кликая по фреймам, прямоугольникам и т. д. (каждый элемент, который может содержать изображение) один за другим.
15 — Выбор цвета: давайте выберем элемент, который можно заливать цветом. Выбрав параметр заливки элемента, вы можете найти светлые и темные тона цветов с помощью клавиш со стрелками вверх (светлые) и вниз (темные). Для этого необходимо выбрать заливку. Кроме того, если вы нажмете клавишу Shift, вы сможете быстрее уловить тональные различия.
16 — Автоматическая высота и ширина текста: когда мы хотим изменить размер текстового поля, мы делаем это на правой панели. Если мы выбираем текст для копирования и вставки, этот текст копируется со своим стилем по умолчанию. На этом этапе мы можем последовать небольшому совету: изменить текст с автоматической высоты на автоматическую ширину, дважды щелкнув по любому краю текстового поля.
17— Отображение элемента: в больших файлах может быть сложно найти элемент на холсте, но мы можем найти его на левой панели. Следовательно, если вы щелкните по иконке, появившейся рядом с элементом на левой панели, этот элемент выделится на холсте и будет отцентрирован.
Остальные советы и примеры: https://ux.pub/42-soveta-po-figma-kotorye-uskoryat-vashu-rabotu/
Экономия времени в процессе проектирования побуждает сохранять творческий подход. Когда мы увязаем в дизайне, креативность уменьшается. Поэтому мне всегда нравятся использовать при проектировании сочетания клавиш и ловкие приемы.
Ранее я уже публиковал статью из этой серии. В ней вы можете найти еще несколько простых методов. Однако с обновлениями Figma постоянно добавляет новые сочетания клавиш. Так что я постараюсь поддерживать эти статьи в актуальном состоянии. А теперь перейдем к комбинациям клавиш:
Примечание: клавиша Cmd соответствует клавише Ctrl в Windows, а Option – клавише Alt.
1 — Cmd при выделенном изображении: вы можете обрезать изображение, нажав кнопку Cmd.
2 — Ссылки на странице / перенаправление: вы можете ссылаться на элементы на странице, например, якорные ссылки на веб-сайтах.
3 — Control (^) + C или клавиша I: выбор цветовой палитры.
4 — Cmd, затем «число» (значение непрозрачности): после выбора элемента и нажатия кнопки Cmd вы можете изменить непрозрачность, нажимая клавишу от 1 до 9 (1 для 10%, 9 для 90%). Вы, наверное, уже знали об этом. Но, если дважды быстро нажать 0, непрозрачность изменится на 0%. Или, если вы быстро нажмете две клавиши, например, 8 и 9 непрозрачность составит 89%).
5 — Control + Option + T: Упорядочить. Выравнивает разбросанные элементы определенным образом.
6 — Реорганизация упорядоченных элементов: после упорядочивания группы выделенных элементов, их можно регулировать курсором. Кроме того, можно заменять элементы друг на друга без нарушения порядка / соотношения.
7 — Перетаскивание + Пробел: если вы хотите изменить расположение выбранной области, вы можете использовать клавишу пробела после ее выбора.
8 — Cmd + «число» (вкладок): вы можете переключаться между вкладками с помощью комбинации Cmd + «число», как в браузерах, если открыто более одного файла / вкладки. Конечно, домашняя страница – это тоже вкладка.
9 — Cmd + точка (.): Закрывает правую и левую панели. Так вы получите измените рабочее пространство. Вы можете использовать ту же комбинацию клавиш, чтобы открывать панели.
10 — Cmd + |: эта комбинация также скрывает только левую панель. Вы можете использовать ту же комбинацию, чтобы открыть ее снова.
11 — Cmd + G: Группировать выбранные элементы.
12 — Cmd + Option + G: объединить выбранные элементы во фрейм, как при группировке. Иногда при изменении размеров элементов более выгодно использовать фреймы вместо групп.
13 — Control + Shift +?: Отображение всех сочетаний клавиш. Так вы сможете попробовать сочетания, которых нет в этой статье.
14 — Shift + Cmd + K: выбор фотографий из файлов. Таким образом, можно выделить группу фотографий. Вы также можете размещать фотографии, кликая по фреймам, прямоугольникам и т. д. (каждый элемент, который может содержать изображение) один за другим.
15 — Выбор цвета: давайте выберем элемент, который можно заливать цветом. Выбрав параметр заливки элемента, вы можете найти светлые и темные тона цветов с помощью клавиш со стрелками вверх (светлые) и вниз (темные). Для этого необходимо выбрать заливку. Кроме того, если вы нажмете клавишу Shift, вы сможете быстрее уловить тональные различия.
16 — Автоматическая высота и ширина текста: когда мы хотим изменить размер текстового поля, мы делаем это на правой панели. Если мы выбираем текст для копирования и вставки, этот текст копируется со своим стилем по умолчанию. На этом этапе мы можем последовать небольшому совету: изменить текст с автоматической высоты на автоматическую ширину, дважды щелкнув по любому краю текстового поля.
17— Отображение элемента: в больших файлах может быть сложно найти элемент на холсте, но мы можем найти его на левой панели. Следовательно, если вы щелкните по иконке, появившейся рядом с элементом на левой панели, этот элемент выделится на холсте и будет отцентрирован.
Остальные советы и примеры: https://ux.pub/42-soveta-po-figma-kotorye-uskoryat-vashu-rabotu/
UXPUB 🇺🇦 Дизайн-спільнота
42 совета по Figma, которые ускорят вашу работу
Когда мы увязаем в дизайне, креативность уменьшается. Поэтому мне всегда нравятся использовать при проектировании сочетания клавиш и ловкие приемы
10 самых новых бесплатных шрифтов
1. SK Astron
Шрифт, вдохновленный рекламными плакатами греческого кино 60-70-х годов.
2. Froadmile
Идет в семействе с 3 шрифтами, которые идеально комбинируются для создания уникального дизайна.
3. Shashikala Brush
Текстурный шрифт, который отлично подходит для реалистичного дизайна в стиле гранж.
4. Denganline
Лаконичный рукописный шрифт который способен легко украсить ваш дизайн
5. Outfit Typeface
Красивое семейство из 9 геометрических шрифтов. Этот шрифт идеально подходит для эффектных заголовков.
6. Huab
Шрифт, состоящий из кругов и квадратов.
7. ONAMURA
Шрифт полон элегантных и изысканных деталей, что делает его доступным для роскошных типографских проектов.
8. Post
Миловидный шрифт с небрежно написанными буквами с неровными краями.
9. M290
Жирный геометрический шрифт который создан на основе модульной сетки.
10. Actually Grotesk
Необычный контрастный шрифт без засечек, рассчитан на большие размеры.
Источник
1. SK Astron
Шрифт, вдохновленный рекламными плакатами греческого кино 60-70-х годов.
2. Froadmile
Идет в семействе с 3 шрифтами, которые идеально комбинируются для создания уникального дизайна.
3. Shashikala Brush
Текстурный шрифт, который отлично подходит для реалистичного дизайна в стиле гранж.
4. Denganline
Лаконичный рукописный шрифт который способен легко украсить ваш дизайн
5. Outfit Typeface
Красивое семейство из 9 геометрических шрифтов. Этот шрифт идеально подходит для эффектных заголовков.
6. Huab
Шрифт, состоящий из кругов и квадратов.
7. ONAMURA
Шрифт полон элегантных и изысканных деталей, что делает его доступным для роскошных типографских проектов.
8. Post
Миловидный шрифт с небрежно написанными буквами с неровными краями.
9. M290
Жирный геометрический шрифт который создан на основе модульной сетки.
10. Actually Grotesk
Необычный контрастный шрифт без засечек, рассчитан на большие размеры.
Источник
Тренды в дизайне мобильных приложений
1. Четкость и минимализм
Ясный, простой и понятный дизайн всегда актуален для мобильных дисплеев, учитывая их ограниченный размер. За последние несколько лет стало еще более очевидным, что пользователям нравится четкий минималистичный дизайн. Лаконичный дизайн упрощает понимание контента и помогает приложению лучше выполнять свои функции.
2. Темный контрастный дизайн
Темная тема оказалась одной из лучших фишек интерфейса. У нее много поклонников, и они никуда не денутся. Темный контрастный дизайн снижает нагрузку на глаза. Световые блики особенно хорошо смотрятся на темном фоне, где каждая деталь хорошо видна. Темный контрастный дизайн смотрится стильно и элегантно. Это классика, которая никогда не выйдет из моды.
3. Функциональная 3D-графика
Тренд 3D-графики остается сильным, особенно в электронной коммерции. Но 3D тоже меняется. Вау-эффект становится менее актуальным. Вместо этого современные решения все больше делают упор на 3D-интерактивность. Это уже не просто демонстрация продукта со всех сторон, а помощь пользователю в настройке параметров работы с 3D-изображением. Вряд ли можно сомневаться в том, что 3D-графика станет только более функциональной.
4. Кастомизация
Кастомизированный дизайн заставляет пользователя чувствовать, что контент был создан лично для него. Эта тенденция будет только усиливаться, а дизайн станет еще более ориентированным на человека.
5. Визуализация данных
По-прежнему актуально превращение скучных чисел и фактов в легко усваиваемые графики и диаграммы. Этот тренд работает для всех видов бизнеса и, безусловно, останется с нами.
6. Уникальные иллюстрации
Использование иллюстраций, особенно уникальных, остается популярным. Иллюстрации формируют имидж бренда и помогают ему выделиться среди конкурентов. Они нравятся пользователям, потому что делают контент понятным, красивым и человечным. Этот тренд сохраняется и даже усиливается.
7. Максимум взаимодействий
Современный интерфейс почти всегда ориентирован на личный, почти интимный контакт с пользователем.
Вот почему следующие тренды будут только усиливаться:
Интерактивные видео
Видео стали популярными и полезными в различных сферах, и их использование будет только расти. Можно с уверенностью предположить, что в ближайшем будущем большинство приложений будут использовать интерактивные видео.
Эмоциональный дизайн
Эмоциональный дизайн всегда был и останется востребованным. Он делает любое приложение более индивидуальным, поощряет пользователей взаимодействовать с дизайном, вызывает эмоции пользователей и не дает им выйти из приложения.
Анимация и геймификация
Анимация и геймификация упрощают взаимодействие с приложением и повышают вовлеченность пользователей. Поэтому неудивительно, что они улучшаются и становятся все более распространенными.
Сторителлинг
В последние годы визуальное повествование стало лучшим способом привлечь пользователей и представить информацию. Эта тенденция – несомненно сохранится.
Эмодзи
Эмодзи добавляют красок пользовательскому опыту. Они стали незаменимыми в нашем общении, поэтому они останутся актуальными по мере совершенствования.
UX-копирайтинг
Все тренды копирайтинга указывают на то, что взаимодействие с интерфейсом становится проще. Стены текста и сложные предложения все чаще заменяются простыми, емкими формами, сопровождаемыми визуальными подсказками.
Что всегда будет в моде?
Качественный, ориентированный на пользователя дизайн, основанный на маркетинговых исследованиях и исследованиях аудитории. Дизайн, достигающий поставленных целей, активно привлекает пользователей и заставляет их получать удовольствие от взаимодействия, никогда не выйдет из моды.
Источник
1. Четкость и минимализм
Ясный, простой и понятный дизайн всегда актуален для мобильных дисплеев, учитывая их ограниченный размер. За последние несколько лет стало еще более очевидным, что пользователям нравится четкий минималистичный дизайн. Лаконичный дизайн упрощает понимание контента и помогает приложению лучше выполнять свои функции.
2. Темный контрастный дизайн
Темная тема оказалась одной из лучших фишек интерфейса. У нее много поклонников, и они никуда не денутся. Темный контрастный дизайн снижает нагрузку на глаза. Световые блики особенно хорошо смотрятся на темном фоне, где каждая деталь хорошо видна. Темный контрастный дизайн смотрится стильно и элегантно. Это классика, которая никогда не выйдет из моды.
3. Функциональная 3D-графика
Тренд 3D-графики остается сильным, особенно в электронной коммерции. Но 3D тоже меняется. Вау-эффект становится менее актуальным. Вместо этого современные решения все больше делают упор на 3D-интерактивность. Это уже не просто демонстрация продукта со всех сторон, а помощь пользователю в настройке параметров работы с 3D-изображением. Вряд ли можно сомневаться в том, что 3D-графика станет только более функциональной.
4. Кастомизация
Кастомизированный дизайн заставляет пользователя чувствовать, что контент был создан лично для него. Эта тенденция будет только усиливаться, а дизайн станет еще более ориентированным на человека.
5. Визуализация данных
По-прежнему актуально превращение скучных чисел и фактов в легко усваиваемые графики и диаграммы. Этот тренд работает для всех видов бизнеса и, безусловно, останется с нами.
6. Уникальные иллюстрации
Использование иллюстраций, особенно уникальных, остается популярным. Иллюстрации формируют имидж бренда и помогают ему выделиться среди конкурентов. Они нравятся пользователям, потому что делают контент понятным, красивым и человечным. Этот тренд сохраняется и даже усиливается.
7. Максимум взаимодействий
Современный интерфейс почти всегда ориентирован на личный, почти интимный контакт с пользователем.
Вот почему следующие тренды будут только усиливаться:
Интерактивные видео
Видео стали популярными и полезными в различных сферах, и их использование будет только расти. Можно с уверенностью предположить, что в ближайшем будущем большинство приложений будут использовать интерактивные видео.
Эмоциональный дизайн
Эмоциональный дизайн всегда был и останется востребованным. Он делает любое приложение более индивидуальным, поощряет пользователей взаимодействовать с дизайном, вызывает эмоции пользователей и не дает им выйти из приложения.
Анимация и геймификация
Анимация и геймификация упрощают взаимодействие с приложением и повышают вовлеченность пользователей. Поэтому неудивительно, что они улучшаются и становятся все более распространенными.
Сторителлинг
В последние годы визуальное повествование стало лучшим способом привлечь пользователей и представить информацию. Эта тенденция – несомненно сохранится.
Эмодзи
Эмодзи добавляют красок пользовательскому опыту. Они стали незаменимыми в нашем общении, поэтому они останутся актуальными по мере совершенствования.
UX-копирайтинг
Все тренды копирайтинга указывают на то, что взаимодействие с интерфейсом становится проще. Стены текста и сложные предложения все чаще заменяются простыми, емкими формами, сопровождаемыми визуальными подсказками.
Что всегда будет в моде?
Качественный, ориентированный на пользователя дизайн, основанный на маркетинговых исследованиях и исследованиях аудитории. Дизайн, достигающий поставленных целей, активно привлекает пользователей и заставляет их получать удовольствие от взаимодействия, никогда не выйдет из моды.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Самые горячие тренды в дизайне мобильных приложений на 2021 год
Лучшие мобильные дизайн-решения 2021 года. Посмотрим, что продолжает быть популярным, а какие тренды сохранятся в ближайшем будущем
Любовь, роботы и UI: роль искусственного интеллекта в индустрии дизайна
Идея создания машины, имитирующей человеческий интеллект, является основным направлением в области технологий. Мы уже сделали скачок от «ИИ» из фильмов начала 2000-х, к чему-то, что мы считаем само собой разумеющимся. Ведь теперь ИИ устанавливает для нас сигнал будильника на наших iPhone.
Однако, вопреки нашим убеждениям, ИИ все еще находится в зачаточном состоянии, и еще есть время пока роботы полностью не захватили индустрию дизайна.
В то время, как люди тратят много времени на обдумывание дизайн-решений с помощью гибридного творчески-логического мыслительного процесса, ИИ – это гипер-логическая система решений, которые приводят к, в значительной степени, предсказуемым целям.
При этом ИИ предоставляет дизайнерам (все еще остающимся людьми) набор возможностей для принятия более осознанных и уточненных решений.
Содержание статьи
ИИ облегчает жизнь дизайнерам
Какие наиболее интересные инструменты дизайна на основе ИИ могут помочь дизайнерам?
1. Khroma
2. Fontjoy
3. Uizard
4. Copy.ai
Какие выгоды получили компании от ИИ?
1. Персонализация контента Netflix
2. Nutella– Массовое создание уникальных дизайнов
3. Переписка в приложении Airbnb
Читать статью: https://ux.pub/lyubov-roboty-i-ui-rol-iskusstvennogo-intellekta-v-industrii-dizayna/
Идея создания машины, имитирующей человеческий интеллект, является основным направлением в области технологий. Мы уже сделали скачок от «ИИ» из фильмов начала 2000-х, к чему-то, что мы считаем само собой разумеющимся. Ведь теперь ИИ устанавливает для нас сигнал будильника на наших iPhone.
Однако, вопреки нашим убеждениям, ИИ все еще находится в зачаточном состоянии, и еще есть время пока роботы полностью не захватили индустрию дизайна.
В то время, как люди тратят много времени на обдумывание дизайн-решений с помощью гибридного творчески-логического мыслительного процесса, ИИ – это гипер-логическая система решений, которые приводят к, в значительной степени, предсказуемым целям.
При этом ИИ предоставляет дизайнерам (все еще остающимся людьми) набор возможностей для принятия более осознанных и уточненных решений.
Содержание статьи
ИИ облегчает жизнь дизайнерам
Какие наиболее интересные инструменты дизайна на основе ИИ могут помочь дизайнерам?
1. Khroma
2. Fontjoy
3. Uizard
4. Copy.ai
Какие выгоды получили компании от ИИ?
1. Персонализация контента Netflix
2. Nutella– Массовое создание уникальных дизайнов
3. Переписка в приложении Airbnb
Читать статью: https://ux.pub/lyubov-roboty-i-ui-rol-iskusstvennogo-intellekta-v-industrii-dizayna/
UXPUB 🇺🇦 Дизайн-спільнота
Любовь, роботы и UI: роль искусственного интеллекта в индустрии дизайна
ИИ предоставляет дизайнерам (все еще остающимся людьми) набор возможностей для принятия более осознанных и уточненных решений
Рекомендации по выравниванию текста в дизайне
Сделайте свой интерфейс более эффективным и легким для чтения с помощью правильного выравнивания текста.
Выравнивание текста – небольшая, но важная часть интерфейса. Оно влияет на то, как наш мозг сканирует контент на экране. Правильное выравнивание текста – один из самых ярких показателей профессионально созданного цифрового продукта.
Любой интерфейс на 90% состоит из текста. Вот почему, при виде правильно выровненной типографики, создается впечатление, что вы используете более продуманный интерфейс. А когда какие-то элементы не на своем месте, это вредит нашему восприятию.
В этой статье я хочу поделиться практическими советами, которые помогут вам создавать аккуратно выровненную типографику интерфейса.
Содержание статьи
Совет 1. Избегайте выравнивания по центру для длинных блоков текста
Совет 2. Всегда выравнивайте длинный текст по левому краю
Совет 3. Используйте выравнивание по центру только для заголовков или небольших блоков текста
Совет 4. Используйте выравнивание по обратному абзацному отступу для соединения с элементами интерфейса
Совет 5. Выровняйте данные и числа по правому краю
Совет 6. Балансируйте пробелы для текста с выравниванием по ширине
Читать статью: https://ux.pub/rekomendatsii-po-vyravnivaniyu-teksta-v-dizayne/
Сделайте свой интерфейс более эффективным и легким для чтения с помощью правильного выравнивания текста.
Выравнивание текста – небольшая, но важная часть интерфейса. Оно влияет на то, как наш мозг сканирует контент на экране. Правильное выравнивание текста – один из самых ярких показателей профессионально созданного цифрового продукта.
Любой интерфейс на 90% состоит из текста. Вот почему, при виде правильно выровненной типографики, создается впечатление, что вы используете более продуманный интерфейс. А когда какие-то элементы не на своем месте, это вредит нашему восприятию.
В этой статье я хочу поделиться практическими советами, которые помогут вам создавать аккуратно выровненную типографику интерфейса.
Содержание статьи
Совет 1. Избегайте выравнивания по центру для длинных блоков текста
Совет 2. Всегда выравнивайте длинный текст по левому краю
Совет 3. Используйте выравнивание по центру только для заголовков или небольших блоков текста
Совет 4. Используйте выравнивание по обратному абзацному отступу для соединения с элементами интерфейса
Совет 5. Выровняйте данные и числа по правому краю
Совет 6. Балансируйте пробелы для текста с выравниванием по ширине
Читать статью: https://ux.pub/rekomendatsii-po-vyravnivaniyu-teksta-v-dizayne/
30 обновлений, фич и исправлений в Figma
Для дизайнеров, работающих в Figma, каждый клик имеет значение. И иногда небольшие изменения могут оказать большое влияние на творческий процесс. В этой статье мы делаем краткий обзор обновлений и исправлений, которые мы недавно внесли в Figma.
1. Переработанная панель «Stroke» для упрощения настройки векторных объектов. Теперь вы можете легко создавать стрелки и точно настраивать свойства соединителей, скопированных и вставленных из FigJam.
2. Больше? Меньше? Левее? Правее? Теперь вы можете использовать математические операции для настройки свойств со смешанными значениями.
3. Копирование в формате PNG теперь доступно в браузере (ранее оно было доступно только в десктопном приложении). 🎉 Используйте сочетание клавиш ⌘ + Shift + C / Ctrl + Shift + C, чтобы быстро сделать это!
4. Кстати о сочетаниях клавиш: теперь вы можете удерживать ⌘ / Ctrl при изменении размера изображения, чтобы сразу обрезать его.
5. Мы также внесли ряд улучшений в экспорт текста, добавив в Редактор параметр экспорта «include bounding box» и соответствующий параметр use_absolute_bounds в API подключаемого модуля. Кроме того, экспорт «Contents only» теперь называется «Ignore overlapping layers».
6. Поговорим об инструменте «Карандаш» (Pencil). Теперь вы можете выбрать свойства штриха перед использованием инструмента «Карандаш», поэтому рисование в Figma больше похоже на прикосновение ручки к бумаге.
Читать статью с примерами: https://ux.pub/30-svezhih-obnovleniy-fich-i-ispravleniy-v-figma/
Для дизайнеров, работающих в Figma, каждый клик имеет значение. И иногда небольшие изменения могут оказать большое влияние на творческий процесс. В этой статье мы делаем краткий обзор обновлений и исправлений, которые мы недавно внесли в Figma.
1. Переработанная панель «Stroke» для упрощения настройки векторных объектов. Теперь вы можете легко создавать стрелки и точно настраивать свойства соединителей, скопированных и вставленных из FigJam.
2. Больше? Меньше? Левее? Правее? Теперь вы можете использовать математические операции для настройки свойств со смешанными значениями.
3. Копирование в формате PNG теперь доступно в браузере (ранее оно было доступно только в десктопном приложении). 🎉 Используйте сочетание клавиш ⌘ + Shift + C / Ctrl + Shift + C, чтобы быстро сделать это!
4. Кстати о сочетаниях клавиш: теперь вы можете удерживать ⌘ / Ctrl при изменении размера изображения, чтобы сразу обрезать его.
5. Мы также внесли ряд улучшений в экспорт текста, добавив в Редактор параметр экспорта «include bounding box» и соответствующий параметр use_absolute_bounds в API подключаемого модуля. Кроме того, экспорт «Contents only» теперь называется «Ignore overlapping layers».
6. Поговорим об инструменте «Карандаш» (Pencil). Теперь вы можете выбрать свойства штриха перед использованием инструмента «Карандаш», поэтому рисование в Figma больше похоже на прикосновение ручки к бумаге.
Читать статью с примерами: https://ux.pub/30-svezhih-obnovleniy-fich-i-ispravleniy-v-figma/
UXPUB 🇺🇦 Дизайн-спільнота
30 свежих обновлений, фич и исправлений в Figma
Для улучшения вашего рабочего процесса в Figma мы выпустили 30 обновлений от исправлений типографики до улучшений UX
Кинопоиску в этом году исполняется 18 лет. В преддверии такой важной даты были представлены новый логотип и визуальный стиль.
До настоящего времени у сервиса не было единого визуала. Были только отдельные элементы не связанные друг с другом. Теперь же это единая система, делающая проект узнаваемым и позволяющая взаимодействовать со зрителями.
Новый визуальный стиль объединяет все грани сервиса (стриминг, медиа, база данных про кино) в единое целое.
Айдентика включает в себя новый шрифт, яркие акцентные цвета и галлографические элементы. Цель изменений — сделать сервис узнаваемым на любом устройстве.
В новом логотипе заложен важный посыл. Знак одновременно и буква «К», символизирующая сервис, и метафора объединения людей, которых притягивает сила историй.
Обновление только визуальное. Логика использования сервиса не поменяется. Изменения будут происходить постепенно, в зависимости от платформы.
До настоящего времени у сервиса не было единого визуала. Были только отдельные элементы не связанные друг с другом. Теперь же это единая система, делающая проект узнаваемым и позволяющая взаимодействовать со зрителями.
Новый визуальный стиль объединяет все грани сервиса (стриминг, медиа, база данных про кино) в единое целое.
Айдентика включает в себя новый шрифт, яркие акцентные цвета и галлографические элементы. Цель изменений — сделать сервис узнаваемым на любом устройстве.
В новом логотипе заложен важный посыл. Знак одновременно и буква «К», символизирующая сервис, и метафора объединения людей, которых притягивает сила историй.
Обновление только визуальное. Логика использования сервиса не поменяется. Изменения будут происходить постепенно, в зависимости от платформы.