Bouwontwerpspecificatie in Photoshop met SpecKing

Laten we zeggen dat u de webontwerper bent die samenwerkt met webontwikkelaars die uw PSD in codes zullen vertalen. Voordat u de PSD aan hen overhandigt, moet u uw ontwerp voorzien van de juiste specificaties, zoals de grootten, marge en eigenschap van het lettertype. Dit is zo dat uw PSD-bestand nauwkeurig kan worden vertaald in een webdocument door de programmeur.

Deze taak kan echter zeer vervelend zijn, om nog maar te zwijgen van tijdrovend, vooral als je een heleboel lagen, tekst en elementen hebt. SpecKing is een Photoshop-plug-in die dit proces kan vereenvoudigen door u in staat te stellen om uw ontwerp met een enkele klik te meten en te annoteren .

Installatie

Merk op dat SpecKing minimaal Photoshop CS5 moet uitvoeren. Om het te installeren, dubbelklikt u op het SpecKing.zxp- bestand en volgt u het installatieproces.

Open vervolgens Photoshop, ga naar Venster> Uitbreidingsmenu en selecteer Specking. We kunnen het SpecKing-paneel in de zijbalk vinden.

Het meten van maten

Zoals eerder vermeld, stelt SpecKing ons in staat de grootte van lagen, groep lagen en selecties te meten. Om dit te doen, selecteert u de laag en klikt u op de knop Maat meten.

Dashboard UI Design door Asif Aleem

Om de labelkleuren te wijzigen, moeten we de achtergrond- en voorgrondkleur op de werkset specificeren voordat op de knop Maat meten wordt geklikt.

De labelpositie, zoals u hierboven kunt zien, wordt buiten de laag geplaatst. Maar met SpecKing kunnen we het label ook in het midden plaatsen.

We kunnen onze productiviteit ook aanzienlijk verhogen door meerdere lagen te selecteren en deze vervolgens met een enkele klik een specificatielabel te geven.

Afstanden meten

Met SpecKing kunnen we ook afstanden meten. Selecteer de laag, ga naar het tweede tabblad in het SpecKing-paneel en klik op de knop Afstand meten.

Standaard worden de afstanden van de laag ten opzichte van het document gemeten. Maak een selectie op bepaalde lagen, zodat de meting relatief is ten opzichte van het selectiegebied, bijvoorbeeld:

Tekstspecificatie

We kunnen ook de tekstspecificatie tonen - lettertypefamilie, lettergrootte, letterkleur en lijnhoogte, enz. - zodat de ontwikkelaars ze meteen kunnen oppakken, in plaats van elke afzonderlijke tekstlaag te selecteren om de specificatie in het tekstvenster te controleren.

Om de tekstspecificatie weer te geven, selecteert u de tekstlaag en gaat u naar het derde tabblad in SpecKing-paneel en klikt u op Get Text Property.

En we zullen de tekstspecificatie meteen krijgen.

Door Specking te gebruiken, kunt u uw ontwerpspecificaties in een handomdraai genereren. Dit helpt het project soepeler, preciezer en sneller te verlopen.

20 Handige tools en webservices Freelance-schrijvers nodig

Een freelance schrijver zijn is een van de snelstgroeiende carrières in de schrijfindustrie. De carrière dankt deze populariteit aan de vele voordelen zoals; geen vaste kantoorroutine, geen dagelijks woon-werkverkeer en de vrijheid om vanuit elke hoek van de wereld te werken .Als je echter een kijkje neemt in de wereld van freelance schrijven, zul je zien dat je als freelance schrijver veel hoeden moet dragen .

(Technische en ontwerptips)

The Way Humans gebruiken Visuele informatie verwerken in Web Design

Het ontwerpen van websites en gebruikersinterfaces is de afgelopen jaren veel eenvoudiger geworden. Er zijn zoveel tools beschikbaar die je kunt gebruiken dat het zinloos is om helemaal opnieuw te beginnen bij het ontwikkelen van gebruikersinterfaces (bekijk onze nieuwe gebruikersinterfacecompilatie)

(Technische en ontwerptips)