de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Building Design Spezifikation in Photoshop mit SpecKing

Nehmen wir an, Sie sind der Webdesigner, der mit Webentwicklern arbeitet, die Ihre PSD in Codes übersetzen. Bevor Sie die PSD an sie übergeben, müssen Sie Ihr Design mit den richtigen Spezifikationen wie Größe, Rand und Schrifteigenschaften versehen. Dies ist so, dass Ihre PSD-Datei vom Programmierer genau in ein Web-Dokument übersetzt werden kann.

Diese Aufgabe kann jedoch sehr mühsam sein, ganz zu schweigen von Zeitaufwand, insbesondere wenn Sie mehrere Ebenen, Texte und Elemente haben. SpecKing ist ein Photoshop-Plugin, das diesen Prozess vereinfachen kann, indem Sie Ihr Design mit einem einzigen Klick messen und kommentieren können .

Installation

Beachten Sie, dass für SpecKing mindestens Photoshop CS5 ausgeführt werden muss. Doppelklicken Sie auf die SpecKing.zxp- Datei, und folgen Sie dem Installationsvorgang, um es zu installieren.

Öffnen Sie dann Photoshop, wechseln Sie zum Menü " Fenster"> "Extension" und wählen Sie "Specking". Wir können das SpecKing-Panel in der Seitenleiste finden.

Größen messen

Wie bereits erwähnt, können mit SpecKing die Größe von Layern, Gruppen von Layern und Selektionen gemessen werden. Wählen Sie dazu die Ebene und klicken Sie auf die Schaltfläche Größe messen.

Dashboard UI Design von Asif Aleem

Um die Beschriftungsfarben zu ändern, müssen Sie die Hintergrund- und Vordergrundfarbe in der Toolbox festlegen, bevor Sie auf die Schaltfläche "Größe messen" klicken.

Die Beschriftungsposition, wie Sie oben sehen können, wird außerhalb der Ebene platziert. SpecKing ermöglicht es uns aber auch, das Label in der Mitte zu platzieren.

Wir können unsere Produktivität auch erheblich steigern, indem wir mehrere Ebenen auswählen und dann mit einem einzigen Klick ein Spezifikationslabel angeben.

Entfernungen messen

Mit SpecKing können wir auch Abstände messen. Wählen Sie die Ebene, gehen Sie zur zweiten Registerkarte im SpecKing Panel und klicken Sie auf die Schaltfläche Entfernung messen.

Standardmäßig werden die Abstände der Ebene relativ zum Dokument gemessen. Treffen Sie eine Auswahl auf bestimmten Ebenen, so dass die Messung relativ zum Auswahlbereich ist, zum Beispiel:

Textspezifikation

Wir können auch die Textspezifikation - Schriftfamilie, Schriftgröße, Schriftfarbe und Zeilenhöhe usw. - anzeigen, so dass die Entwickler sie sofort erfassen können, anstatt jede einzelne Textebene auszuwählen, um die Spezifikation im Textbereich zu überprüfen.

Um die Textspezifikation anzuzeigen, wählen Sie die Textebene und gehen Sie zur dritten Registerkarte in SpecKing Panel und klicken Sie auf Get Text Property.

Und wir werden die Textspezifikation sofort erhalten.

Mit Specking können Sie Ihre Designspezifikationen im Handumdrehen erstellen. Dies wird dazu beitragen, dass das Projekt reibungsloser, präziser und schneller verläuft.

5 praktische Android Apps, um Ihr WeChat zu überladen

5 praktische Android Apps, um Ihr WeChat zu überladen

Wenn Sie als WeChat-Nutzer einige der Funktionen von WeChat lieben, wie zum Beispiel die Möglichkeit, Videos auf Moments zu teilen, lösen Sie Konfetti in einem Chatroom aus oder legen Sie fest, wann Sie Benachrichtigungen von WeChat erhalten möchten oder wollen Freunde, WeChat hat immer noch viele Einschränkungen. Nu

(Tech- und Design-Tipps)

Wie die digitale Welt die physische Wirtschaft antreibt [Infografik]

Wie die digitale Welt die physische Wirtschaft antreibt [Infografik]

Sie wissen wahrscheinlich, dass es für ein Unternehmen wichtig ist, eine Art von Webpräsenz zu haben, sei es eine Kontaktseite, eine Zielseite für ein Produkt, eine E-Commerce-Seite für Bestellungen oder eine Social-Media-Seite für die Interaktion mit Kunden.Was Sie vielleicht nicht wissen, ist, dass die Geschäfte in der digitalen Welt mehr als die gesamten BIP-Beiträge aus Kanada und Spanien ausmachen . Und d

(Tech- und Design-Tipps)