• A
  • A
  • A
  • АБВ
  • АБВ
  • АБВ
  • А
  • А
  • А
  • А
  • А
Обычная версия сайта

В помощь редактору

На этой странице собраны ссылки на зарекомендовавшие себя бесплатные онлайн-инструменты, которые могут облегчить работу редактора с сайтами корпоративного портала. Большая часть этих сервисов используется сотрудниками Дирекции по связям с общественностью и информационным ресурсам в повседневной работе, однако необходимо иметь в виду, что сотрудники дирекции не осуществляют их поддержку, в том числе не имеют возможности консультировать по их использованию. Если вы пользуетесь удобным ресурсом, о котором мы еще не знаем, присылайте информацию на адрес dkoptubenko@hse.ru.

Обработка фотографий

  • Colordot — инструмент для определения HTML-кода для требуемого цвета. В отличие от аналогов имеет визуально удобную палитру
  • Avatan — графический редактор с базовым набором функций для обработки фотографий
  • Aviary — еще один инструмент для обработки фотографий
  • Pixlr — не только обработка фото для тех, у кого под рукой нет фотошопа и аналогов. Здесь удобно делать коллажи из нескольких изображений

Бесплатные фотобанки

  • Pixabay — проверенный сервис с бесплатными изображениями
  • everystockphoto — система поиска изображений с лицензией на право использования
  • publicdomainarchive — подборка бесплатных изображений и ссылок на бесплатные фотостоки
  • Pexels — тысячи бесплатных изображений
  • Unsplash — изумительной красоты фотографии, в основном, видовые
  • Gratisography — бесплатные жанровые фотографии
  • StockSnap.io — каждую неделю сервис пополняется сотными новых разрешенных к свободному использованию изображений
  • Picjumbo — платный ресурс, но часть фотографий можно брать оттуда за просто так
  • Picography — небольшая по объему коллекция бесплатных фотографий
  • Freeimages Red — более 4000 бесплатных фотографий
  • Library of Congress — исторические фотографии из коллекции Библиотеки Конгресса США. Перед использованием каждой фотографии прочитайте, распространяется ли на нее право использования без разрешения
  • Morguefile — в основном пользовательские фотографии невысокого качества, но иногда встречаются превосходные снимки
  • Textures — подборка паттернов и фоновых изображений
  • L+T — альтернативный сервис по подборке фоновых изображений
  • FreeStockTextures — более 800 паттернов
  • TextureZoom — тематические текстуры

Решения для инфографики

  • AmCharts — инструмент для построения инфографики с интерактивными элементами. Есть возможность загрузки исходных таблиц с данными из Excel. Созданные диаграммы легко встраиваются на страницы портала
  • draw.io — интерактивные блок-схемы в Справочнике сотрудника были созданы при помощи этого инструмента
  • easelly — простой в употреблении сервис инфографики. Следует обратить внимание, что не все русскоязычные шрифты отображаются так, как задумывалось
  • MyBalsamiq — сервис для создания прототипов. Можно использовать для взаимодействия с иллюстраторами

Визуальные решения для сайта

  • StoryMap — с его помощью можно создавать интерактивные карты. Пример реализации на портале Вышки: https://www.hse.ru/figures/#rubric10 (информация о зданиях московского кампуса и их основных резидентов подана в виде интерактивного путешествия по Москве)
  • Juxtapose — элегантный инструмент для демонстрации изменений на однотипных объектах. С помощью слайдера пользователь может сравнить, как было, и как стало. Подобные инструменты активно применяются СМИ для демонстрации изменений, например, при реконструкции домов или улиц, снятых с одного ракурса
  • Timeline JS — с его помощью можно создавать таймлайны (интерактивные истории, растянутые во времени). На портале использовался, например, при создании страницы к 20-летию нижегородского кампуса
  • Soundcite — инструмент для создания аудиопрезентаций
  • Prezi — мощная альтернатива Powerpoint для создания презентаций
  • Fliphtml5 — инструмент для размещения pdf-файлов в виде раскрытой книги с возможностью листания страниц мышкой. Единственный известный нам стабильный бесплатный инструмент подобного рода. Пример реализации — Почемучник для первокурсника на сайте Акселератор адаптации

Создание опросов

  • Google Формы — бесплатный генератор опросов. Может пригодиться, если вам по нужно провести опрос за периметром портала. Для формирования опросных или регистрационных форм на портале есть штатный инструмент

Работа с соцсетями

  • Facebook Open Graph Object Debugger — штатный инструмент Facebook, с помощью которого можно посмотреть, как в этой соцсети будет выглядеть ссылка на ту или иную страницу или новость на портале. Если вы что-то изменили на странице (например, поменяли заголовок или добавили фотографию для репоста в соцсетях), но не видите изменений в Facebook, скопируйте ссылку в Object Debugger и нажмите на кнопку «Fetch new scrape information». Возможно, это решит вашу проблему
  • ВКонтакте pages.clearCache — аналогичный инструмент для ВКонтакте. Позволяет сбросить кэш соцсети для конкретной ссылки. После этого соцсеть запросит новые данные со искомой страницы и учтет внесенные на нее изменения
  • Google URL Shortener — инструмент для генерации коротких ссылок. Не используйте его для формирования ссылок внутри портала
  • vk.com/cc — аналогичный инструмент, подойдет только для «ВКонтакте»
  • Аналитика Твиттера — просмотр статистики аккаунтов в Twitter
  • TweetDeck — удобный десктоп-клиент для ведения аккаунтов в твиттере (особенно если их несколько)
  • Facebook Business Manager — сервис для корпоративных аккаунтов Facebook и Instagram: связывает все аккаунты, позволяет не замыкать доступ к аккаунту на отдельных сотрудниках, есть привязка к рекламным аккаунтам
  • Kuku.io — отложенный постинг в Telegram
  • SMMPlanner — отложенный постинг в социальные сети
  • Ezgif — создание gif-изображений из видеозаписей, а также их редактура (изменение размеров, обрезка и так далее)
  • Make Beliefs Comix — создание комиксов

Размеры иллюстраций в Facebook

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

Обложка мероприятия

Размер поля для обложки мероприятия равен 784х295 пикселям, но если загружать обложку такого размера, то, скорее всего, вы увидите ее размытой. Поэтому мы рекомендуем использовать разрешение, кратное требуемому формату — например, 1568х590 пикселей. Можно брать иллюстрацию большего размера и подгонять нужную область с помощью перетаскивания изображения.

Гайд по иллюстрациям для мероприятия (не забудьте умножить все размеры вдвое)  

Обложка страницы

Требуемый размер — 828х315 пикселей. Рекомендуем увеличить вдвое для более корректного отображения.

Размер иллюстрации для поста с внешней ссылкой: 940х492. Размер иллюстрации для поста (без подгружаемой ссылки): 1200х630. Фото профиля: 180х180 px.

Узнать больше

  • Tutorialspoint — обширный набор учебников и инструкций: как пользоваться MS Word, Powepoint, Excel и сотнями других программ и приложений
  • html academy — на сайте есть отличный бесплатный базовый курс по html и css, «настольная книга» для каждого, кто имеет доступ к редактированию страниц на портале
  • Codecademy — интерактивные курсы по программированию
https://smmplanner.com/

 

Нашли опечатку?
Выделите её, нажмите Ctrl+Enter и отправьте нам уведомление. Спасибо за участие!