k{"id":3845,"date":"2016-02-10T10:23:51","date_gmt":"2016-02-10T09:23:51","guid":{"rendered":"http:\/\/www.flyeralarm.com\/blog\/de\/?p=3845"},"modified":"2022-10-26T14:05:44","modified_gmt":"2022-10-26T12:05:44","slug":"infografiken-mit-easel-ly-kostenlos-online-erstellen","status":"publish","type":"post","link":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/infografiken-mit-easel-ly-kostenlos-online-erstellen\/","title":{"rendered":"Infografiken mit easel.ly kostenlos online erstellen"},"content":{"rendered":"[vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; overlay_strength=&#8220;0.3&#8243; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_position=&#8220;all&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_link_target=&#8220;_self&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; overlay_strength=&#8220;0.3&#8243; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220; bg_image_animation=&#8220;none&#8220;][vc_column_text]Wer komplizierte Fakten einfach erkl\u00e4ren oder komplexe Zahlengebilde verst\u00e4ndlich darstellen m\u00f6chte, greift nicht selten auf Infografiken zur\u00fcck. Denn mit ihrer Hilfe gelingt es, m\u00f6glichst viele Informationen auf m\u00f6glichst wenig Raum anschaulich zu machen. Wie beliebt das heutzutage ist, zeigt auch die gro\u00dfe Zahl an Webseiten, auf denen man kostenlos Infografiken erstellen kann. Eine der umfangreichsten und einfachsten hierbei ist <strong><a href=\"http:\/\/www.easel.ly\/\" target=\"_blank\" rel=\"noopener noreferrer\">Easel.ly<\/a><\/strong>. Die Seite bietet \u00e4u\u00dferst viele M\u00f6glichkeiten und kommt von der Bedienung einem Layoutprogramm wie InDesign durchaus nahe. Greifen Sie auf bereits bestehende Templates zur\u00fcck oder starten Sie mit einer komplett leeren Vorlage.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; overlay_strength=&#8220;0.3&#8243; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_position=&#8220;all&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_link_target=&#8220;_self&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; overlay_strength=&#8220;0.3&#8243; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220; bg_image_animation=&#8220;none&#8220;][vc_column_text]\n<h2>So einfach arbeiten Sie mit Easel.ly:<\/h2>\n[\/vc_column_text][vc_column_text]\n<ol>\n<li>W\u00e4hlen Sie ein Template auf der Startseite (jedes Element darin kann bearbeitet werden) oder oben links \u201eStart fresh\u201c, um mit einem leeren Template zu arbeiten. Die Gr\u00f6\u00dfe Ihrer Grafik k\u00f6nnen Sie nach Belieben \u00e4ndern, indem Sie sie einfach am unteren und rechten Rand ziehen. Die Gr\u00f6\u00dfe wird dabei in px angezeigt. Legen Sie die Gr\u00f6\u00dfe bei einem leeren Template am besten erst fest, wenn Sie sich f\u00fcr einen Hintergrund entschieden haben, denn leider springt die Anzeige bei jeder \u00c4nderung des Hintergrunds auf die urspr\u00fcngliche Gr\u00f6\u00dfe zur\u00fcck.<\/li>\n<li>Legen Sie die Ausrichtung fest (Hochformat, Querformat, mobile Ansicht); nicht \u00fcberrascht sein: diese \u00e4ndert sich erst, wenn Sie eine andere Farbe oder Hintergrund w\u00e4hlen.<\/li>\n<li>Jedes Element ist einzeln ausw\u00e4hl- und ver\u00e4nderbar (Position, Gr\u00f6\u00dfe, Farbe, Inhalt etc.): einfach anklicken und verschieben und zum Beispiel die Gr\u00f6\u00dfe \u00e4ndern, die Farbe und Transparenz einstellen und die Position (Ebene weiter vorne oder hinten) festlegen.<\/li>\n<li>Sie k\u00f6nnen zwischen 24 Schriftarten w\u00e4hlen und die Ausrichtung und Farbe festlegen, ebenso ob Ihr Text fett, kursiv, unterstrichen oder mit Schatten dargestellt werden soll.<\/li>\n<li>F\u00fcgen Sie neue Elemente hinzu, indem Sie sie oben aus der Liste in Ihre Grafik ziehen.<\/li>\n<\/ol>\n<ul>\n<li>Objects: aus der Liste einen Oberbegriff und daraus das gew\u00fcnschte Bild w\u00e4hlen<\/li>\n<li>backgrounds: den gew\u00fcnschten Hintergrund ins Bild ziehen oder eine Farbe ausw\u00e4hlen (links daneben)<\/li>\n<li>draw: Linien und Pfeile ziehen<\/li>\n<li>shapes: Objekte wie Pfeile, Kreise oder Rechtecke einf\u00fcgen<\/li>\n<li>text: neues Textelement hinzuf\u00fcgen<\/li>\n<li>charts: Diagramme einf\u00fcgen; diese k\u00f6nnen mit Doppelklick darauf inhaltlich und grafisch beliebig angepasst werden<\/li>\n<li>upload: eigene Bilder hochladen und einsetzen<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; overlay_strength=&#8220;0.3&#8243; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_position=&#8220;all&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_link_target=&#8220;_self&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; overlay_strength=&#8220;0.3&#8243; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220; bg_image_animation=&#8220;none&#8220;][image_with_animation image_url=&#8220;3849&#8243; alignment=&#8220;&#8220; animation=&#8220;Fade In&#8220; img_link_large=&#8220;yes&#8220; hover_animation=&#8220;none&#8220; border_radius=&#8220;none&#8220; box_shadow=&#8220;none&#8220; image_loading=&#8220;default&#8220; max_width=&#8220;100%&#8220; max_width_mobile=&#8220;default&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; overlay_strength=&#8220;0.3&#8243; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_position=&#8220;all&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_link_target=&#8220;_self&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; overlay_strength=&#8220;0.3&#8243; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220; bg_image_animation=&#8220;none&#8220;][vc_column_text]Um Objekte an die richtige Position zu bringen, k\u00f6nnen Sie diese auch mit den Pfeiltasten in kleinen Schritten verschieben. Benutzen Sie hierf\u00fcr die Maus, werden Hilfslinien eingeblendet, die die Ausrichtung an die Mitte oder andere Elemente erleichtern. Sie k\u00f6nnen auch mehrere Elemente gleichzeitig verschieben oder skalieren, indem Sie mit dem Cursor einen Kasten darumziehen oder sie mit gedr\u00fcckter Strg-Taste nacheinander ausw\u00e4hlen. Ein sehr gutes Hilfsmittel bei der Positionierung und Ausrichtung von Elementen ist auch ein Raster, das Sie \u00fcber den Button \u201egrid\u201c einblenden k\u00f6nnen. Praktisch ist auch, dass handels\u00fcbliche Shortcuts wie Strg+C und +V funktionieren oder Sie ausgew\u00e4hlte Elemente mit Entf l\u00f6schen k\u00f6nnen. Weitere Vorteile: Jedes Element kann mit einem Hyperlink versehen werden und \u00fcber den Button \u201ePresent\u201c erhalten Sie eine Vorschau Ihrer Grafik.<\/p>\n<p>Wollen Sie Ihre Grafiken zu einem sp\u00e4teren Zeitpunkt weiter bearbeiten, k\u00f6nnen Sie sie auch speichern, allerdings m\u00fcssen Sie sich dazu registrieren. Herunterladen k\u00f6nnen Sie Ihre Infografiken in geringer oder hoher Qualit\u00e4t (die in der Regel f\u00fcr den Druck ausreichen sollte) oder als PDF. Beachten Sie jedoch, dass die Daten immer in RGB vorliegen. Um sie f\u00fcr den Druck zu verwenden, m\u00fcssen Sie sie also zun\u00e4chst in CMYK umwandeln.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; overlay_strength=&#8220;0.3&#8243; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_position=&#8220;all&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_link_target=&#8220;_self&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; overlay_strength=&#8220;0.3&#8243; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220; bg_image_animation=&#8220;none&#8220;][vc_column_text]\n<h2>Alternativen zu Easel.ly<\/h2>\n[\/vc_column_text][vc_column_text]Neben easel.ly gibt es nat\u00fcrlich noch weitere Online-Tools, mit denen Sie relativ schnell und simpel anschauliche Infografiken erstellen k\u00f6nnen. Beispielsweise sind die Plattformen <a href=\"https:\/\/infogram.com\/\">infogram.com<\/a>, <a href=\"http:\/\/vizualize.me\/\">vizualize.me<\/a> und <a href=\"https:\/\/piktochart.com\/\">piktochart.com <\/a>ebenfalls kostenlos und liefern ganz \u00e4hnliche Ergebnisse, wie <a href=\"https:\/\/www.easel.ly\/\">Easel.ly<\/a>.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; overlay_strength=&#8220;0.3&#8243; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_position=&#8220;all&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_link_target=&#8220;_self&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; overlay_strength=&#8220;0.3&#8243; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220; bg_image_animation=&#8220;none&#8220;][vc_column_text]<a class=\"nectar-button n-sc-button medium accent-color regular-button\" target=\"_blank\" href=\"http:\/\/www.easel.ly\/\" data-color-override=\"false\" data-hover-color-override=\"false\" data-hover-text-color-override=\"#fff\"><span>www.easel.ly<\/span><\/a>\u00a0\u00a0\u00a0 <a class=\"nectar-button n-sc-button medium accent-color regular-button\" target=\"_blank\" href=\"https:\/\/infogram.com\/\" data-color-override=\"false\" data-hover-color-override=\"false\" data-hover-text-color-override=\"#fff\"><span>www.infogram.com<\/span><\/a>\u00a0\u00a0\u00a0 <a class=\"nectar-button n-sc-button medium accent-color regular-button\" target=\"_blank\" href=\"http:\/\/vizualize.me\/\" data-color-override=\"false\" data-hover-color-override=\"false\" data-hover-text-color-override=\"#fff\"><span>www.vizualize.me<\/span><\/a>\u00a0\u00a0\u00a0 <a class=\"nectar-button n-sc-button medium accent-color regular-button\" target=\"_blank\" href=\"https:\/\/piktochart.com\/\" data-color-override=\"false\" data-hover-color-override=\"false\" data-hover-text-color-override=\"#fff\"><span>www.piktochart.com<\/span><\/a>[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; overlay_strength=&#8220;0.3&#8243; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_position=&#8220;all&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_link_target=&#8220;_self&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; overlay_strength=&#8220;0.3&#8243; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220; bg_image_animation=&#8220;none&#8220;][vc_column_text]Wer komplizierte Fakten einfach erkl\u00e4ren oder komplexe Zahlengebilde verst\u00e4ndlich darstellen m\u00f6chte, greift nicht selten auf Infografiken zur\u00fcck. Denn mit ihrer Hilfe gelingt es, m\u00f6glichst viele Informationen&#8230;<\/p>\n","protected":false},"author":53,"featured_media":3846,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[10],"tags":[687,684,686,685,1298,342,503,670,1300,688,1299],"class_list":{"0":"post-3845","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-beinspired","8":"tag-diagramm","9":"tag-easel-ly","10":"tag-infografik","11":"tag-infografiken","12":"tag-infogram-com","13":"tag-information","14":"tag-kostenlos","15":"tag-online","16":"tag-piktochart-com","17":"tag-templates","18":"tag-vizualize-me"},"acf":[],"_links":{"self":[{"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/3845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=3845"}],"version-history":[{"count":0,"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/3845\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/media\/3846"}],"wp:attachment":[{"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=3845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=3845"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging-blog.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=3845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}