Interaktive Infografik erstellen?

nicolas conte

Here to stay

Registered: Mar 2002
Location: vienna
Posts: 690

21.08.2013 - 09:25

Hallo,

Wie werden solche interaktive Inforgrafiken erstellt?

zB
http://www.theguardian.com/world/da...olitical-rights

oder

http://futureofcarsharing.com/

danke
Conte

Bearbeitet von nicolas conte am 21.08.2013, 09:40

b_d

Registered: Jul 2002
Location: 0x3FC
Posts: 10586

21.08.2013 - 09:33

html5

nicolas conte

Here to stay

Registered: Mar 2002
Location: vienna
Posts: 690

21.08.2013 - 09:57

ganz so detailliert hätt ichs nicht gebraucht

na, bisschen mehr infos wären schon super.

InfiX

she/her

Registered: Mar 2002
Location: Graz
Posts: 14362

21.08.2013 - 10:15

ich hab sowas offline mit processing gemacht, ein java applet im browser ist aber wohl etwas verpöhnt

ansonsten, ja html5 oder flash - der rest ist wohl einfach arbeit, viel gibts da wohl ned zum erklären, ich glaub dafür muss man halt einfach eines von beidem können oder lernen

b_d

Registered: Jul 2002
Location: 0x3FC
Posts: 10586

21.08.2013 - 10:48

Zitat von nicolas conte
ganz so detailliert hätt ichs nicht gebraucht

na, bisschen mehr infos wären schon super.

soll ma dir jetzt html und css beibringen ?

kleines feines tut:
http://tympanus.net/codrops/2013/02...css-animations/

11Fire01

Here to stay

Registered: Dec 2002
Location: austria
Posts: 2417

21.08.2013 - 12:08

http://www.w3school.com

find ich recht nett

PS: meinte http://www.w3schools.com...

-=Willi=-

The Emperor protects

Registered: Aug 2003
Location: ~
Posts: 1624

21.08.2013 - 12:29

http://www.w3fools.com/

Souly

Addicted

Registered: Mar 2004
Location: Graz
Posts: 480

21.08.2013 - 14:10

Hier noch paar hilfreiche Links, kannst dir ja mal anschauen:

http://d3js.org/
http://www.tableausoftware.com/public
http://www-958.ibm.com/software/analytics/manyeyes/

11Fire01

Here to stay

Registered: Dec 2002
Location: austria
Posts: 2417

21.08.2013 - 18:30

ich fands nicht so schlecht; mir gefallen die bsp

die zertifikate waren mir nicht ganz schlüssig wozu. gibt aber auch
noch galileo books :P

AdRy

Auferstanden

Registered: Oct 2002
Location: Wien
Posts: 5239

21.08.2013 - 18:37

indesign (-> html oder swf) oder flash

niemand macht so eine grafik wie im bsp von theguardian im texteditor mit code.

b_d

Registered: Jul 2002
Location: 0x3FC
Posts: 10586

21.08.2013 - 19:50

indesign für web wohl kaum. illustrator! damit mans gleich schön als svg exportieren kann mit für CSS ansprechbaren ebenen. außerdem hat Ai viel mehr tools dafür die für infographs sehr (!) nützlich sind. Id is in erster linie ein DTP layout- und satzprogramm.

Longbow

Here to stay

Registered: Feb 2003
Location: Homeoffice
Posts: 5374

21.08.2013 - 20:35

wenns nicht komplett überladen is würd ich das mit jquery animieren

€dit:
future of car sharing is auch jquery

Pado

Bloody Newbie

Registered: Sep 2013
Location: Hamburg
Posts: 0

05.09.2013 - 10:18

Hallo
es gibt verschiedene Tools um Infografiken zu erstellen. Zum Beispiel http://www.infogr.am, http://www.infoactive.co und http://www.piktochart.co. Der Vorteil von diesen Tools ist, dass man mit den Templates schnell Infografiken erstellen kann. Auf der anderen Seite, sind die Nachteile die limitierte Anzahl an Bilden, Templates und Siegelfiguren. Wenn jemand individuelle Infografiken erstellen möchte, empfehle ich euch Adobe Illustrator. Es kostet viel Zeit zu lernen, aber es hat mehr Möglichkeiten um Infografiken zu erstellen weil du die Software kontrollierst wie du willst. Hier findet ihr einige Illustrator Tutorials.

http://www.youtube.com/watch?v=mPVCqqZw6rM
http://www.lecturio.de/nav/lernen/tutorials-illustrator
http://www.youtube.com/watch?v=n9turYAIacA

LG

nicolas conte Here to stay Registered: Mar 2002 Location: vienna Posts: 690	21.08.2013 - 09:25 Hallo, Wie werden solche interaktive Inforgrafiken erstellt? zB http://www.theguardian.com/world/da...olitical-rights oder http://futureofcarsharing.com/ danke Conte Bearbeitet von nicolas conte am 21.08.2013, 09:40
b_d © Natural Ignorance (NI) Registered: Jul 2002 Location: 0x3FC Posts: 10586	21.08.2013 - 09:33 html5
nicolas conte Here to stay Registered: Mar 2002 Location: vienna Posts: 690	21.08.2013 - 09:57 ganz so detailliert hätt ichs nicht gebraucht na, bisschen mehr infos wären schon super.
InfiX she/her Registered: Mar 2002 Location: Graz Posts: 14362	21.08.2013 - 10:15 ich hab sowas offline mit processing gemacht, ein java applet im browser ist aber wohl etwas verpöhnt ansonsten, ja html5 oder flash - der rest ist wohl einfach arbeit, viel gibts da wohl ned zum erklären, ich glaub dafür muss man halt einfach eines von beidem können oder lernen
b_d © Natural Ignorance (NI) Registered: Jul 2002 Location: 0x3FC Posts: 10586	21.08.2013 - 10:48 Zitat von nicolas conte ganz so detailliert hätt ichs nicht gebraucht na, bisschen mehr infos wären schon super. soll ma dir jetzt html und css beibringen ? kleines feines tut: http://tympanus.net/codrops/2013/02...css-animations/
11Fire01 Here to stay Registered: Dec 2002 Location: austria Posts: 2417	21.08.2013 - 12:08 http://www.w3school.com find ich recht nett PS: meinte http://www.w3schools.com...
-=Willi=- The Emperor protects Registered: Aug 2003 Location: ~ Posts: 1624	21.08.2013 - 12:29 http://www.w3fools.com/
Souly Addicted Registered: Mar 2004 Location: Graz Posts: 480	21.08.2013 - 14:10 Hier noch paar hilfreiche Links, kannst dir ja mal anschauen: http://d3js.org/ http://www.tableausoftware.com/public http://www-958.ibm.com/software/analytics/manyeyes/
11Fire01 Here to stay Registered: Dec 2002 Location: austria Posts: 2417	21.08.2013 - 18:30 ich fands nicht so schlecht; mir gefallen die bsp die zertifikate waren mir nicht ganz schlüssig wozu. gibt aber auch noch galileo books :P
AdRy Auferstanden Registered: Oct 2002 Location: Wien Posts: 5239	21.08.2013 - 18:37 indesign (-> html oder swf) oder flash niemand macht so eine grafik wie im bsp von theguardian im texteditor mit code.
b_d © Natural Ignorance (NI) Registered: Jul 2002 Location: 0x3FC Posts: 10586	21.08.2013 - 19:50 indesign für web wohl kaum. illustrator! damit mans gleich schön als svg exportieren kann mit für CSS ansprechbaren ebenen. außerdem hat Ai viel mehr tools dafür die für infographs sehr (!) nützlich sind. Id is in erster linie ein DTP layout- und satzprogramm.
Longbow Here to stay Registered: Feb 2003 Location: Homeoffice Posts: 5374	21.08.2013 - 20:35 wenns nicht komplett überladen is würd ich das mit jquery animieren €dit: future of car sharing is auch jquery
Pado Bloody Newbie Registered: Sep 2013 Location: Hamburg Posts: 0	05.09.2013 - 10:18 Hallo es gibt verschiedene Tools um Infografiken zu erstellen. Zum Beispiel http://www.infogr.am, http://www.infoactive.co und http://www.piktochart.co. Der Vorteil von diesen Tools ist, dass man mit den Templates schnell Infografiken erstellen kann. Auf der anderen Seite, sind die Nachteile die limitierte Anzahl an Bilden, Templates und Siegelfiguren. Wenn jemand individuelle Infografiken erstellen möchte, empfehle ich euch Adobe Illustrator. Es kostet viel Zeit zu lernen, aber es hat mehr Möglichkeiten um Infografiken zu erstellen weil du die Software kontrollierst wie du willst. Hier findet ihr einige Illustrator Tutorials. http://www.youtube.com/watch?v=mPVCqqZw6rM http://www.lecturio.de/nav/lernen/tutorials-illustrator http://www.youtube.com/watch?v=n9turYAIacA LG

Interaktive Infografik erstellen?

Forum Index > Real Life > Offtopic

nicolas conte

b_d

nicolas conte

InfiX

b_d

11Fire01

-=Willi=-

Souly

11Fire01

AdRy

b_d

Longbow

Pado