Фон какой: Страница не найдена

Содержание

Фон и границы — Изучение веб-разработки

В этом уроке мы рассмотрим некоторые интересные возможности, которые вы можете сделать с помощью CSS свойств фона и границ . Благодаря добавлению градиентов, фоновых изображений и закруглённых углов свойства фона и границ ответят на многие вопросы стилизации в CSS.

CSS свойство background является сокращением для ряда полных свойств фона, с которыми мы познакомимся в этом уроке. Если вы обнаружите сложное свойство background в таблице стилей, это может показаться трудным для понимания, так как одновременно может быть передано так много значений.

.box {
  background: linear-gradient(105deg, rgba(255,255,255,.2) 39%, rgba(51,56,57,1) 96%) center center / 400px 200px no-repeat,
  url(big-star.png) center no-repeat, rebeccapurple;
}

Мы вернёмся к тому, как работает сокращение позже, а пока давайте взглянем на различные вещи, которые вы можете делать с фоном в CSS, посмотрев на отдельные свойства background.

Фоновый цвет

Свойство background-color определяет цвет фона для любого элемента в CSS. Свойство принимает любой допустимый цвет <color>. background-color распространяется на сам контент и отступы от него (padding).

В приведённом ниже примере мы использовали различные значения цвета, чтобы добавить цвет фона к блоку, заголовку и элементу <span>.

Поиграйте с ними, используя любое доступное значение <color>.

Фоновое изображение

Свойство background-image позволяет отображать изображение в качестве фона элемента. В приведённом ниже примере у нас есть два блока — в одном фоновое изображение больше, чем размеры блока, а в другом — маленькое изображение звезды.

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

Если кроме фонового изображения вы добавили фоновый цвет, то изображение будет отображаться над цветом. Попробуйте добавить свойство background-color в приведённый выше пример, чтобы увидеть это в действии.

Свойство background-repeat

Свойство background-repeat используется для управления повторениями фонового изображения. Доступные значения:

no-repeat — останавливает повторение фонового изображения во всех направлениях.
repeat-x — повторение фонового изображения по горизонтали.
repeat-y — повторение фонового изображения по вертикали.
repeat — повторение фонового изображения в обоих направлениях. Установлено по умолчанию.

Попробуйте эти значения в примере ниже. Мы установили значение no-repeat, поэтому вы видите только одну звезду. Попробуйте разные значения — repeat-x и repeat-y — чтобы увидеть, какие эффекты они оказывают.

Изменение размеров фонового изображения

В приведённом выше примере у нас есть большое изображение, которое в конечном итоге было обрезано, так как оно больше, чем элемент, фоном которого оно является. В этом случае мы могли бы использовать свойство background-size, которое может принимать значения длины или в процентах, чтобы размер изображения соответствовал размеру фона.

Вы также можете использовать ключевые слова:

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

Ниже я применил значения длины к размерам изображения. Глядите, как это исказило изображение.

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

Попробуйте следующее.

Измените значения длины, используемые для изменения размера фона.
Измените значение длины на background-size: cover или background-size: contain.
Если ваше изображение меньше размеров блока, вы можете изменить значение свойства background-repeat, чтобы повторить изображение.

Позиционирование фонового изображения

Свойство background-position позволяет вам изменять позицию, в которой фоновое изображение появляется в блоке. При этом используется система координат, в которой левый верхний угол блока равен (0,0), а сам блок располагается вдоль горизонтальной (x) и вертикальной (y) осей.

Примечание: По умолчанию значение background-position равно (0,0).

Обычно свойство background-position задают в виде двух последовательных значений — значение по горизонтали, за которым следует значение по вертикали.

Вы можете использовать такие ключевые слова, как top и right (с остальными можете ознакомиться на странице background-position):

.box {
  background-image: url(star.png);
  background-repeat: no-repeat;
  background-position: top center;
}

Допустимы значения длины и процентные:

.box {
  background-image: url(star.png);
  background-repeat: no-repeat;
  background-position: 20px 10%;
}

Вы также можете смешивать значения ключевых слов с длинами или процентами, например:

. box {
  background-image: url(star.png);
  background-repeat: no-repeat;
  background-position: top 20px;
}

И наконец, вы также можете использовать синтаксис с четырьмя значениями, чтобы указать расстояние от определённых краёв блока — единица длины в данном случае представляет собой смещение от значения ключевого слова. Итак, в CSS ниже мы сместили фон на 20 пикселей сверху и на 10 пикселей справа:

.box {
  background-image: url(star.png);
  background-repeat: no-repeat;
  background-position: top 20px right 10px;
}

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

Примечание: background-position — это сокращение для background-position-x и background-position-y (en-US), которые позволяют вам устанавливать различные значения положения по оси индивидуально.

Градиент в качестве фона

Градиент — при использовании для фона — действует так же, как изображение, и поэтому задаётся свойством background-image.

Вы можете прочитать больше о различных типах градиентов и о том, что вы можете с ними делать на странице MDN для типа данных <gradient>. Поиграть с градиентами вы можете используя один из многих генераторов градиентов CSS, доступных в Интернете, например этот. Вы можете создать градиент, а затем скопировать и вставить его в свой код.

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

Несколько фоновых изображений

Также возможно создавать несколько фоновых изображений — просто разделив значения свойства background-image запятыми.

Когда вы сделаете это, произойдёт наложение фоновых изображений друг на друга. Фоновые изображения будут наложены слоями, где каждое новое фоновое изображение, перечисленное в коде, будет накладываться поверх ранее указанного изображения.

Примечание: Градиенты можно легко смешивать с обычными фоновыми изображениями.

Другие свойства background- * также могут иметь значения, разделённые запятыми, как и background-image:

background-image: url(image1.png), url(image2.png), url(image3.png), url(image1.png);
background-repeat: no-repeat, repeat-x, repeat;
background-position: 10px 20px,  top right;

Каждое значение различных свойств будет соответствовать значениям в той же позиции в других свойствах. Выше, например, значение background-repeat для image1 будет no-repeat. Однако, что происходит, когда разные свойства имеют разное количество значений? Ответ заключается в том, что меньшее количество значений будет циклически повторяться — в приведённом выше примере есть четыре фоновых изображения, и только два значения background-position. Первые два значения позиции будут применены к первым двум изображениям, затем они снова будут циклически повторяться — image3 будет присвоено первое значение позиции, а image4 будет присвоено второе значение позиции.

Поиграем? В приведённом ниже примере я добавил два изображения. Чтобы продемонстрировать порядок наложения, попробуйте поменять порядок фоновых изображений в списке. Или поиграйте с другими свойствами, чтобы изменить положение, размер или повторяемость значений.

Закрепление фона

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

scroll: Заставляет элементы фона прокручиваться при прокрутке страницы. Если содержимое элемента прокручивается, фон не перемещается. Фактически, фон фиксируется в той же позиции на странице, поэтому он прокручивается по мере прокрутки страницы.
fixed: Фиксирует элементы фона в области просмотра, чтобы он не прокручивался при прокрутке страницы или содержимого элемента. Фон всегда будет оставаться на одном и том же месте на экране.
local: Это значение было добавлено позже (оно поддерживается только в Internet Explorer 9+, тогда как другие поддерживаются в IE4+), потому что значение scroll довольно запутанно и во многих случаях действительно не делает то, что вы хотите. Значение local фиксирует фон для элемента, к которому он применён, поэтому, когда вы прокручиваете элемент, фон прокручивается вместе с ним.

Свойство background-attachment действует только тогда, когда есть контент для прокрутки, поэтому мы сделали пример, чтобы продемонстрировать различия между тремя значениями — взгляните на background-attachment.html (также смотри исходный код здесь).

Использование сокращённого свойства background

Как я упоминал в начале этого урока, вы часто будете видеть фон, заданный с помощью свойства background. Это сокращение позволяет вам одновременно устанавливать все различные свойства.

При использовании нескольких фонов необходимо указать все свойства для первого фона, а затем добавить следующий фон после запятой. В приведённом ниже примере у нас есть градиент с размером и положением, затем фоновое изображение со значением no-repeat и положением, затем цвет.

При записи сокращённых значений фонового изображения необходимо соблюдать несколько правил, например:

background-color можно указывать только после последней запятой.
Значения background-size могут быть включены только сразу после background-position, разделённые символом ‘/’, например: center/80%.

Посетите страницу MDN свойства

, чтобы увидеть полное описание.

Доступность просмотра

Помещая текст поверх фонового изображения или цвета, вы должны позаботиться о том, чтобы у вас было достаточно контраста, чтобы текст был читаемым для посетителей вашего сайта. Если указывается изображение, и текст будет помещён поверх этого изображения, вы также должны указать background-color, который позволит тексту быть разборчивым, если изображение не загружается.

Программы чтения с экрана не могут анализировать фоновые изображения, поэтому они должны быть чисто декоративными; любой важный контент должен быть частью HTML-страницы, а не находиться в фоне.

Изучая Блочную модель, мы обнаружили, как границы влияют на размер нашего блока. В этом уроке мы рассмотрим, как творчески использовать границы. Обычно, когда мы добавляем границы к элементу с помощью CSS, мы используем сокращённое свойство, которое устанавливает цвет, ширину и стиль границы в одной строке CSS.

Мы можем установить границу для всех четырёх сторон блока с помощью border:

.box {
  border: 1px solid black;
}

Или мы можем нацеливаться на один край блока, например:

.box {
  border-top: 1px solid black;
}

Индивидуальные свойства этих сокращений будут следующими:

.box {
  border-width: 1px;
  border-style: solid;
  border-color: black;
}

И более детально:

. box {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: black;
}

Примечание: Свойства границ top, right, bottom, и left также имеют сопоставленные логические свойства, которые относятся к режиму написания документа (например, текст слева направо, справа налево или сверху вниз). Мы рассмотрим их в следующем уроке, который касается работы с разными направлениями текста.

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

Закруглённые углы

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

Например, чтобы сделать все четыре угла блока радиусом 10px:

.box {
  border-radius: 10px;
}

Или, чтобы верхний правый угол имел горизонтальный радиус 1em и вертикальный радиус 10%:

.box {
  border-top-right-radius: 1em 10%;
}

В примере ниже мы установили все четыре угла, а затем изменили значения для верхнего правого угла, чтобы сделать его другим. Вы можете поиграть со значениями, чтобы изменить углы. Взгляните на страницу свойств для border-radius чтобы увидеть доступные варианты синтаксиса.

Чтобы проверить свои новые знания, попробуйте создать следующее, используя фон и границы, используя приведённый ниже пример в качестве отправной точки:

Задайте рамку равную 5px black solid, с закруглёнными углами 10px.
Добавить фоновое изображение (используйте URL balloons.jpg) и установите размер таким образом, чтобы он покрыл весь блок.
Задайте для <h3> полупрозрачный чёрный цвет фона и сделайте текст белым.

Примечание: вы можете посмотреть решение здесь — но сначала попробуйте сделать это сами!

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

В следующем уроке мы узнаем, как Режим написания вашего документа взаимодействует с вашим CSS. Что происходит, если текст не перетекает слева направо?

фильмография, фото, биография. Актер, Режиссер, Сценарист, Оператор, Монтаж.

Краткая биография

Родился 30 апреля 1956 года в Копенгагене в семье государственных служащих. В 1995 году, незадолго до своей смерти, мать призналась Ларсу, что человек, которого он всю жизнь считал своим отцом, на самом деле таковым не является. Триер нашел своего биологического родителя, но после нескольких весьма бурных встреч 90-летний мужчина предложил продолжить общение через своего адвоката.

Ларс с детства увлекался кино и снял свой первый любительский мультфильм еще в 11 лет. Став постарше, он поступил в киношколу и сделал несколько экспериментальных короткометражных работ. Критики сразу отметили новаторский стиль начинающего режиссера. В качестве дипломной работы в 1983 году он представил короткометражный фильм «Картины освобождения», удостоенный награды Мюнхенского кинофестиваля. Настоящий прорыв фон Триера на большом экране состоялся в 1984 году с картиной «Элемент преступления», постмодернистской психологической драмой, где он выступил в качестве актера, сценариста и оператора. Фильм завоевал технический Гран-при в Каннах и получил награды на кинофестивалях в Чикаго и Мангейме. Следующий фильм Триера, «Эпидемия» (премия технической комиссии в Каннах) вышел в 1987 году, затем последовали ленты «Медея» (1988) и «Европа» (1991), удостоенные трех наград Каннского международного кинофестиваля: ленту, посвященную путешествию американца по полуразрушенной Германии 1945 года, отличали яркие аудиовизуальные решения. «Элемент преступления», «Эпидемия» и «Европа» образовали трилогию, объединенную не общим сюжетом, а постапокалиптической темой: Старый мир охвачена неким бедствием, а главный герой пытается разобраться со своим собственным прошлым. В 1991 году Триер и продюсер «Европы» Петер Ольбек Йенсен создали свою собственную компанию «Зентропа Энтертейнментс», которая стала ведущей в скандинавском кинопроизводстве.

Международную славу Ларс фон Триер приобрел благодаря телесериалу «Королевство» (1994), который критика сравнила со знаменитым сериалом «Твин Пикс». Проект был настолько успешен, что последовало его продолжение, «Королевство-2» (1997), а позже была выпущена и 280-минутная киноверсия. Фон Триер в конце девяностых – это мастер художественного эпатажа. Всемирный триумф ему принесла картина «Рассекая волны» (1996). Главная героиня, движимая верой и любовью к парализованному мужу, обрекает себя на позор, изгнание из общины, физические мучения и гибель, за что вознаграждается на небесах. Лента была отмечена Большим призом жюри Каннского фестиваля и французской кинопремией «Сезар» как «Лучший иностранный фильм». В 2000 году фон Триер выпустил на экраны музыкальную драму «Танцующая в темноте», главные роли исполнили Катрин Денев и исландская певица Бьорк. Картина получила «Золотую пальмовую ветвь». «Рассекая волны», «Идиотов» и «Танцующую в темноте» фон Триер объединил в «трилогию о золотом сердце» о простых и искренних женщинах, готовых жертвовать собой ради близких.

После успеха «Танцующей в темноте» Триер начал снимать свою «американскую» трилогию, первой частью которой стал детективный триллер «Догвилль» (2003) с Николь Кидман в главной роли. «Я не думаю, что так уж и мучил Николь», – рассказывает режиссер о своей работе с Кидман. «Но я знаю: она говорила, что со мной ей было тяжело. На самом деле я боюсь всего в этой жизни, за исключением работы над фильмами». В мае 2011-го года на пресс-конференции, посвященной показу новой картины, «Меланхолия», на Каннском кинофестивале, разгорелся скандал. Отвечая на вопрос о своих немецких корнях, Триер заявил, что «с пониманием и сочувствием» относится к Гитлеру, и назвал себя «нацистом». Канны объявили режиссера персоной нон грата, но лента, тем не менее, была номинирована на Золотую пальмовую ветвь.

«Фильм должен быть как острый камушек в ботинке», говорит режиссер. По всей видимости, жизнь, по его мнению, не должна казаться медом.

Дипломатия стульев: почему Урсуле фон дер Ляйен не предложили сесть рядом с Реджепом Эрдоганом

8 апреля 2021

Автор фото, Reuters

Скандал вокруг встречи высших чиновников ЕС с президентом Турции, во время которого главе Еврокомиссии Урсуле фон дер Ляйен не нашлось места рядом с Реджепом Эрдоганом, продолжает развиваться.

Во вторник делегация высших чинов ЕС встречалась в Анкаре с президентом Турции Реджепом Тайипом Эрдоганом. Европу представляли президент Еврокомиссии Урсула фон дер Ляйен и глава Европейского совета Шарль Мишель.

Попозировав для протокольных фотографий с улыбками для прессы, которых все равно не было видно за антиковидными масками, троица направилась в зал для переговоров, где случился конфуз: кресел (под флагами ЕС и Турции) оказалось всего два. Ну, и еще большой диван на небольшом отдалении.

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

В итоге Урсуле фон дер Ляйен пришлось сесть на диван на некотором отдалении от двух кресел, оккупированных мужчинами.

Автор фото, Getty Images

Подпись к фото,

Как говорится, ничто не предвещало…

Скандал сразу окрестили «софагейтом» (англ. sofa — диван). Масла в огонь подлило и то обстоятельство, что с точки зрения протокола Мишель и фон дер Ляйен являются равновеликими фигурами — они оба представляют ЕС на высшем уровне.

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

«Сначала они выходят из Стамбульской конвенции, а теперь оставляют президента Европейской комиссии без места в ходе официального визита. Позор», — написала депутат Европарламента от Испании Иратче Гарсиа Перес.

Официальный представитель правительства Франции Габриэль Атталь назвал ситуацию «шокирующей».

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

«Строгое толкование турецкими службами правил протокола … привело к удручающей ситуации — другому, даже несколько уничижительному отношению к президенту Европейской комиссии», — высказал свою версию глава Европейского совета.

Турецкая сторона немедленно отреагировала. «Мы не в первый раз принимаем иностранных гостей, и традиционное турецкое гостеприимство известно во всем мире … Расстановка мест была проведена в соответствии с предложением ЕС. Точка. Мы бы не стали раскрывать этот факт, если бы против Турции не выдвигались обвинения, — сказал репортерам иинистр иностранных дел Мевлют Чавушоглу. — Требования и предложения со стороны ЕС были выполнены, и в ходе встречи выполнялся соответствующий протокол».

В офисе фон дер Ляйен инцидент предпочли не раздувать. Однако представитель Еврокомиссии заявил, что ее президент рассчитывает на отношение к институту, который она представляет, в соответствии с протоколом и что она попросила свою команду принять соответствующие меры, чтобы похожие инциденты в будущем не повторялись.

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

Скандал тем временем продолжает жить своей жизнью. Первый замминистра иностранных дел Греции Милтиадис Варвициотис в интервью местной радиостанции сказал, что ситуация на переговорах стала драматической картиной для Европы после недавнего выхода Турции из Стамбульской конвенции по защите женщин.

Турецкий МИД отреагировал немедленно: «Мы решительно осуждаем аморальные заявления заместителя министра иностранных дел Греции Милтиадиса Варвициотиса о нашей стране и нашем президенте, которые не соответствуют политическим и дипломатическим нормам».

Как бы то ни было, сейчас Брюссель, похоже старается сгладить дипломатический конфуз. Как заявил в четверг представитель ЕК Эрик Мамер, случившееся никак не повлияло на взаимодействие Евросоюза с Турцией.

«Она отреагировала таким образом, чтобы не дать этой ситуации подорвать диалог с ее собеседниками, с президентом Эрдоганом. Все остальное — детали, которые не имели реального влияния на то, как мы работаем с властями Турции», — сказал Мамер на брифинге.

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

Цвет фона и текста в презентации

Если во время выступления вы используете презентацию, важно правильно выбрать, в каком режиме она будет: черное на белом или белое на черном.

Это черный текст
на белом фоне

Это белый текст
на черном фоне

Выбор зависит от того, на чем вы показываете презентацию.

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

Если презентация идет на проекторе, LED-экране или вы выступаете в 1980-х годах у монитора с электронно-лучевой трубкой, то всегда выбирайте белый текст на черном фоне.

Для проектора всегда выбирайте
белый текст на черном фоне.

Что это дает:

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

Меньше шансов, что спикера засветит белым фоном его презентации.

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

Что будет, если делать на проекторе черный текст и белый фон:

Камерам тяжело найти нужный баланс освещенности, потому что перед ними ОГРОМНОЕ СВЕТЯЩЕЕСЯ ПЯТНО

Экран выглядит ярче и интереснее, чем спикер

Мелкий текст будет очень трудно прочитать

Вот пример, когда камера ничего не понимает:

Веду курс в бюро когда-то давно

Вот как бы это выглядело, если бы я светил белым текстом. Даже с учетом размытия и многократных отражений света, текст все еще был бы читаемым:

На следующей фотографии текст видно еле-еле, потому что белый свет экрана заливает всё:

Веду занятие в «КСК-груп»

А вот как бы это выглядело, выбери я белый текст на черном фоне:

На следующей фотографии левая часть экрана — это светлое на темном, читается хорошо. Справа — экран чатика, там темное на светлом. Читается хуже и залезает на лицо.

Веду курс о редактуре в бюро

А теперь нормальная ситуация: проектор светом рисует на экране нужную мне схему, все остальное пространство стены — просто стена, а не огромный светящийся экран. Видно, что проектор светит немного мимо экрана, но это почти не парит:

Читаю лекцию в НИУ ВШЭ

Судя по слайду, Илья Бирман рассказывает о понимании задачи. Бирмана ничто не побеждает

Исключение

Единственный случай, когда стоит выбрать для проектора белый фон и черный текст — если в проекторе подыхает лампа. Тогда его общая яркость будет слишком низкой, чтобы нормально прорисовать ваш белый текст, и все будет тусклым:

Выступаю на «Дизайн-просмотре»: проектор еле тянет даже большие белые области

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

Общие рекомендации

Что еще запомнить о подготовке презентации под проектор:

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

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

Пишите просто и коротко. Читать с экрана — боль.

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

Избегайте сжатых и тонких шрифтов. Сжатые сожмутся, а тонкие затеряются.

По возможности придумайте, как бы картинкам в презентации взаимодействовать со спикером. Чтобы не просто «Я тут, экран там», а чтобы между ними была какая-то игра.

Презентация для печати

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

Если, например, вы выступаете на конференции, а потом ваши презентации включают в какую-то печатную брошюру, то делайте две версии презентации:

Одна для экрана: белое на черном, только ключевые мысли, взаимодействие с лектором, игры и веселуха.

Вторая для печати: черное на белом, подробное изложение ваших мыслей.

Виртуальный фон для Zoom — фото природы России

Во время самоизоляции многие компании перешли на удаленную работу из дома. Чтобы оставаться на связи с коллегами, большинство использует сервис онлайн-конференций Zoom — он позволяет подключать по видео сразу несколько человек. А еще у него есть интересная опция — возможность устанавливать виртуальный фон.

Удивите коллег, выйдя на связь с Камчатки, плато Путорана или берега Байкала. Выбирайте фото из нашей коллекции, сохраняйте снимки подходящего размера, используйте шпаргалку Zoom и принимайте комплименты от коллег 😉

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