Über das Yin und Yang der Bereitstellung von Grafiken für Entwickler

Wie eine berufliche Krise und ewige Frustration mich dazu veranlassten, eine erstaunliche Technik zu entdecken, die mein Denken verändert und meine Karriere auf den Kopf gestellt hat.

Das erste Mal, dass ich den positiven Effekt, den meine Aufmerksamkeit (als Designer) auf Pixel hat, beim Skizzieren einer sportbezogenen App bemerkte. Zu dieser Zeit arbeitete ich nacheinander bei mehreren Projekten mit einer Projektfirma zusammen und erhielt Feedback von dem Leiter der Forschung und Entwicklung, der den vorherigen Designer geliebt hatte und anfangs mit meinen Skizzen nicht zufrieden war. Liad “, sagte er mir. "Etwas stimmt nicht; Es ist einfach nicht scharf genug und ich verstehe diese Dinge nicht. Sprechen Sie mit Gil - er wird Ihnen helfen. Hier ist seine Nummer. "Die Wahrheit ist, dass ich diesen Designer beneidet habe. Und ich versuchte zu verstehen, was das Problem mit den von mir eingereichten Leistungen war. Während unseres Gesprächs erzählte er mir von einer Methode, mit der Bildschirme mit Symbolen, Illustrationen und Grafiken schärfer dargestellt werden. Er nannte es "Pixel Perfect" und so wurde ich zum ersten Mal in das Konzept eingeführt. Er erzählte mir, dass er so arbeitet, noch bevor er den endgültigen Bildschirm an die Programmierer ausliefert. Bis dahin dachte ich, ich wüsste, wie man großartige Skizzen anfertigt, aber es stellte sich heraus, dass ich wirklich keine Ahnung hatte, was es mit den tatsächlichen Bildschirmen auf sich hat. Und je mehr ich versuchte, Informationen darüber zu finden, desto frustrierter wurde ich. Es gab einfach keine.

Ich dachte, ich hätte nach der Erklärung des Designers verstanden, wie man Pixel schärft, aber das war nicht ganz richtig. Ich fand es ein paar Projekte später heraus, während ich an einer Anwendung arbeitete und Entwickler unterstützte. Keines der Symbole, die ich dem Programmierer gegeben habe, sah gut aus - obwohl das Produkt professionell ein Vektor war. Und das nervigste? Ich hatte viele Stunden daran gearbeitet, nur um am Ende des Arbeitstages herauszufinden, dass etwas immer noch nicht scharf schien. Aber ich bin weitergegangen - denn wie lange kannst du stecken bleiben?

Ein Bildschirm, der zur Entwicklung bereit ist - ist das so?

Dann googelte ich eines Tages "pixel perfect" nur zum Spaß und ließ mich von der Suchmaschine in alle möglichen Gassen führen. Irgendwie bin ich auf Dribbble und eine Site namens Method & Craft gestoßen und habe eine Demo gesehen, die zeigt, warum Pixel wie und warum Pixel ausgerichtet werden, wenn ein Logo erstellt wird, das nicht auf einem Druckerzeugnis, sondern auf einem Bildschirm angezeigt wird ( klein, groß, mobil - jeder Typ). Durch die Demo wurde mir klar, wie ich im Nachhinein Skizzen hätte einreichen können, die fantastisch aussehen und warum meine Skizzen nicht professionell genug ausgesehen hatten. Ich war begeistert und habe mir das Video mehrmals angesehen. Ich dachte, da es sich um das Internet handelt und das Video eines Tages möglicherweise nicht mehr verfügbar ist, sollte ich zwei Dinge tun:

  1. Verinnerlichen Sie den Inhalt des Videos, sodass ich selbst nach dem Aufwachen in wenigen Minuten weiß, wie Sie die Methode anwenden
  2. Laden Sie das Video herunter und speichern Sie es auf einer Festplatte, damit ich es ansehen kann, ohne vom Internet und den Höhen und Tiefen esoterischer Websites abhängig zu sein

Und das habe ich getan.

Die Sache ist, dass ich immer darüber nachgedacht habe, dass die Methode mir nur zum Erstellen von Skizzen dienen würde. Im Laufe der Zeit stellte ich fest, dass die professionellsten Designer auf dem Markt Ikonen herstellen und sie genau so polieren, wie es die Methode vorsieht, um nicht das Ende der Arbeit zu erreichen, Pixel zu entdecken und alles wegzuwerfen.

Die Wahrheit ist, ich habe eine Hassliebe zu dem technischen Aspekt meiner Arbeit. Ich werde versuchen, es zu erklären. Ein Chirurg mag es nicht unbedingt, menschliches Fleisch mit einem Skalpell zu schneiden, aber er weiß, dass dies ein wesentlicher Teil der Arbeit eines guten Chirurgen ist. Eine Bewegung kann die Person auf dem Operationstisch retten oder töten. Der technische Teil der Entwurfsarbeit ist Sisyphean, erfordert einiges an Forschung und Erfahrung und soll keinen besonderen Spaß machen. Das Vergnügen besteht jedoch darin, zu wissen, wie sich das Ergebnis auf das Benutzererlebnis auf der Benutzeroberfläche auswirkt.

Basteln der Pixel innerhalb einer Grafik. Das Ziel ist es, Grafiken scharf erscheinen zu lassen, damit sie schnell als Symbol verstanden werden können

Also dachte ich und dachte und dachte. Es muss einen technischen Weg geben, um mit diesem Pixel-Out-of-Alignment-Geschäft umzugehen. Nach vielen Tränen, viel Schweiß, Tränen und vielen Versuchen wurde mir klar, dass ich eine professionelle Arbeitsmethode entwickelt hatte - eine bewährte Methode, die funktioniert. Es verbessert die Sichtbarkeit und Professionalität so sehr, dass ich meinem Team (das im Laufe der Jahre über 20 Designer gesehen hat) diese Technik beigebracht habe. Heute habe ich eine Methode, die perfekt ist - oder, wie ich es nenne, Pixel Perfect Enough.

Warum "Pixel Perfect Enough"? Was bedeutet das überhaupt?

Die Methode bedeutet, dass wir daran arbeiten, alle diese Schiebepixel so auszurichten, dass sich die Pixel auf dem Raster befinden und der Bildschirm, auf dem wir dies anzeigen, nicht unscharf wird. Die Methode wird zu jeder Zeit, insbesondere jedoch vor der Auslieferung des Produkts an den Programmierer, als Mechanismus zur Qualitätssicherung eingesetzt. Wie ich bereits sagte, macht es einen großen Unterschied, denn am Ende des Tages zeigt der Browser Pixel an (überraschend, oder?).

Wenn das Symbol 20 x 20 oder nur 45 x 45 Pixel groß ist, kann fast alles verstopfen, da die Pixel aneinander liegen. Dies macht das Symbol undeutlich und unscharf. Kurz gesagt, Sie benötigen ein Skalpell wie das des Chirurgen im Operationssaal.

Das Arbeiten mit der Pixel Perfect Enough-Methode bedeutet nicht, dass wir perfekte Grafiken erstellen. Die Japaner glauben, dass die Unvollkommenheit tatsächlich perfekt ist. Sie nennen es Kintsugi und machen damit bemerkenswerte Kunst

Aber es gibt eine Falle! Seien Sie vorsichtig, wenn Sie die Pixel Perfect-Methode verwenden (die vorherige; nicht die, die ich verwende). Anders als im Operationssaal können wir Dinge übertreiben und die Pixel „verletzen“, und dann wird der Unterschied, den wir mit der Methode machen wollten, nicht eintreten. Im Gegenteil - manchmal kann ein zu weites Gehen buchstäblich zerstören, was wir versuchen zu tun. Man muss wissen, wo man aufhören soll, und deshalb habe ich meine Methode "Pixel Perfect Enough" genannt.

Der Schlüssel zu herausragenden Produkten liegt jedoch nicht nur in der Pixelausrichtung. Vor kurzem haben wir damit begonnen, eine Checkliste im Studio für die Herstellung von Produkten zu verwenden, und ich kann in Betracht ziehen, sie in Zukunft als Teil eines Pakets für Unternehmen und Start-ups herauszubringen, das einen neuen Standard für Designer, Programmierer und Forschungs- und Entwicklungsteams setzt.

Prost!