28 марта 2017 г.

10 бесплатных инструментов для создания инфографики

При всей важности, которую мы придаем тексту, неоспоримым фактом остается то, что изображения обрабатываются мозгом гораздо быстрее, чем слова. Отсюда рост и подъем инфографики, которая, в лучшем случае, превращает сложную информацию в графику, которая легко воспринимается и визуально привлекательна. Неудивительно, чточитатели журналов и посетители сети любят лучшие инфографики .
Единственная проблема заключается в том, что инфографики, которые выглядят так, как будто они были просты в изготовлении, часто бывают чем угодно. Создание чего-то красивого и мгновенно понятного в Photoshop CCчасто выходит за рамки того времени, которое позволяет . Вот почему иногда полезно использовать быстрый и грязный инструмент инфографики, чтобы ускорить этот процесс.
Здесь мы выбрали наших фаворитов. Они все бесплатные или предлагают бесплатные версии. Дайте нам знать, какие из них вы получите в лучшем случае ...

01. Создатель инфографики Canva

Интерфейс drag-and-drop Canva идеально подходит для создания инфографики
Canva - это мощный и простой в использовании онлайн-инструмент, который подходит для любых задач дизайна, от брошюр до презентаций и многое другое, с обширной библиотекой изображений, иконок, шрифтов и функций на выбор. 
И в нем есть специальный инфографический создатель, который вы можете использовать бесплатно, с сотнями бесплатных элементов дизайна и шрифтов у вас под рукой, и еще много премиальных элементов, которые вы можете купить за $ 1. Вы можете использовать его в браузере или загружать iPad приложение Canva для разработки в движении.

02. Визуализируйте

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

03. Разработчики Google

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

04. Easel.ly

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

05. Piktochart

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

06. Infogr.am

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

07. InFoto Free

Построение инфографики на основе ваших привычек к фотографированию
Это немного ниша, но если вы берете много фотографий с вашего телефона Android, это стоит проверить. InFoto берет данные EXIF, прикрепленные к вашим фотографиям, и строит из них красивую инфографику. У этого есть отличный интерфейс, и платная версия (которая поставляется без рекламы) стоит всего 99 центов.

08. Venngage

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

09. Dipity

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

10. Получайте

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

12 марта 2017 г.

Google шрифты

https://www.fonts.com/web-fonts/google#topPopularFonts50


Google Fonts API

https://developers.google.com/fonts/docs/getting_started#further_reading

How to use Google fonts inside my code

https://www.codecademy.com/en/forum_questions/5575d775d3292faaa6000519
https://www.webnots.com/fix-slow-page-loading-waiting-fonts-googleapis-com/
https://wpcafe.org/tutorials/kak-pravilno-dobavit-shriftyi-google-web-fonts-v-wordpress-temu/
  Fonts https://fonts.google.com



Page Speed Index: Critical Metric

Критическая Метрика

Метрики "критически важных ресурсов" ключевых для отслеживания хорошего пользовательского опыта с точки зрения производительности. 
Speed Index
WebPageTest