Drücke die Tasten ◄ ► für weitere Artikel  

Typecast – Die Revolution der Web-Typografie [Tooltipp]

Webdesigner und Typo-Enthusiasten dürften sich freuen. Mit Typecast wird es leichter für sie, das Gesamtbild der Text/Umfeld-Kompositionen für Webseiten zu designen. Wie viel leichter, erfahrt Ihr hier.

Typecast – Die Revolution der Web-Typografie [Tooltipp]

Typecast als Problemlöser und Beschleuniger

Die Browser-Applikation integriert Fonts aus TypekitFontdeckFonts.com und Google Web Fonts und lässt die Schriften in einem handlichen UI in Verbindung mit Spaltenbreiten, Zeilenabständen, Textabsätzen und vielem mehr anpassen. Hat man seine optimale Komposition entwickelt, kann man das designte Ergebnis ganz einfach als HTML-/CSS-Code ausgeben lassen und in die entsprechende Webseite einbauen.

Damit hilft Typecast, verschiedene Problem zu lösen – wie zum Beispiel zeitaufwendige Bearbeitungen: „Designing should be a joy, not a chore, and we deserve the freedom to follow a last minute inspiration, try an even better idea, or completely change creative direction without fear that it might 'waste' project time or money.”

Ein kleines Promovideo haben die Entwickler auch veröffentlicht, welches dir das Projekt aus Sicht des Creative-Directors von Typecast, Jamie Neely, vorstellt.

Designs mit Typecast zu erstellen wird zum Vergnügen

Wer sich in die Applikation einloggt, kann in dem Editor verschiedene Projekte anlegen und diese auch nebeneinander bearbeiten. Aus 23.000 Webfonts und der Möglichkeit, CSS-Attribute rundum den Head- oder Body-Bereich ins Verhältnis zu den Font-Designs zu setzen, kann man so realitätsnah am Praxisbeispiel in einem Dashboard arbeiten. Mit etlichen Schriftarten, Schriftgrößen von acht bis 120 Pixel und verschiedenen Eigenschaften von „standard-bold” bis „display light italic” oder „display thin italic” sind etliche Gestaltungswerkzeuge integriert.

Typecast
Mit der Browser-App Typecast lassen sich viele verschiedene Fonts in einem Dashboard, angepasst an die notwendigen CSS-Attribute, bearbeiten.

Nach der Designphase geht es weiter im kinderleichten Menü. Mit einem Klick auf „Publish“ erhält man verschiedene Möglichkeiten, was man mit seinem Design anstellen möchte. Neben der Option, ein einfaches sowie transparentes PNG des Entwurfes abzuspeichern, kann man sich sein Tagwerk zudem auch als kompletten HTML- und CSS-Code downloaden. Noch einfacher ist es, wenn man sein Design einer Domain zuordnet und den angezeigten Code-Schnipsel direkt in den entsprechenden Headbereich der Seite einbaut. Dadurch wird das Layout dann flächendeckend für alle Unterseiten genutzt.

typecast
Fonts können auch direkt in die Webseite eingebaut, werden. Typecast konzipiert den Code-Schnipsel automatisch.

Wer Typecast testen möchte, kann das mit einem 14-tägigen Probeabo tun. Wer dann genauso begeistert ist wie wir, hat die Möglichkeit, aus einem Personal Plan für eine Person (29 US-Dollar/Monat), einem Team Plan für drei Personen (59 US-Dollar/Monat), einem Studio Plan für sechs Personen (99 US-Dollar/Monat) und einem Agency Plan für 15 Personen (199 US-Dollar/Monat) zu wählen.

Weiterführende Links

104 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
5 Antworten
  1. von Bugi am 19.04.2013 (10:17Uhr)

    gehts noch? 29$/mon. als einstiegspreis???

    Nur mal zum Vergleich:
    Adobe Creative Cloud kostet 60€/Monat und dafür bekommt man RICHTIG was geboten.

  2. von Heiko am 19.04.2013 (14:37Uhr)

    100% ACK @Bugi

  3. von Typecast – Die Revolution der Web-Typo… am 01.05.2013 (19:46Uhr)

    [...] Typecast – Die Revolution der Web-Typografie [Tooltipp] Typecast – Die Revolution der Web-Typografie [Tooltipp] Webdesigner und Typo-Enthusiasten dürften sich freuen. Mit Typecast wird es leichter für sie, das Gesamtbild der Text/Umfeld-Kompositionen für Webseiten zu designen. Wie viel leichter, erfahrt Ihr … Read more on t3n Magazin [...]

  4. von Webdesign: Mit dem „Typography Calcula… am 22.05.2013 (16:46Uhr)

    [...] Typecast – Die Revolution der Web-Typografie [Tooltipp] – t3n News [...]

  5. von Vergesst Flat-Design, Fancy CSS Buttons… am 22.06.2013 (14:14Uhr)

    [...] Typecast – Die Revolution der Web-Typografie [Tooltipp] – t3n News [...]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Webdesign
Webdesign-Trends 2014: Das erwartet Webworker im neuen Jahr
Webdesign-Trends 2014: Das erwartet Webworker im neuen Jahr

Nur noch wenige Tage, dann ist es da – das neue Jahr. Wir lassen die Trends dieses Jahres Revue passieren und zeigen, welche Trends uns Webworker im Jahr 2014 erwarten. » weiterlesen

Psychologie des Webdesigns: Wie du Nutzer mit dem F-Pattern durch deine Webprojekte leitest
Psychologie des Webdesigns: Wie du Nutzer mit dem F-Pattern durch deine Webprojekte leitest

Das F-Pattern ist eines der grundlegenden Konzepte zur Erstellung von Layouts. Wir verraten dir, was sich hinter dem Muster verbirgt und was du bei der Umsetzung beachten musst. » weiterlesen

Webdesign: Mit dem „Typography Calculator“ die Schriftgröße optimieren
Webdesign: Mit dem „Typography Calculator“ die Schriftgröße optimieren

Beim Webdesign stellt sich irgendwann die Frage nach der richtigen Schriftart und Schriftgröße – Zeilenabstand, Laufweite und andere Faktoren kommen dazu. Mit dem „Golden Ratio Typography... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen