XScope för OS X: Universal mått för designers

Alla mästare - snickare, en skräddare, en elektriker - ger alltid en viss uppsättning instrument. Denna uppsättning för konstruktörer av applikationer - desktop, mobil och nätet - du kan ringa programmet xScope. Om du pratar om det har ännu inte hört talas om notering. Speciellt nyligen bytt xScope större versionsnummer.

Naturligtvis vid tidpunkten för att skapa layouten designer arbetar med mätaren inbyggd bildredigerare eller programdesign. En xScope spelar in när projektet har nått den första etappen av genomförandet och vi kan, så att säga, för att känna sig levande först sammanställt version av programmet eller införa en webbsida. Tja, eller för att visa en statisk layouter utan att hämta dem till lämplig editor, vilket är praktiskt för den personal som ansvarar för projektet.

För en grundlig inspektion av alla typer av mycket användbar linje, ramar, skenor och andra delar. De ser hur genomförandet av motsvarande idé: korrekt inriktade föremål, om dessa storlekar i vissa områden, och så vidare.. I xScope det har allt.

mätverktyg

Allt som designern vana att arbeta på en design i den grafiska redigeraren, widescreen utrymme och ger xScope. Även guider har länge varit en del av standardverktygslåda någon grafik editor verktyg guider sammansatt xScope skillnad funktionella. Först guiden kan du skapa flera, inklusive automatiskt - inställning av numret och avstånd. För det andra kan det inbördes arrangemanget av guiderna vara fast och flytta dem som en enhet. För det tredje kan de nya gruppstyrningarna sparas, så som senare kan du använda dem, helt enkelt ladda ner rätt fil. Ett mycket praktiskt verktyg för att kontrollera inriktningen av föremål, särskilt om de är belägna över planet på skärmen.

ram ramar Det är också användbart för att kontrollera utformningen av olika objekt, men inom ett begränsat område i fönstret eller en webbsida. Inuti varje ruta kan du aktivera rutnätet med en viss stigning eller fasta styrningar som delar rymdramen i lika delar. Om du arbetar med en design för en specifik skärm för ramen, kan du också ställa in bildförhållandet. Om det behövs, allt som är inom ramen för, eller kan kopieras till klippbordet som en bitmapp, eller bara ta en skärmdump som med lämpliga markeringar kan skickas till en kollega.

linjal linjaler Det är också möjlighet att mer än sina motsvarigheter i alla vanliga grafik redaktör. Det är typ av bromsok, korsas med en gradskiva, som är lämpligt att mäta storleken på objekt, avståndet mellan dem och den vinkel i vilken de är placerade mot varandra. Om du anpassa storleken och placeringen av linjerna behålla nyckel ^ (Ctrl), Verktyget kommer att hålla fast gränserna för den närmaste delen av programmets gränssnitt eller webbplats.

Jag gillade mycket verktyg måttSom tillåter dig att snabbt ta reda på storleken på varje region. Bekväm: har lagt muspekaren på något element eller område - och xScope visade två vinkelräta med ändar, intill vilken visas inte bara bredden och höjden hos nämnda objekt, men förhållandet mellan dess sidor. Vad som är särskilt cool: kan du omedelbart skapa en ram eller placera guiderna på grundval av mätningar som gjorts.

Tja, kanske det enklaste mätverktyg i xScope - IT: s hårkorset hårkors. Den kan användas för att bestämma de exakta koordinaterna för någon punkt, inte bara i förhållande till vänster övre eller nedre hörnet av skärmen - men även med avseende på någon annan punkt, som lätt kan ställa in nycklar ⌘0.

testnings Verktyg

Från verktyg xScope separat, skulle jag peka ut ett förstoringsglas lupp, Skärmar simulator skärmar och en ny funktion xScope 4,0 - mekanism överlagringar. De är användbara inte bara för arbetet med den färdiga design, men även under dess utveckling.

Rörelse princip förstoringsglaset är uppenbar: xScope ger ett flytande fönster som visar området under muspekaren förstoras. För en punkt direkt under markören, hittar du färg - spara och kopiera för användning i en grafisk editor eller ett program för att utveckla. För enkelhetens skull kan förstoringsfönstret inkluderar pixel grid, hårkors och de övergripande mätningarna, effekten av som liknar på många sätt verktyg mått. Slutligen kan visning av färger i förstorings justeras i enlighet med en typ av färgblindhet som särskilt viktigt i valet av färger som kommer att kunna skilja mellan alla användare, oavsett färg perception.

Simulator skärmar - en annan flytande fönster, vars storlek gör det möjligt att simulera skärmen på valfri storlek och orientering. Detta verktyg är användbart i att när man arbetar på layout design kan kontrolleras omedelbart, eftersom bekväma gränssnittselement och användbar information är till exempel på skärmen på din smartphone eller tablett. Användbarheten av webbplatsen på MacBook Air 11-screen "- är också en viktig fråga som bör ta hänsyn till vid tidpunkten för designutveckling. Nyttigt arbete är en permanent visning av element som menyraden, panel Dock, verktygsfält och status för olika webbläsare på skärmen. också i skärmar Det finns en simulator av olika typer av synnedsättning och den så kallade "deretinizator" som förenklar visning av grafiska element i den traditionella icke-retinovskom upplösning.

När det gäller det nya instrumentet överlagringarÄr det lämpligt att kontrollera det korrekta genomförandet av adaptiva gränssnitt. Först och främst handlar det de webbplatser som är utformade för att arbeta på olika skärmar. i överlagringar du ange en annan uppsättning kolumner med luckor och sidomarginaler - och kolla in design layout med annan sida bredd. Det fina med detta verktyg är att det är knuten till webbläsarfönstret och i enlighet med sin storlek, och justerar automatiskt sin storlek, samtidigt ändra parametrarna för nätet, om dimension du anger i procent, snarare än i pixlar. Men om du håller bara layouter för olika skärmbredd, till exempel "statiska" kan också kontrolleras utan att behöva ladda den i redigeringen.

Och något annat ...

Typ av informationsdisk för teckensnitt och var för sig markerar ett verktyg text. Ange teckensnitt av intresse och sedan välja en speciell karaktär - och dess dimension kan få detaljerad information: underteckna dimensioner när den är monterad i gränssnittet, fysiska dimensioner och parametrar för CSS-analysator, alternativ och liknande tecken. Det valda tecknet kan kopieras som den är, liksom olika mnemonic.

Slutligen verktyget Mirror Det låter dig skicka en viss bild på din mobila enhet, som måste installeras verktyget xScope Mirror. I rutan Mirror Du kan ladda ner innehållet i fönstret under muspekaren, för att visa en statisk bild från en fil eller urklipp. Men mest intressant är att xScope kan ansluta till "Photoshop", där realtids Mirror Det kommer att överföras till ögat-device alla ändringar du har gjort i layout. Utvecklare av mobila gränssnitt är mycket användbart verktyg som förenklar förhandsgranskningen layout innan de överförs till utvecklaren. Well AirPlay stöd ger en möjlighet att visa upp de mönster, till exempel på Apple TV.

Användbarhet och anpassning

Varje verktyg xScope kallas i ett musklick på lämplig knapp i verktygsfältet flytande. Men jag gillade möjlighet att visa samma uppsättning knappar i menyraden OS X: så att skärmen inte hänger extra objekt som kan distrahera från arbetet. Men en ännu mer kompakt lösning - en enda ikon xScope och snabbtangenter som kan tilldelas särskilda verktyg.

I programinställningar är också en hel del intressanta saker. Till exempel kan du ange en lista med typsnitt att arbeta med fönstret text eller uppsättning skärmstorlekar för verktyget skärmar. Noggrannheten av gränserna för erkännande i mått och formatet på kopierade färger i Lupp, linjer av färg för guider, ramar och hårkorsOch byta vissa instrument vid övergången till en viss tillämpning (avsnitt Smarttools) - bara en liten del xScope parametrar som kan justeras flexibelt för att passa dina behov.

Naturligtvis en mycket allvarlig verktyg för professionell designer, vilket kraftigt förenklar arbetet på detaljutformningen av gränssnitt, oavsett om, under någon skärmstorlek och upplösning skapas. Således xScope eliminerar behovet av att installera hela plug-in buntar för specifika program. Om detta är ditt verksamhetsområde - rekommenderar åtminstone bekant med demo xScope. Länk för att köpa Mac App Store ingår.