Typedesign & Typography: Difference between revisions

No edit summary
No edit summary
Tag: Manual revert
 
(41 intermediate revisions by 3 users not shown)
Line 3: Line 3:
* Glyphs (sehr intuitives einfach zu verstehendes und zu lernendes Programm, Empfehlung von [[User:Niklas|Niklas]]) ''([[User:Niklas|Niklas]])''
* Glyphs (sehr intuitives einfach zu verstehendes und zu lernendes Programm, Empfehlung von [[User:Niklas|Niklas]]) ''([[User:Niklas|Niklas]])''
* Robofont (etwas komplizierter aber wird tw. von Schriftgestalter*innen befürwortet, da man da das "richtig" lernt) ''([[User:Niklas|Niklas]])''
* Robofont (etwas komplizierter aber wird tw. von Schriftgestalter*innen befürwortet, da man da das "richtig" lernt) ''([[User:Niklas|Niklas]])''
* [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]


=== Anderes ===
=== Anderes ===
===== einfachere und ungewöhnliche Schriftengestaltungsprogramme (alles kostenlos) =====
* [https://glyphdrawing.club/ Glyphs Drawing Club] Gestaltung von Schrift mit quadratischen Modulen
* [https://glyphdrawing.club/ Glyphs Drawing Club] Gestaltung von Schrift mit quadratischen Modulen
* [https://fontstruct.com Fontstruct] Gestaltung von Schrift mit quadratischen Modulen ''([[User:Niklas|Niklas]])''
* [https://fontstruct.com Fontstruct] Gestaltung von Schrift mit quadratischen Modulen ''([[User:Niklas|Niklas]])''
Line 13: Line 15:
* [https://fontark.net/farkwp/ Fontark] Browserbasierter mittelmäßiger skelettbasierter kostenloser Fonteditor
* [https://fontark.net/farkwp/ Fontark] Browserbasierter mittelmäßiger skelettbasierter kostenloser Fonteditor
* [http://www.drawbot.com/ Drawbot] Programmieren von Schriften, ähnlich wie Processing
* [http://www.drawbot.com/ Drawbot] Programmieren von Schriften, ähnlich wie Processing
* [http://www.robofontmechanic.com/ Robofont-Erweiterung zum einfachen Laden von Plugins]
* [https://www.fontself.com/ Fontself] Plugin für Ps und Ai zum Erstellen für Schriften, sehr einfach, ca. 25€ für Studis ''([[User:Niklas|Niklas]])''
* [https://www.fontself.com/ Fontself] Plugin für Ps und Ai zum Erstellen für Schriften, sehr einfach, ca. 25€ für Studis ''([[User:Niklas|Niklas]])''
* [https://www.pentacom.jp/pentacom/bitfontmaker2/ Bitfontmaker2] Gestaltung von Pixelfonts online
===== Schriften testen/untersuchen(sicher ohne Upload) =====
* [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://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]


== Typedesign lernen ==
== Typedesign lernen ==
=== Kleiner Leitfaden von einem Workshop von Lobbby24===  
[https://learntype.eu 17€ Buch von Blazetype] (Emfehlung von [[User:Niklas]])
=== Links aus einer Liste von I. Kupferschmid ===
===== Basics =====
* [https://typedesignschool.com '''Type Design School'''] Video Tutorials und Post von Lynne Yun
* [http://www.typeworkshop.com/index.php?id1=type-basics Type Basics von Underware]
* [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://schriftgestaltung.com/schriftgestaltung/schriftanatomie.html Schriftgestaltung - Schriftanatomie]
 
===== Tutorials =====
* [https://help.fontlab.com/fontlab/8/tutorials/briem/ Notes on type design by Gunnlaugur Briem]
* [http://famira.com/article/robofont_resources Resources for getting started with Robofont]
* [https://kennethormandy.com/journal/workflow-tips-while-learning-robofont-and-glyphs/ Workflow tips while learning RoboFont & Glyphs]
* [https://pythonfordesigners.com/using-drawbot/ Python for designers: Using DrawBot]
 
===== Diakritsche Zeichen (äêáàß...) =====
* [https://www.setuptype.com/x/cod/ Context of Diacritics is an analysis of diacritics made to help type designers with refining the character sets of their fonts]
* [http://theinsectsproject.eu The Insects Project about accented characters]
* [http://www.alphabettes.org/resources-on-designing-diacritics/ Alphabettes] List of resources on designing diacritics
 
=== Kleiner Leitfaden aus einem Workshop von Lobbby24===  


1. Inspiration
1. Inspiration
Line 65: 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.