Entdecken Sie ältere Inhalte von Fonts.com, die zu Ihrer Information aufbewahrt werden.
Chris Armstrong vom Typecast-Team über das Entwerfen im Browser
Johnathan Zsittnik in Archiv am 8. Dezember 2011
Das Konzept des browserbasierten Webdesigns hat im letzten Jahr erheblich an Dynamik gewonnen. Ich habe mich mit Chris Armstrong zusammengesetzt, um die vielen Vorteile zu erörtern, die es mit sich bringt, im Browser zu beginnen, und die viele Web Designer dazu veranlassen, ihren Arbeitsablauf zu überdenken.
JZ: Welche Probleme sehen Sie bei der herkömmlichen Arbeitsweise im Webdesign?
CA: Der traditionelle Webdesign-Workflow neigt dazu, flachen Kompositionen, wie sie in Photoshop erstellt werden, zu viel Priorität einzuräumen. Es wird davon ausgegangen, dass ein flacher Entwurf das richtige Design effektiv vermitteln kann, aber er zeigt nicht das ganze Bild. Anwendungen wie Photoshop und Fireworks eignen sich hervorragend für die Ideenfindung und Erkundung, aber wir müssen diese Ideen wirklich testen und mit den realistischen Einschränkungen des Browsers arbeiten. Man kann etwas bekommen, das gut aussieht, aber erst wenn man einen Prototyp erstellt, stellt man sich die unangenehmen Fragen wie "Was passiert, wenn das H1 über zwei Zeilen geht?
JZ: An welchen Projekten haben Sie gearbeitet, bei denen diese Probleme besonders offensichtlich waren?
CA: Ich erinnere mich an ein Projekt, bei dem wir pixelgenaue Entwürfe lieferten, aber als der Kunde den Prototyp sah, war er nicht glücklich darüber, dass er nicht so präzise war wie der Entwurf. Unser Entwickler leistete großartige Arbeit, aber er hatte 101 Dinge zu bedenken Über und die subtilen typografischen Details, die das Design wirklich zusammenhalten, gingen in der Übersetzung verloren. Es war eine
Es war eine Menge Arbeit, diese Finesse im Nachhinein wieder einzufügen. Bei diesem Projekt kamen wir zu dem Schluss, dass wir die typografische Grundlage von Anfang an richtig legen und darauf aufbauen müssen, damit wir immer ein grundlegendes Qualitätsniveau haben. -Und der Designer muss die Person sein, die dies tut.
JZ: Wie werden diese Probleme bei der Gestaltung im Browser angegangen?
CA: Die Entwicklung im Browser macht es einfacher, Ihre Designentscheidungen mit verschiedenen Arten von Inhalten zu testen und zu sehen, wie sich eine Website an verschiedene Gerätegrößen anpasst. Da sie aus HTML und CSS besteht - den Rohstoffen des Webs - weiß man, dass sie, wenn sie hier gut funktioniert, auch in der freien Natur funktionieren wird. Die Entwicklung im Browser zwingt Sie auch dazu, Randfälle zu berücksichtigen und für sie zu sorgen, um böse Überraschungen zu vermeiden - wie z. B. die Tatsache, dass Font in einer Windows-Umgebung nicht gut dargestellt wird.
JZ: Wie hat sich dieser Ansatz auf die Art und Weise ausgewirkt, wie Sie mit Ihren Kunden arbeiten?
CA: Es ermöglicht uns eine engere Zusammenarbeit mit unseren Kunden, um ihre Inhalte weiterzuentwickeln. Wenn wir ihnen zeigen, wie ein Design im Browser dargestellt wird, können wir schon früh im Prozess die richtigen Gespräche führen. Es hilft dem Kunden, die Beschränkungen des Mediums zu verstehen und fundiertes Feedback zu geben.
JZ: Sehen Sie noch eine Rolle für Photoshop und andere Zeichenprogramme im Design-Workflow?
Auf jeden Fall. Anwendungen wie Photoshop und Fireworks eignen sich hervorragend zum Skizzieren und Entwickeln von Ideen. Designer ist so vertraut mit ihnen, dass sie wie Stift und Papier wirken. Aber wir müssen weniger Zeit mit Ideenskizzen verbringen und mehr Zeit mit dem Testen und Iterieren dieser Ideen anhand echter Inhalte, innerhalb der realistischen Einschränkungen der Browserumgebung.
JZ: Wie kam es dazu, dass Sie Ihre eigene Anwendung (Typecast) für die Gestaltung im Browser entwickelt haben?
CA: Wir hatten es satt, darauf zu warten, dass jemand anderes es tut.
JZ: Sie sind gerade Über bereit, Typecast einem breiteren Publikum vorzustellen. Was ist Nächste für die Anwendung?
CA: Im Moment konzentrieren wir uns darauf, die Grundlagen richtig zu machen - Hierarchie, Farbe, Kontrast einstellen. Aber in Zukunft wollen wir alles tun, was wir können, um es einfach zu machen, ein komplettes Set von Elementen zu erstellen, einen guten vertikalen Rhythmus zu schaffen und Hilfe mit Dingen wie dem Wechsel zwischen Pixeln und EMS und der Einführung von Effekten. Ziel ist es, Ihnen die Werkzeuge zur Verfügung zu stellen, die Sie benötigen, um ein vollständiges Designsystem für Ihre Website zu erstellen.
JZ: Haben Sie eine Lieblingsadresse Schrift oder eine bestimmte, die Sie in letzter Zeit häufig benutzen?
CA: Ich liebe Avenir. Ich liebe einfach die Eleganz des Projekts.
Typecast ist ein Werkzeug für die Gestaltung im Browser mit Web Fonts und echten Inhalten. Es umfasst viele der beliebtesten Schrift Familien aus unserem Fonts.com Web Fonts Service und befindet sich derzeit in der privaten Betaphase. Anwenden für einen ersten Blick auf Typecast auf Typecastapp.com.
