Typedesign & Typography: Difference between revisions

No edit summary
Tag: Manual revert
 
(26 intermediate revisions by 3 users not shown)
Line 5: Line 5:
* [http://www.robofontmechanic.com/ Robofont-Erweiterung zum einfachen Laden von Plugins]
* [http://www.robofontmechanic.com/ Robofont-Erweiterung zum einfachen Laden von Plugins]
Glyphs und Robofont sind beide Mac-Only und 30 Tage Testzeitraum und kosten ca. 200€ für Studis, es gibt aber Wege den Testzeitraum zu verlängern.
Glyphs und Robofont sind beide Mac-Only und 30 Tage Testzeitraum und kosten ca. 200€ für Studis, es gibt aber Wege den Testzeitraum zu verlängern.
* Fontlab (keine Erfahrung)
* Fontlab ''([[User:Sina|Sina]])''
* [https://fontra.xyz Fontra] Ganz neuer kostenloser browserbasierter Fonteditor, der auch noch nicht ganz fertig ist. Soll kollaboratives Arbeiten und einfacheres Arbeiten an variable Fonts erleichtern. Installation kompliziert mit so "Code". [https://www.youtube.com/watch?v=Kf0B2IN7Ig8&t=3207s Demonstrationsvideo]
* [https://fontra.xyz Fontra] Ganz neuer kostenloser browserbasierter Fonteditor, der auch noch nicht ganz fertig ist. Soll kollaboratives Arbeiten und einfacheres Arbeiten an variable Fonts erleichtern. Installation kompliziert mit so "Code". [https://www.youtube.com/watch?v=Kf0B2IN7Ig8&t=3207s Demonstrationsvideo]


Line 21: Line 21:
* [https://wakamaifondue.com Wakamaifondue] Zeigt alle "Features" von Schriften verständlich an
* [https://wakamaifondue.com Wakamaifondue] Zeigt alle "Features" von Schriften verständlich an
* [https://fontgauntlet.com Fontgautlet von Dinamo] Seite zum Testen von Schriften und Variable Fonts
* [https://fontgauntlet.com Fontgautlet von Dinamo] Seite zum Testen von Schriften und Variable Fonts
* [https://chromewebstore.google.com/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?pli=1 WhatFont] Google Plugin, das alle Schriften einer Website untersuchen kann


== Schriften & spannende Schriftprojekte ==
== Schriften & spannende Schriftprojekte ==
===== Schriftkollektionen =====
* [https://fontsinuse.com Fonts in use] Instagram für Schriften, gut um Schriften in Anwendung zu sehen
* [https://fontsinuse.com/tags/8443/modular-type Inspirierende modulare Schriftarten]
* [https://typotheque.genderfluid.space/index.html Typotheque Genderfluid Space]
* [https://v-fonts.com Sammlung von Variable Fonts]
* [https://www.futurefonts.xyz/fonts Futurefonts] ist eine kuratierte Sammlung von Schriften, die noch nicht fertig gestaltet sind. Man kann die noch nicht fertigen Schriften für wenig Geld kaufen, und bekommt dann die Updates der Schrift umsonst.
* [https://www.fontbrief.com/fontbrief Fontbrief] Website zum finden von guten kuratierten (oft kostenpflichtigen) Schriften, nach spannenden Kriterien wie "Organisch", "Diskret" ...
===== Kostenlose Schriften =====
* [https://gitlab.com/velvetyne/velvetyne-libre-friends/-/blob/main/README.md Liste von kostenlosen Schriftseiten]
* [https://gitlab.com/velvetyne/velvetyne-libre-friends/-/blob/main/README.md Liste von kostenlosen Schriftseiten]
* [https://laic.pl Laic Type Foundry] spannende Schriften, kostenlos für studentische Projekte
* [https://www.cnap.fr/sites/infini/en/ Infini] Schrift ist umsonst. Wurde vom französischen Bildungsministerium in Auftrag gegeben. Wirkt sehr markant, funktioniert aber auch im Fließtext
* [https://www.tunera.xyz Tunera Type Foundry]
* https://u270d.eesab.fr/caracteres/
* https://www.collletttivo.it/typefaces
* [https://www.peter-wiegel.de/Fonts/index.html Vielleicht nützliche Schriften]
* https://www.design-research.be/by-womxn/
* [https://kroje.org/en/# Schriften von Ladenbeschilderungen in Warschau]
===== kostenpflichtige Schriften =====
* [https://abcdinamo.com/students Dinamo Student Packs] Gutes günstiges Schriftpaket mit schönen alternativen zu Helvetica und Co.
* [https://fontstand.com Fontstand] Markt für gute Schriften von kleinen unabhängigen Foundries zum kaufen. Mit der App kann man die Schriften auch vor dem Kauf ein paar Stunden probe-installieren. Als Studi bekommt man jedes Jahr Credits, um Schrüften "gratis" zu kaufen
* [https://djr.com DJR Fonts]
* [https://rosettatype.com Rosetta Type Foundry]
* [https://deinwaller.com Deinwaller Schriften] Gute Schweizer Typo-Schriften
* [https://www.bb-bureau.fr/ BB-Bureau] Sehr crazy Schriften
* [https://nguyengobber.com/shop Nguyen Gobber] Coole crazy Schriften
===== Spannende Schriftprojekte =====
* [http://www.johanelmehag.com/coastline-type.html Coastline Type] Schrift mit Formen aus Küstenlinien nach Schmelzen des Polareises
* [http://www.johanelmehag.com/coastline-type.html Coastline Type] Schrift mit Formen aus Küstenlinien nach Schmelzen des Polareises
* [https://fontsinuse.com/tags/8443/modular-type Inspirierende modulare Schriftarten]
* [https://www.lilligreen.de/schriftart-gegen-die-klimakrise/ Variable Font zum Thema Climate Crisis]
* [https://v-fonts.com Sammlung von Variable Fonts]
* [https://v-fonts.com/tags/C5 Spannende Variable Fonts]
* [https://typotheque.genderfluid.space/index.html Typotheque Genderfluid Space]


== Typedesign lernen ==
== Typedesign lernen ==
Line 38: Line 61:
* [http://whatstype.com/form/form_02.html Optical relationships] (sehr Basic)  
* [http://whatstype.com/form/form_02.html Optical relationships] (sehr Basic)  
* [https://ohnotype.co/collections/ohno-type-school OHno Type school] (PDF, Instagram oder Blog posts)   
* [https://ohnotype.co/collections/ohno-type-school OHno Type school] (PDF, Instagram oder Blog posts)   
* [https://schriftgestaltung.com/schriftgestaltung/schriftanatomie.html Schriftgestaltung - Schriftanatomie]


===== Tutorials =====
===== Tutorials =====
Line 49: Line 73:
* [http://theinsectsproject.eu The Insects Project about accented characters]
* [http://theinsectsproject.eu The Insects Project about accented characters]
* [http://www.alphabettes.org/resources-on-designing-diacritics/ Alphabettes] List of resources on designing diacritics
* [http://www.alphabettes.org/resources-on-designing-diacritics/ Alphabettes] List of resources on designing diacritics
* [https://schriftgestaltung.com/schriftgestaltung/schriftanatomie.html Schriftgestaltung - Schriftanatomie]


=== Kleiner Leitfaden aus einem Workshop von Lobbby24===  
=== Kleiner Leitfaden aus einem Workshop von Lobbby24===  
Line 92: Line 115:


Bildet Kurze Wörter und tut so, als würdet ihr eine Wordmarke gestalten.
Bildet Kurze Wörter und tut so, als würdet ihr eine Wordmarke gestalten.
[[Category:Tools_and_Tips]]

Latest revision as of 13:05, 20 February 2024

Typedesign-Software

Schriftgestaltungsprogramme

Glyphs und Robofont sind beide Mac-Only und 30 Tage Testzeitraum und kosten ca. 200€ für Studis, es gibt aber Wege den Testzeitraum zu verlängern.

  • Fontlab (Sina)
  • Fontra Ganz neuer kostenloser browserbasierter Fonteditor, der auch noch nicht ganz fertig ist. Soll kollaboratives Arbeiten und einfacheres Arbeiten an variable Fonts erleichtern. Installation kompliziert mit so "Code". Demonstrationsvideo

Anderes

einfachere und ungewöhnliche Schriftengestaltungsprogramme (alles kostenlos)
  • Glyphs Drawing Club Gestaltung von Schrift mit quadratischen Modulen
  • Fontstruct Gestaltung von Schrift mit quadratischen Modulen (Niklas)
  • Glyphr Browserbasierter mittelmäßiger kostenloser Fonteditor
  • Fontark Browserbasierter mittelmäßiger skelettbasierter kostenloser Fonteditor
  • Drawbot Programmieren von Schriften, ähnlich wie Processing
  • Fontself Plugin für Ps und Ai zum Erstellen für Schriften, sehr einfach, ca. 25€ für Studis (Niklas)
  • Bitfontmaker2 Gestaltung von Pixelfonts online
Schriften testen/untersuchen(sicher ohne Upload)

Schriften & spannende Schriftprojekte

Schriftkollektionen
Kostenlose Schriften
kostenpflichtige Schriften
Spannende Schriftprojekte

Typedesign lernen

17€ Buch von Blazetype (Emfehlung von User:Niklas)

Links aus einer Liste von I. Kupferschmid

Basics
Tutorials
Diakritsche Zeichen (äêáàß...)

Kleiner Leitfaden aus einem Workshop von Lobbby24

1. Inspiration Um möglichst schnell loszulegen, sucht euch irgendwo einen Buchstaben den ihr cool findet – möglichst kein s – und zeichnet diesen grob in eurem Schriftprogramm nach.

2. adhesion Dann zeichnet die Buchstaben a d h e (s) i o n nach dem Prinzip eures Lieblinsbuchstaben. Dieser Part dauert wahrscheinlich am längsten. (Nehmt das s erstmal nicht so ernst.) Wenn ihr zufrieden seid geht's weiter.

3. n h m u r (y)

4. l i j t f

5. d q b p (a g)

6. o e c (a g)

7. k v w x z (y)

8. spacing Schreibt einen Satz in eurer Schrift und passt den Wortabstand an.

Tipps:

3.-7. könnt ihr relativ schnell "auffüllen", ihr habt ja euer "Rezept" in 2. schon festgelegt.

Schaut euch die Buchstaben inmitten ihrer Buchstabengruppe an: wwwwkwwwvwwwywwwvwwwxwww oooaoooeooocooogooo etc.

Dann mischt die Gruppen untereinander: mmmsmmmkmmmommmlmmm ooosoooiooonoootooo etc.

Wenn ihr ein doppelstöckiges a gestaltet, bringt es mit dem e zusammen: eeeaeeeaaaeaaaeaeaea dazwischen setzt ihr dann das s: aeseaesesseeaseeases

Bildet Kurze Wörter und tut so, als würdet ihr eine Wordmarke gestalten.