XScope за OS X: универсален мярка за дизайнери
Makradar От технологии / / December 19, 2019
Всеки майстор - дърводелец, шивач, електротехник - винаги носи в определен набор от инструменти. Този комплект за дизайнерите на приложения - настолни компютри, мобилни и онлайн - можете да се обадите на програмата xScope. Ако говорим за това все още не е чувал за бележка. Особено наскоро промени xScope основен номер на версията.
Разбира се, на етапа на създаване на оформление дизайнер работи с електромера вграден редактор на изображения или при изготвянето на програмите. А xScope влезе в игра, когато проектът е достигнал първия етап от изпълнението, и ние можем да, така да се каже, да се чувствам жив първоначалното съставяне на версия на приложението, или да наложи в уеб страница. Е, или да видите статични оформления, без да ги изтеглите на съответния редактор, който е удобен за персонала, който отговаря за проекта.
За щателна проверка на всички видове много полезно линия, рамки, парапети и други парчета. Те виждат как изпълнението на съответните идея: правилно подравнени обекти, независимо дали тези размери в някои области, и така нататък.. В xScope го има всичко.
средства за измерване
Всичко, което дизайнерът използва, за да работи по проект в графичен редактор, широк екран и осигурява пространство xScope. Докато водачи отдавна са част от стандартния инструментариума на всеки инструмент графичен редактор Ръководства съставена xScope за разлика от функционален. Първо, ръководството, можете да създадете множество, включително автоматично - определяне на броя и на интервали. На второ място, взаимното разположение на водачите може да се поправи и да ги преместите като едно цяло. Трето, новите водачи на групата могат да бъдат запазени, така че по-късно можете да ги използвате, просто да изтеглите съответния файл. Много удобен инструмент за проверка на подравняването на обекти, особено ако те се намират от другата страна на равнината на екрана.
рамка Рамки Също така е полезно за проверка на оформлението на различни обекти, но в рамките на ограничен район на прозореца или уеб страница. Във всяка кутия можете да разрешите на мрежата с определен терен или фиксирани водачи, които разделят пространство кадъра в равни дялове. Ако работите с дизайн за определен екран за рамката, можете да настроите съотношението. Ако е необходимо, всичко, което е в рамките на, или може да бъде копиран в клипборда като растерна графика, или просто да направите екранна снимка, че с подходящи маркировки могат да се изпращат на колега.
владетел Линейки Също така е в състояние да се повече от своите колеги в който и да е обикновен графичен редактор. Това е вид на апаратчета, кръстосани с транспортир, който е удобен за измерване на размера на обектите, разстоянието между тях и ъгъла, под който те се намират един до друг. Ако настройвате размера и позицията на линиите в задържането на клавиш ^ (Ctrl), Инструментът ще се придържаме към границите на най-близкия елемент на интерфейса на приложението или уеб сайт.
Хареса ми много инструмента размериТова ви позволява бързо да разберете размера на всеки регион. Удобен: да изведе курсора на мишката върху всеки елемент или област - и xScope показа две перпендикулярни с краища, до което се показва не само ширината и височината на посочения обект, но съотношението на нейния страни. Какво е особено охлади: можете веднага да се създаде рамка или поставете водачите на базата на измервания, направени.
Е, може би, най-лесният инструмент за измерване xScope - това е мишена Crosshair. Тя може да се използва за определяне на точните координати на всяка точка, не само по отношение на ляво горната или долната ъгъл на екрана - но също така и по отношение на всяка друга точка, която може лесно да се настрои ключове ⌘0.
тестване Инструменти
От инструменти xScope поотделно, бих избирам лупа Лупа, Екрани симулатор екрани и нова функция xScope 4.0 - механизъм наслагвания. Те са полезни не само за работа с готовия дизайн, но също така и по време на неговото развитие.
Операционната принципа на лупата е очевидна: xScope дава плаващ прозорец, който се показва на площта под курсора на мишката увеличен. За една точка директно под курсора, можете да намерите на цвета - спасяване и копие за използване в графичен редактор или приложение да се развива. За удобство прозореца на лупата може да включва пиксел мрежа, кръстосано коса и общите измервания, ефектът от която прилича в много инструменти начини размери. И накрая, на дисплея на цветове в лупата може да се регулира в съответствие с вид цветна слепота, че Особено важно при избора на цветове, която ще бъде в състояние да се прави разлика между всички потребители, независимо от цвета възприятие.
Симулатор екрани - друг плаващ прозорец, размерът на което позволява да се симулира на екрана на всякакъв размер и ориентация. Този инструмент е полезен с това, че когато се работи върху дизайна на оформление може да бъде проверено незабавно, тъй като удобни елементи от интерфейса и полезна информация е, например, на екрана на вашия смартфон или таблетка. Използваемостта на сайта на MacBook Air 11-екран "- също е важен въпрос, който трябва да се вземе предвид на етапа на развитие на дизайна. Полезна работа е постоянно показване на екрана елементи като лентата с менюта, панел Dock, лентите с инструменти и състоянието на различни уеб браузъри. също така и в екрани там е симулатор на различните видове нарушения в зрението и на така наречената "deretinizator", която опростява гледането на графични елементи в традиционната резолюцията на не-retinovskom.
Що се отнася до новия инструмент наслагвания, Полезно е да се провери правилното функциониране на адаптивни интерфейси. На първо място, това се отнася за интернет страниците, предназначени за работа в различни екрани. в наслагвания укажете различен набор от колони с пропуски и страничните граници - и да проверите оформлението дизайн с различна ширина страница. Красотата на този инструмент е, че тя е свързана с прозореца на уеб браузър и в съответствие с неговия размер, и автоматично регулира размера си, като в същото време промяна на параметрите на мрежата, ако величината, която посочва като процент, а не в пиксели. Въпреки това, ако държите само подредби за различни ширини на екрана, като "статичен" също може да бъде проверена, без да се налага да го зареди в редакцията.
И още нещо ...
Вид информация бюро за шрифтове и взети поотделно марка на инструменти текст. Посочете шрифта на интерес и след това изберете конкретен характер - и неговото измерение могат да получат подробна информация: подпише размери когато са сглобени в интерфейса, физическите размери и параметри за CSS-анализатор, алтернативно и подобни знаци. Избраният символ може да се копира, както е, както и различни мнемоничен.
Накрая, инструментът огледало Тя ви позволява да изпращате конкретно изображение на мобилното си устройство, което трябва да се инсталира програма xScope Mirror. В кутията огледало Можете да изтеглите съдържанието на прозореца под показалеца на мишката, за да се покаже статично изображение от файл или клипборда. Но най-интересното е, че xScope да се свържете с "Photoshop", където в реално време огледало Тя ще бъде предадена на око-устройство всички от вас промени в дизайна на оформление. Разработчик на мобилни интерфейси е много полезен инструмент, който значително опростява оформление преглед, преди да бъдат прехвърлени на разработчика. подкрепа Е AirPlay дава възможност да се покаже на проектите, например, на Apple TV.
Ползваемост и персонализиране
Всеки инструмент xScope призовани в едно кликване на мишката върху съответния бутон в лентата с инструменти с плаваща. Въпреки това, ми хареса възможност да показва един и същ набор от бутони в лентата с менюта на OS X: така екранът не се мотае допълнителни обекти, които могат да отвлекат вниманието от работата. Въпреки това, още по-компактно решение - една икона xScope и горещи клавиши, които могат да бъдат възложени на специални инструменти.
В настройките на програмата е също много интересни неща. Например, можете да зададете списък с шрифтове, за да работа с прозореца текст или набор от дисплей с размери за инструменти екрани. Точността на границите на признаване в размери и формата на копирани цветове в Лупа, цветни линии за Ръководства, Рамки и CrosshairИ преминат определени инструменти при прехода към конкретното приложение (раздел SmartTools) - само една малка част xScope параметри, които могат да се регулират гъвкаво да отговарят на вашите нужди.
Излишно е да казвам, много сериозен инструмент за професионален дизайнер, което значително опростява работата на работния проект на интерфейси, независимо от това дали в рамките на всякакъв размер и резолюция на екрана са създадени. Така xScope премахва нуждата да инсталирате целия плъгин в пакети за конкретни програми. Ако това е вашата област на дейност - силно препоръчвам най-малко запознати с демо xScope. Линк за закупуване на Mac App Store е включена.