Что такое библиотека компонентов
Библиотека — это файл, где хранятся основные компоненты для проекта. Он точно такой же, как файл с готовым дизайном, — отличается только назначением. Если нужно добавить в проект один из стандартных элементов, дизайнер не рисует его заново, а берёт из библиотеки.
Фрагмент библиотеки компонентов Facebook* iOS 11 UI Kit, содержащей все визуальные элементы приложения Facebook*Скриншот: Skillbox Media
Для библиотек нет строгих стандартов оформления. Обычно компоненты структурируют и снабжают заголовками. Их удобно группировать по фреймам — например, в зависимости от интерфейса (мобильный или десктопный) и типа (уведомления, контекстные меню и тому подобное).
Как правильно использовать библиотеки
Когда библиотека опубликована для команды, её компоненты появляются на вкладке Assets в левой панели. После этого участники могут их использовать.
Поместить экземпляр компонента в дизайн можно тремя способами:
- Скопировать. Копия основного компонента или его копии автоматически становится экземпляром.
- Перетащить. Из меню Assets в рабочую область.
- Изменить. На правой панели у экземпляров есть параметр Instance. Здесь нужный основной компонент можно выбрать из списка.
Бывает, что изменённый экземпляр уже сильно отличается от «родителя». Если он ещё понадобится в таком виде, можно сделать две вещи:
Даррен Аранофски снял первый фильм для крупнейшего экрана на Земле.
Первый фильм под названием Открытка с Земли (Postcard From Earth) уже снят, а режиссер и продюсер ни кто иной, как Даррен Аранофски (Черный лебедь, Рестлер, Реквием по мечте). По заявлению Аранофски, его новый фильм включает элементы, как документального так и художественного кино. «Создавая Открытку с Земли» нам хотелось, как можно шире и точнее передать разнообразие жизни на планете, природной красоты и человеческих достижений» говорит режиссер.
Съемки фильма проходили на всех континентах, в воздухе и под водой. Оператором-постановщиком стал Мэттью Либатик (Matthew Libatique), известный работами над фильмами Мама!, Голос Улиц, Черный Лебедь, Фонтан, Готика. Он уже неоднократно работал с Аранофски.
Для производства фильма, компанией владельцем MSG Sphere была специально создана уникальная камера Big Sky, которая имеет разрешение 316 мегапикселей, и HDR сенсор 3×3 дюйма способный снимать с разрешением 18K при 120 кадрах в секунду. В данный момент фильм проходит финальные стадии пост-обработки.
«Каждый день мы учимся чему то новому в работе с этой инновационной камерой. Мы сами все еще учимся, так как это новая технология. Производство фильма, финальная копия которого будет занимать объем в 500 тысяч гигабайт и использовать 160 000 динамиков — это ошеломляет» — заключает Арановски в интервью The Hollywood Reporter.
Источник фото: www.sphereentertainmentco.com и www.dezeen.com
25 концертов группы U2 в Лас Вегасе
Концертный зал откроется 29 сентября первым из 25 концертов «U2: UV Achtung Baby Live at Sphere», которые знаменитая ирландская группа U2 отыграет в честь своего альбома 1991 года Achtung Baby. Стоимость билетов составит от $140.
Здесь же состоятся эксклюзивные показы ленты Даррена Аронофски (Darren Aronofsky) «Открытки с Земли».
В ноябре через территорию сооружения пройдёт уличная трасса гран-при «Формулы-1» в Лас-Вегасе; здесь также будут проходить турниры по боксу, смешанным единоборствам и другие спортивные мероприятия. И, конечно, концерты музыкантов.
После открытия экран станет показывать шоу каждую ночь, а иногда его представления будут связаны с отмечаемыми праздниками: в Хэллоуин он превратится в гигантскую тыкву, а на Рождество окажется снежным шаром. В соцсетях даже начали шутить, что эти представления могут стать причиной автомобильных аварий.
Проектированием Sphere занималось архитектурное бюро Populous, ответственное за многие из крупнейших спортивных арен мира.
Но все эти выступления могут показаться до смешного миниатюрными на фоне 76-метрового экрана с разрешением 19 000 × 13 500 пикселей в концертном зале. В нём также установлены 160 000 динамиков, благодаря чему каждый посетитель сможет наслаждаться звуком высокого качества вне зависимости от того, где расположено его место.
Зрительские места, к слову, оборудованы тактильными приводами, которые смогут, например, вибрировать, когда на экране показывают землетрясение. В зале также есть 4D-машины, способные имитировать ветер, менять температуру и производить запахи.
Что такое арена MSG Sphere?
MSG Sphere — это уникальная сферическая развлекательной арена стоимостью $2.2 миллиарда долларов и высотой более статуи свободы в Нью-Йорке. Арена находится на финальной стадии завершения – а внешний экран работает уже на полную мощь.
Концертный зал MSG Sphere уже называют крупнейшим в мире сферическим сооружением и по совместительству крупнейшим сферическим экраном в мире. Его внешняя сторона является гигантским светодиодным дисплеем, а внутри самого зала расположен, по утверждению создателей объекта, самый большой в мире изогнутый LED-дисплей с самым высоким разрешением.
Что такое компонент Figma
Компонент — это элемент, копии которого меняются вместе с ним. Например, поле ввода, аватар со статусом или меню. Исходный компонент называется основным (main component), его копии — экземплярами (instances).
Допустим, мы создали основной компонент — чёрный квадрат. Затем добавили два его экземпляра.
Основной компонент — «родитель» и два экземпляра — «потомки» чёрного цветаСкриншот: Skillbox Media
Перекрасим первый в красный цвет. Все три тоже станут красными — экземпляры наследуют параметры основного компонента.
Наследование цвета от «родителя» «потомками» — все три квадрата красныеСкриншот: Skillbox Media
Наряду с наследованием, экземпляры можно изменять напрямую, не разрывая при этом связь с «родителем». Например, сделать второй квадрат сиреневым, а третьему добавить обводку и растянуть.
Свойства «потомков» можно изменять напрямую — форму, цвет и любые другие характеристикиСкриншот: Skillbox Media
Свойства, полученные экземплярами непосредственно, всегда приоритетны по сравнению с унаследованными. Если уменьшить и перекрасить «родителя» в жёлтый цвет, один из его «потомков» всё равно останется фиолетовым, а другой — прямоугольником, потому что эти свойства были приобретены самостоятельно, а не от основного компонента.
Приобретённые свойства экземпляров — фиолетовый цвет и прямоугольная форма — имеют больший приоритет, чем унаследованные от «родителя»Скриншот: Skillbox Media
Как создать библиотеку компонентов
Сделайте пустой файл, который станет библиотекой, и наполняйте его компонентами. Вначале нарисуйте составные части компонента. Затем выделите их и щёлкните Create Component в верхней панели.
Скриншот: Skillbox Media
Чтобы новую библиотеку можно было использовать в проектах, её нужно опубликовать. Сделайте это на вкладке Assets, кликнув иконку-книгу и нажав Publish.
Скриншот: Skillbox Media
С библиотеками проще работать, если соблюдать несколько правил:
- Добавлять всё, что встретится больше двух раз. Интерактивные элементы, иконки, слайдеры, тапбары, аватары пользователей, лейауты экранов, меню и так далее.
- Начинать с меньшего. По принципам атомарного дизайна вначале создают наименьшие неделимые элементы: например, заголовки и параграфы, иконки, чек-боксы. Позже они станут частью других компонентов.
- Вкладывать состояния. Изображения для элемента в разных состояниях часто располагают одно над другим. Например, кнопка с наведённым курсором и нажатая кнопка. Чтобы переключиться, включают и отключают видимость каждого из них.
- Использовать фреймы как папки. Создать фрейм можно с помощью символа решётки в верхней панели. Это прямоугольник, напоминающий окно в операционной системе.
Скриншот: Skillbox Media
Фрейм называют как категорию элементов. Допустим, «Уведомления» — все уведомления помещают в него. Визуально так проще ориентироваться, но самое главное — в раскрывающемся списке компонентов появится одноимённый пункт.
