Глава 6. Коммуникации для повышения интереса | Раздел 11. Создание плакатов и флаеров | Основной раздел | Ящик для инструментов сообщества

Изображение рук с саженцем в них и слова Donate Now под ними.

Ящик с инструментами нуждается в вашей помощи
оставаться доступным.

Ваш вклад может помочь изменить жизнь.
Пожертвовать сейчас.

Изображение стопки книг с яблоком поверх них.

Шестнадцать учебных модулей
для обучения основным навыкам.
Подробнее.

Узнайте основные советы о том, как эффективно донести свое сообщение с помощью плакатов и листовок.
Что такое плакаты и листовки?
В чем преимущества плакатов и флаеров?
Как создать свой плакат или флаер
Несколько основных советов по дизайну плаката
Ошибки, которых следует избегать

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

Что такое плакаты и листовки?

Вы, наверное, уже знаете, что такое плакаты и флаеры: печатные листы, предназначенные для размещения в общественном месте или на личном рабочем месте. Плакаты, как правило, довольно большие и профессионально напечатаны и почти всегда содержат иллюстрацию, в то время как листовки (также известные как мини-постеры) обычно имеют размер 8 x 11 дюймов или около того, могут быть просто фотокопированы или отправлены по электронной почте, и часто полагаются исключительно на слова, чтобы донести свою мысль. Плакаты и листовки обычно носят информационный характер. Их также можно использовать для подтверждения положительного поведения или привлечения людей к событию.

В чем преимущества плакатов и флаеров

Плакаты и флаеры можно размещать практически в любом месте.. Однако лучше всего подходят места, где у вас есть «захваченная аудитория»:

  • школьные классы (особенно если вы ориентируетесь на детей младшего возраста)
  • приемные и приемные в стоматологических и медицинских клиниках
  • автобусы или другой общественный транспорт
  • офисы общественных организаций
  • общественные доски объявлений на рынках и в прачечных
  • окна офисов в центре города
  • везде, где люди будут стоять в очереди

Хороший постер может прослужить долгие годы.. Вы, вероятно, не захотите использовать один и тот же контент в течение многих лет, но использование последовательной темы, одного и того же художника или других элементов, чтобы сделать плакаты вашей группы узнаваемыми, является хорошей идеей. Например, плакаты с изображением дяди Сэма, указывающего пальцем и говорящего «Я хочу тебя!» использовались в качестве инструмента набора в армию со времен Первой мировой войны.

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

Листовки дешевые. Вы можете создать простую листовку на компьютере за несколько минут и либо распечатать нужные вам копии самостоятельно, либо заказать их ксерокопирование недорого (1000 за 50 долларов или около того — по сравнению с печатной рекламой и большинством других средств массовой информации, это очень хорошо). также бесплатно отправьте свой флаер по электронной почте в список из сотен или тысяч людей одним нажатием клавиши и/или разместите его на своем и чужом веб-сайтах.

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

Как создать свой плакат или флаер

Определитесь с целью вашего общения.

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

Просить «Какое мероприятие или выгоду мы рекламируем?» или «Какое отношение или поведение мы хотим изменить или продвигать?» В этом суть вашего сообщения (например, «Курение может вызвать рак» или «Грудное вскармливание полезно для вашего ребенка»).

Читайте также:
5 советов, как защитить Windows от взлома

Исследовать какие преимущества коммуникационная цель имеет для вашей целевой аудитории. Например, для «Грудное вскармливание полезно для вашего ребенка» некоторые преимущества могут включать: у детей, находящихся на грудном вскармливании, меньше шансов заболеть респираторными инфекциями, детским диабетом и детской лимфомой; у них меньше проблем с обучением; у них на 1/3 меньше шансов умереть от синдрома внезапной детской смерти; и у них меньше ушных и диарейных инфекций.

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

Определите свою целевую аудиторию.

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

Разработайте свою концепцию.

  • Набросайте несколько идей. На этом этапе не зацикливайтесь на том, чтобы все выглядело идеально — это произойдет намного позже. Просто используйте много бумаги и дайте волю своему воображению.
  • Посмотрите на то, что у вас есть, и поиграйте с другими словами. Каламбуры, двойные значения и другие типы игры слов часто очень хорошо работают в плакатных кампаниях. Попробуйте подумать о том, как визуальные элементы плаката или флаера могут также играть со словами.
  • Позвольте вашему разуму свободно строить ассоциации со словами, не критикуя себя и не беспокоясь об аккуратности. Вовлеките других в процесс мозгового штурма. Имейте в виду, что все, что вы придумаете, должно хорошо вписываться в то количество места, которое у вас есть для вашего плаката или флаера. Например, для подробного объяснения пользы грудного вскармливания для здоровья вы можете вместо этого составить брошюры.
  • В этот момент самое время обсудить идеи с друзьями. Если вы знаете кого-то, кто занимается графикой, вот где этот человек может подойти к тарелке. Кроме того, проверьте, что сделали другие группы.
  • Оставьте его на день или два и вернитесь к нему позже. Если у вас есть это в глубине души, вы можете обнаружить, что идеальная идея приходит к вам в неожиданное время.

Подумайте, какие картинки или другую графику вы можете использовать (если есть).

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

Если вы решите использовать графику, выбор изображения очень важен. Согласно Adbusters, журналу, управляемому организацией медийных активистов под названием The Media Foundation, 70% людей смотрят только на графику при просмотре печатной рекламы или плаката, а 30% читают только заголовок. Таким образом, изображение, которое вы используете, будет самой важной частью процесса создания плаката.

Некоторые мысли об изображениях, которые вы можете использовать:

  • Люди часто реагируют на фотографии людей, которые, как и они сами, занимаются деятельностью, которую вы хотите продвигать или поощрять. Если вы собираетесь использовать такой образ, вовлеченные люди должны быть людьми, с которыми целевая аудитория может себя идентифицировать. Например, если вы хотите привлечь внимание афроамериканской молодежи, фотография белых взрослых среднего возраста, вероятно, не зацепит их.
  • Знаменитости — особенно те, с кем, опять же, может себя идентифицировать целевая аудитория, — часто могут привлекать внимание. Подумайте о «Есть молоко?» плакаты с известными лицами с белыми молочными усами.
  • Яркие цвета бросаются в глаза зрителям. Одной из причин успеха психоделических плакатов шестидесятых и семидесятых была их неоновая цветовая гамма.
  • В большинстве случаев изображение должно соответствовать сообщению. У вас может возникнуть умная идея использовать изображение цветка для пропаганды отказа от курения, но никто не поймет вашу идею, пока не остановится и не прочитает ваш постер. Обычно вы должны сделать свое сообщение ясным из изображения, потому что это то, что люди увидят, когда впервые посмотрят на ваш постер, и если он не привлечет внимание, они не будут смотреть дальше. Если, с другой стороны, они будут видеть это изображение повсюду, даже если они не остановятся, чтобы прочитать остальное, оно начнет производить впечатление. Вы хотите, чтобы они думали о цветах или о попытках бросить курить?
Читайте также:
Лучшие прибыльные бизнес-идеи для семейных развлечений, которые вы можете выбрать — журнал Flux

Типы графики:

Картинки это «консервированные» изображения, предназначенные для использования в публикациях или на веб-страницах; его использование обычно бесплатно или очень недорого, хотя вам может потребоваться указать имя создателя где-то на вашем плакате. Использование картинок может сэкономить время художникам и сделать искусство возможным и доступным для нехудожников. Картинки можно приобрести на компакт-диске или в виде книги, они часто поставляются вместе с компьютерным программным обеспечением (например, Microsoft Word поставляется со значительной коллекцией картинок), и их можно найти на различных веб-сайтах ( см. Ресурсы в конце этого раздела для получения списка веб-сайтов, предлагающих бесплатные картинки).

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

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

Другая графика вы, возможно, захотите использовать каллиграфию, абстрактные и фоновые рисунки, графики и диаграммы, а также карты.

Напишите заголовок и, если есть, текст.

  • Заголовок должен быть коротким, емким, каким-то образом связанным с жизнью читателя и эмоционально воздействовать на читателя.
  • Приведите аргументы в пользу цели коммуникации в тексте. Приведите убедительные аргументы и изложите веские факты. Лучше иметь одно или два очень сильных заявления, чем пытаться отбарабанить длинный список и рискнуть размыть сообщение.
  • Решите, какой тип надписи использовать. Вот несколько советов:
    • Помните, что если это постер, он должен быть легко читаемым на расстоянии — лучше всего подойдут крупные и четкие буквы.
    • По возможности используйте шрифт с засечками для основного текста — большинство экспертов по типографике считают, что его легче читать большинству людей. Шрифт с засечками — это шрифт, в котором штрих добавляется к началу или концу одного из основных штрихов буквы, например Times New Roman, Bookman Old Style или Courier New. Шрифт без засечек — это просто шрифт без засечек, как правило, с простым геометрическим внешним видом, например, Helvetica, Arial или Impact. Шрифты без засечек очень эффективны в заголовках.
    • Хотя в наши дни компьютеров и текстовых процессоров это может показаться заманчивым, не переусердствуйте со шрифтами — используйте не более 3 или 4 шрифтов, и чем меньше, тем лучше. (В общем, один или максимум два — это нормально.)
    • Если у вас много текста, разбейте его на более мелкие подзаголовки. Это предотвращает смешение всего в глазах зрителя и облегчает чтение.

    Разместите последний плакат или флаер.

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

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

    Если вы просто делаете информационный флаер для рассылки по списку рассылки, это можно сделать очень просто и ясно, как в примере ниже.

    Это почти здесь. Соседская охота. начнется!

    Вы готовы играть?

    Следите за подробностями на вашем пороге на следующей неделе!

    При поддержке Восточного альянса соседства Whoville

    Вопросы? Позвоните Ракиму по телефону 555-9876.

    Далее в этом разделе вы найдете еще несколько советов по дизайну плакатов и ошибок, которых следует избегать.

    Распространяйте черновики и получайте отзывы от других.

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

    Распечатайте или скопируйте.

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

    Распространяйте конечный продукт.

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

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

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

    Несколько основных советов по дизайну плаката

    • Ключевым моментом является простота — постарайтесь, чтобы не было слишком много разных элементов, соперничающих за внимание читателя или зрителя.
    • Большие, красочные изображения привлекут внимание вашего зрителя. Много контраста тоже помогает.
    • Новое изображение — еще один хороший способ привлечь внимание аудитории.
    • Ваш плакат должен легко читаться на расстоянии. Цвета, которые можно легко прочитать на расстоянии, включают белый на красном, черный на желтом, темно-синий на белом, зеленый на белом и всегда популярный черный на белом.
    • Цвета могут иметь различное воздействие: зеленый, синий и фиолетовый, как правило, успокаивают и успокаивают; красный, оранжевый и желтый обычно возбуждают и привлекают внимание.

    Ошибки, которых следует избегать

    • Визуальный беспорядок — это нормально, когда на нем много разных элементов, но не так много, чтобы это выглядело бесполезным или хаотичным. Убедитесь, что вы можете посмотреть на него издалека и получить хотя бы общее представление о том, о чем он.
    • Неясные или легко понятые формулировки или изображения — опять же, вы хотите, чтобы аудитория хотя бы получила общее представление с первого взгляда. Если им придется слишком много думать об этом, они могут не взглянуть еще раз.
    • Опечатки или орфографические ошибки — как и в случае с любыми вашими печатными материалами, вы должны стремиться к точности и профессионализму.
    • Плохое искусство, фотография или производственная ценность — если ваш постер выглядит дешевым или некачественным, это плохо для общественного имиджа вашей группы. Не делайте плакаты, если вы не можете позволить себе сделать их правильно!

    В итоге

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

    Интернет-ресурсы

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

    Флаеры/плакаты , разработанная Three Rivers College, поможет вам следить за тем, что можно и чего нельзя делать при создании собственного флаера/плаката. Он имеет ряд конкретных положительных и отрицательных примеров макета.

    Советы по созданию плакатов, листовок и наклеек из сети действий тропических лесов

    Vandelay Design Учебники по дизайну плакатов в Photoshop для пользователей этой программы.

    Apple Pencil и Scribble

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

    Apple Pencil — это универсальный интуитивно понятный инструмент для приложений iPad, который обеспечивает точность на уровне пикселей при создании заметок, набросков, рисунков, пометок в документах и ​​т. д. Scribble позволяет людям использовать Apple Pencil для ввода текста в любое текстовое поле с помощью быстрого и конфиденциального распознавания рукописного ввода на устройстве.

    Лучшие практики

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

    Позвольте людям выбирать, когда переключаться между Apple Pencil и вводом пальца. Например, если ваше приложение поддерживает Apple Pencil для маркировки, также убедитесь, что элементы управления вашего приложения реагируют на Apple Pencil, чтобы пользователям не приходилось переключаться на использование пальца для их активации. В этом случае элемент управления, который не поддерживает ввод с помощью Apple Pencil, может показаться невосприимчивым, что создает впечатление неисправности или низкого заряда батареи. (Scribble поддерживает только ввод Apple Pencil.)

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

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

    Обеспечьте визуальную обратную связь, чтобы указать прямую связь с контентом. Убедитесь, что Apple Pencil непосредственно и немедленно управляет содержимым, к которому он прикасается на экране. Не позволяйте Apple Pencil инициировать кажущиеся несвязанными действия или влиять на содержимое в других частях экрана.

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

    Зависать

    При работе с iPadOS 16 или более поздней версии на iPad Pro 11 дюймов (4-го поколения) или iPad Pro 12.9 дюйма (6-го поколения) система может обнаруживать Apple Pencil (2-го поколения), когда он находится на высоте до 12 мм над дисплеем.

    Используйте наведение, чтобы помочь людям предсказать, что произойдет, когда Apple Pencil коснется экрана. Например, когда люди держат Apple Pencil над экраном, предварительный просмотр при наведении может показать размеры и цвет метки, которую может сделать текущий инструмент. Насколько это возможно, избегайте постоянного изменения предварительного просмотра, когда люди перемещают Apple Pencil ближе или дальше от экрана. Предварительный просмотр, который меняется в зависимости от высоты, вряд ли прояснит след, который сделает Apple Pencil, а частые визуальные изменения могут сильно отвлекать людей.

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

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

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

    Предварительный просмотр при наведении курсора лучше использовать для Apple Pencil, а не для указывающего устройства. Хотя указывающее устройство также может реагировать на жесты наведения, может возникнуть путаница при обеспечении одинаковой визуальной обратной связи для обоих устройств. Если это имеет смысл в вашем приложении, вы можете ограничить предварительный просмотр при наведении только Apple Pencil. Руководство для разработчиков см. в разделе «Внедрение поддержки наведения для Apple Pencil».

    Двойное нажатие

    Уважайте настройки людей для жеста двойного касания, когда они имеют смысл в вашем приложении. По умолчанию Apple Pencil (2-го поколения) реагирует на жест двойного касания, переключаясь между текущим инструментом и ластиком, но люди могут настроить жест для переключения между текущим и предыдущим инструментом, отображения и скрытия палитры цветов или вообще ничего. Если ваше приложение поддерживает эти варианты поведения, разрешите пользователям активировать их с помощью предпочтительных жестов. Если общесистемные настройки двойного касания не имеют смысла в вашем приложении, вы все равно можете использовать жест для изменения режима Apple Pencil (2-го поколения). Например, 3D-приложение, предлагающее инструмент редактирования сетки, может использовать двойное касание для переключения между режимами подъема и опускания инструмента.

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

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

    мазня

    С помощью Scribble и Apple Pencil люди могут просто писать везде, где принимается текст в вашем приложении — им не нужно сначала нажимать или переключать режимы. Поскольку Scribble полностью интегрирован в iPadOS 14 и более поздние версии, по умолчанию он доступен для всех приложений.

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

    Сделайте Scribble доступным везде, где люди могут захотеть ввести текст. В отличие от клавиатуры, использование Apple Pencil побуждает людей относиться к экрану так же, как к листу бумаги. Помогите укрепить это восприятие в своем приложении, сделав Scribble постоянно доступным в тех местах, где ввод текста кажется естественным. Например, в «Напоминаниях» люди могут создать новое напоминание, написав его в пустом месте под последним элементом, даже если эта область не содержит текстового поля. Руководство для разработчиков см. в разделе UIIndirectScribbleInteraction.

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

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

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

    Дайте людям достаточно места для написания. Писать в маленьком текстовом поле может быть неудобно. Когда вы знаете, что ввод с помощью Apple Pencil, скорее всего, улучшите процесс письма в своем приложении, увеличив размер текстового поля, прежде чем люди начнут писать в нем или когда они приостановят написание; избегайте изменения размера текстового поля, пока люди пишут. Руководство для разработчиков см. в разделе UIScribbleInteraction.

    Пользовательский рисунок

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

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

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

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

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

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

    макет

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

    Гиды и безопасные зоны

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

    A безопасный район определяет область в представлении, которая не покрыта панелью навигации, панелью вкладок, панелью инструментов или другими представлениями, которые может предоставить окно или сцена. Безопасные зоны необходимы, чтобы избежать интерактивных функций и функций дисплея устройства, таких как Dynamic Island на iPhone или корпус камеры на некоторых моделях Mac.

    В iOS, iPadOS и tvOS система определяет набор черты которые характеризуют изменения в среде устройства, которые могут повлиять на то, как ваше приложение отображается на экране. Используя SwiftUI или Auto Layout, вы можете гарантировать, что ваш интерфейс динамически адаптируется к широкому спектру характеристик и контекстов, включая:

    • Различные размеры экрана устройства, разрешения и цветовые пространства
    • Различная ориентация устройства (книжная/альбомная)
    • Разделенный вид
    • Поддержка внешнего дисплея, Display Zoom и режимы многозадачности на iPad
    • Изменения размера текста динамического типа
    • Функции интернационализации, которые система может включить в зависимости от локали (направление макета слева направо/справа налево, форматирование даты/времени/числа, изменение шрифта, длина текста)
    • Доступность системных функций

    Лучшие практики

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

    Уважайте основные функции отображения и системы на каждой платформе. Безопасные области помогают использовать такие функции, как угловой радиус и корпуса датчиков на различных устройствах, а также не мешать интерактивным системным элементам, таким как Dynamic Island на iPhone, а также индикатору «Домой» и переключателю приложений на iPhone и iPad. Безопасные области также помогают учитывать интерактивные компоненты, такие как полосы, которые динамически перемещают содержимое при изменении размеров.

    Используйте размещение, чтобы передать относительную важность. Как правило, размещайте основные элементы в верхней половине экрана или окна, ближе к ведущей стороне. Люди обычно начинают с этой области, смотрят ли они на экран или используют программу чтения с экрана, например VoiceOver.

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

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

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

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

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

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

    На сенсорных экранах предусмотрите достаточное количество сенсорных элементов для интерактивных компонентов. Поддерживайте минимальную область касания 44 × 44 точки для всех элементов управления.

    Просматривайте свое приложение на нескольких устройствах, используя различные ориентации, локализации и размеры текста. Хотя обычно лучше предварительно просматривать такие функции, как широкий цвет, на реальных устройствах, вы можете использовать Xcode Simulator для проверки отсечения и других проблем с макетом. Например, если ваше приложение для iOS поддерживает ландшафтный режим, вы можете использовать Simulator, чтобы ваши макеты выглядели великолепно независимо от того, поворачивается ли устройство влево или вправо.

    Соображения относительно платформы

    iOS, iPadОС

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

    Если ваше приложение работает на определенном устройстве, убедитесь, что оно работает на всех размерах экрана для этого устройства. Другими словами, приложение только для iPhone должно работать на любом размере экрана iPhone, а приложение только для iPad должно работать на любом размере экрана iPad. Инструкции см. в разделе Размеры и ориентация экрана устройства.

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

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

    На iPad рассмотрите возможность размещения элементов управления по бокам экрана в альбомной ориентации. Когда элементы управления находятся в левой и правой частях экрана, люди могут легко дотянуться до них обеими руками, держа устройство.

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

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

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

    Безопасные зоны iOS, iPadOS

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

    Схема iPhone в портретной ориентации, на которой показан синий прямоугольник, представляющий безопасную область, и две вертикальные розовые полосы на левом и правом краях прямоугольника, представляющие поля.

    Схема iPhone в альбомной ориентации, на которой показан синий прямоугольник, представляющий безопасную область, и две вертикальные розовые полосы на левом и правом краях прямоугольника, представляющие поля.

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

    Схема iPad в альбомной ориентации, на которой отображается синий прямоугольник, представляющий безопасную область, и две вертикальные розовые полосы на левом и правом краях прямоугольника, представляющие поля.

    Руководство по раскладке клавиатуры iOS

    iOS 15 и более поздние версии предоставляют руководство по раскладке клавиатуры, которое представляет пространство, занимаемое клавиатурой в настоящее время, и учитывает вставки безопасной области. Использование этого руководства может помочь вам сделать клавиатуру неотъемлемой частью вашего приложения, независимо от типа клавиатуры, которую используют люди, или от того, где они ее размещают. Руководство для разработчиков см. в UIKeyboardLayoutGuide.

    Когда клавиатура видна, направляющая раскладки представляет ее область и положение.

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

    MacOS

    Не размещайте элементы управления или важную информацию в нижней части окна. Люди часто перемещают окна так, чтобы нижний край был ниже нижней части экрана.

    Телевизоры сильно различаются по размеру. На Apple TV макеты приложений не адаптируются автоматически к размеру экрана, как на iPhone или iPad. Вместо этого приложения отображают один и тот же интерфейс на каждом дисплее. Будьте особенно внимательны при разработке макета, чтобы он отлично смотрелся на экранах разных размеров.

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

    Схема телевизора с границей безопасной зоны со всех сторон. Ширина верхней и нижней границ составляет 60 пунктов, а боковых границ — 80 пунктов.

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

    Диаграмма, показывающая вертикальные желтые прямоугольники отступов между элементами, на которые можно сделать фокус.

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

    Шаблоны макетов

    Шаблоны Apple TV обеспечивают четкие, согласованные макеты, благодаря которым содержимое становится центром внимания. Эти шаблоны, основанные на JavaScript и языке разметки Apple TV (TVML), динамически загружаются и заполняются контентом, когда люди открывают ваше приложение. Шаблоны обеспечивают гибкость при создании приложений с богатым содержимым с предопределенными макетами, которые хорошо смотрятся на экране телевизора и идеально подходят для потоковой передачи мультимедиа.

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

    Шаблон оповещения

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

    Шаблон каталога
    Шаблон компиляции
    Описательный шаблон оповещения

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

    Покажи, не говори. По возможности избегайте описательного текста предупреждения. Стремитесь представить ту же информацию в более удобоваримой форме, например, с помощью изображений.

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

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

    Шаблон формы

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

    Шаблон списка
    Загрузка шаблона

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

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

    Шаблон строки меню

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

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

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

    Шаблон парада
    Шаблон продукта

    Шаблон продукта рекламирует фильмы, телешоу или другие продукты. Обычно он включает изображение продукта, фон и описательную информацию. Полка под содержимым продукта отображает связанные продукты, и люди могут прокручивать вниз, чтобы получить дополнительную информацию, например списки актеров и съемочной группы, рейтинги и обзоры.

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: