XScope til OS X: universel foranstaltning for designere

Enhver mester - tømrer, en skrædder, en elektriker - altid bringer i et bestemt sæt af instrumentering. Dette sæt til designerne af applikationer - desktop, mobil og online - du kan kalde programmet xScope. Hvis du taler om det har endnu ikke hørt om note. Især for nylig ændret xScope større versionsnummer.

Selvfølgelig, på stadiet for at skabe layout designer arbejder med den indbyggede billedredigeringsprogram eller program design meter. En xScope kommer i spil, når projektet har nået den første fase af gennemførelsen, og vi kan så at sige, at føle sig i live først kompileret version af programmet eller pålægge en webside. Nå, eller for at se en statisk layouts uden at downloade dem til den relevante editor, hvilket er praktisk for personalet ansvarlig for projektet.

For en grundig inspektion af alle mulige meget nyttig linje, rammer, skinner og andre stykker. De ser, hvordan implementeringen af ​​tilsvarende idé: korrekt justeret objekter, uanset om disse størrelser i visse områder, og så videre.. I xScope det har det hele.

måleværktøj

Alt, at designeren vant til at arbejde på et design i den grafiske editor, widescreen plads og giver xScope. Mens guider længe har været en del af standard værktøjskasse af enhver grafik editor værktøj Guides sammensat xScope modsætning funktionel. Først, vejledning, kan du oprette flere, herunder automatisk - indstilling af antal og afstand. For det andet kan den indbyrdes placering af styrene være faste og flytte dem som en enhed. For det tredje kan den nye gruppe guider gemt, så du senere kan bruge dem, blot downloade den pågældende fil. Et meget praktisk værktøj til at kontrollere justeringen af ​​genstande, især hvis de er placeret på tværs af planet af skærmen.

rammer Rammer Det er også nyttigt for at kontrollere layoutet af forskellige objekter, men inden for et begrænset område af vinduet eller websiden. Inde hver boks kan du aktivere gitteret med en vis tonehøjde eller faste vejledninger, der opdeler rummet ramme i lige store andele. Hvis du arbejder med et design for en specifik skærm til rammen, kan du også indstille billedformatet. Hvis det er nødvendigt, alt, hvad der er inden for rammerne af, eller kan kopieres til klippebordet som en bitmap, eller bare tage et skærmbillede, der med passende markeringer kan sendes til en kollega.

lineal Linealer Det er også i stand til mere end sine kolleger i en hvilken som helst sædvanlig grafik editor. Det er lidt calipre, krydset med en vinkelmåler, der er praktisk at måle størrelsen af ​​objekter, afstanden mellem dem og den vinkel, hvor de er placeret til hinanden. Hvis du tilpasser størrelsen og placeringen af ​​linjerne i at beholde nøgle ^ (Ctrl), Værktøjet vil holde sig til grænserne for den nærmeste element i ansøgningen interface eller websted.

Jeg kunne godt lide meget værktøj DimensionerDet gør det muligt hurtigt at finde ud af størrelsen af ​​enhver region. Komfortabel: har lagt musemarkøren på ethvert element eller område - og xScope viste to vinkelret med ender, ved siden af ​​hvilket vises ikke kun bredden og højden af ​​objektet, men forholdet mellem dens sider. Hvad er særligt køligt: ​​kan du straks oprette en ramme eller placere styrene på grundlag af måling foretaget.

Nå, måske den nemmeste måling værktøj i xScope - det er sigtekorn Crosshair. Det kan bruges til at bestemme de nøjagtige koordinater for et punkt, ikke kun i forhold til venstre øvre eller nedre hjørne af skærmen - men også i forhold til ethvert andet punkt, som let kan indstilles nøgler ⌘0.

testværktøjer

Fra værktøjer xScope hver for sig, vil jeg fremhæve et forstørrelsesglas lup, Skærme simulator Skærme og en ny funktion xScope 4,0 - mekanisme Overlays. De er nyttige, ikke kun til arbejdet med det færdige design, men også i løbet af dets udvikling.

De opererer princippet om forstørrelsesglasset er indlysende: xScope giver et flydende vindue, der viser området under musemarkøren forstørret. For et punkt direkte under markøren, kan du finde den farve - gem og kopiere til brug i en grafik editor eller et program til at udvikle sig. For nemheds skyld kan Forstørrelse vinduet omfatte pixelgitter, cross-hår og de overordnede mål, effekten af ​​som ligner på mange måder værktøjer Dimensioner. Endelig kan visningen af ​​farver i luppen justeres i overensstemmelse med en type farveblindhed at særligt vigtigt i udvælgelsen af ​​farver, der vil være i stand til at skelne mellem alle brugere, uanset hvilken farve opfattelse.

Simulator skærme - en anden flydende vindue, hvis størrelse gør det muligt at simulere skærmen på en hvilken som helst størrelse og orientering. Dette værktøj er nyttigt i, at når der arbejdes på layout-design kan kontrolleres med det samme, som praktisk grænseflade elementer og nyttige oplysninger er for eksempel på skærmen på din smartphone eller tablet. Anvendeligheden af ​​hjemmesiden på MacBook Air 11-screen "- er også et vigtigt spørgsmål, som bør tage hensyn til i den fase af design udvikling. Nyttig arbejde er en permanent udstilling af elementer på skærmen som menulinjen, panel Dock, værktøjslinjer og status for forskellige webbrowsere. også i Skærme der er en simulator af forskellige typer af synsnedsættelse og den såkaldte "deretinizator", som forenkler visning af grafiske elementer i den traditionelle ikke-retinovskom opløsning.

Med hensyn til det nye instrument Overlays, Det er nyttigt at kontrollere den korrekte drift af adaptive grænseflader. Først og fremmest, det drejer sig om de hjemmesider designet til at arbejde på forskellige skærme. i Overlays du angiver et andet sæt af søjler med huller og sidemarginer - og tjek design layout med forskellig side bredde. Skønheden i dette værktøj er, at det er bundet til webbrowservinduet og i overensstemmelse med sin størrelse, og justerer automatisk sin størrelse, samtidig ændre parametrene i gitteret, hvis den dimension, du angiver i procent, i stedet for i pixels. Men hvis du holder kun layouts til forskellige skærm bredder, sådan "statisk" kan også kontrolleres uden at skulle hente det ind i redigeringen.

Og noget andet ...

Slags oplysninger skrivebord til skrifttyper og taget hver markerer en værktøj Tekst. Angiv skrifttype af interesse og derefter vælge en bestemt karakter - og dens dimension kan få detaljerede oplysninger: log dimensioner når de er samlet i grænsefladen, de fysiske dimensioner og parametre for CSS-analysator, alternative og lignende skilte. Det valgte tegn kan kopieres som er, samt diverse huskeregel.

Endelig værktøjet Spejl Det giver dig mulighed for at sende et bestemt billede på din mobile enhed, der skal installeres nytte xScope Mirror. I boksen Spejl Du kan downloade indholdet af vinduet under musemarkøren, at vise et statisk billede fra en fil eller klippebordet. Men mest interessante er, at xScope kan oprette forbindelse til "Photoshop", hvor realtid Spejl Det vil blive overført til øjet-enhed alle de ændringer, du har foretaget i layout design. Udvikler af mobile interfaces er meget nyttigt værktøj, som forenkler layout forhåndsvisning før de overføres til udvikleren. Nå AirPlay support giver mulighed for at fremvise de design, for eksempel på Apple TV.

Usability og tilpasning

Hvert værktøj xScope kaldet i ét museklik på den relevante knap i værktøjslinjen flyder. Men jeg kunne godt lide muligheden for at vise det samme sæt af knapper i menulinjen OS X: så skærmen ikke hænger ekstra objekter, der kan distrahere fra arbejdet. Men en endnu mere kompakt løsning - en enkelt ikon xScope og genvejstaster, der kan tildeles til konkrete værktøjer.

I programmets indstillinger er også en masse interessante ting. For eksempel kan du angive en liste over skrifttyper til arbejdet med vinduet Tekst eller sæt display størrelser for værktøj Skærme. Nøjagtigheden af ​​grænserne for anerkendelse i Dimensioner og formatet af kopierede farver i Loupe, farvede linjer for Guides, Rammer og CrosshairOg skifte visse instrumenter ved overgangen til et bestemt program (afsnit SmartTools) - kun en lille del xScope parametre, der kan justeres fleksibelt, så det passer til dine behov.

Det er overflødigt at sige, en meget alvorlig værktøj for den professionelle designer, som forenkler arbejdet om den nærmere udformning af grænseflader, uanset om, under nogen skærmstørrelse og opløsning er skabt. xScope eliminerer således behovet for at installere hele bundter plug-in til specifikke programmer. Hvis dette er dit område af aktivitet - kan varmt anbefale det mindste bekendtskab med demo xScope. Link til at købe Mac App Store er inkluderet.