OS X için xScope: tasarımcılar için evrensel ölçü

Herhangi usta - marangoz, terzi, elektrikçi - her zaman enstrümantasyon belli sette getiriyor. Online mobil ve masaüstü - - uygulamalar tasarımcılar için Bu set programı xScope çağırabilir. Bu konuda söz ediyorsan henüz notun duymamıştır. Özellikle son zamanlarda xScope ana sürüm numarasını değiştirdi.

Tabii ki, düzen tasarımcısı yaratma aşamasında dahili resim editörü veya program tasarımı metre ile çalışır. Proje uygulamasının ilk evreye geçtikten sonra bir xScope devreye giriyor ve biz, bu yüzden uygulamanın hayatta ilk derlenmiş versiyonunu hissetmek ya da bir web sayfasını empoze etmek, konuşmak olabilir. Eh, ya projesinden sorumlu personel için uygundur uygun editörü onları indirmeden statik düzenleri görüntülemek için.

çok faydalı çizgi, çerçeveler, raylar ve diğer parçaların her türlü kapsamlı bir muayene için. Onlar nasıl gördüğünü tekabül fikrin uygulanması: Düzgün belli alanlarda bu boyutlarda olmadığını ve benzeri nesneleri hizalanmış.. xScope yılında hepsi var.

Ölçme aleti

Tasarımcı grafik editörü, geniş ekran boşlukta bir tasarıma çalışma için kullanılan ve xScope sağladığını herşey. Kılavuzlar uzun herhangi bir grafik editörü aracının standart araç parçası olmuştur iken

Kılavuzlar Fonksiyonel farklı xScope oluşan. numarayı ayarlama ve aralık - Birincisi, rehber, otomatik dahil olmak üzere birden oluşturabilirsiniz. İkinci olarak, kılavuzların karşılıklı düzenlenmesi için sabit ve bir birim olarak hareket edilebilir. Üçüncü olarak, yeni grup kılavuzları sonra sadece uygun dosyayı indirmek, bunları kullanabilir böylece, kaydedilebilir. ekranın düzlem boyunca yer alan, özellikle de nesnelerin hizalamasını kontrol etmek için bir çok kullanışlı bir araç.

iskelet Çerçeveler Ayrıca, farklı nesnelerin düzenini kontrol etmek için yararlıdır, ancak pencere veya Web sayfasının sınırlı alanı içinde. Her Kutunun içi belirli bir sahada veya eşit paylarla içine alan çerçeve bölmek sabit rehberleri ile ızgara etkinleştirebilirsiniz. Eğer çerçeve için belirli bir ekran için bir tasarım ile çalışıyorsanız, ayrıca en boy oranını ayarlayabilirsiniz. Gerekirse, kapsamındadır, veya bitmap olarak panoya kopyalanabilir, ya da sadece bir ekran görüntüsü almak o tüm uygun işaretler bir meslektaşıma gönderilebilir o.

cetvel Cetveller Aynı zamanda herhangi bir olağan grafik editörü, benzerlerine göre daha edebilmektedir. uygun olan bir iletki ile çapraz kumpaslar s tür nesneler büyüklüğü, bunların arasındaki mesafe ve birbirlerine bulunan açıyı ölçmek için. Anahtarı istinat satırların boyutu ve konumu özelleştiriyorsanız ^ (CTRL), Takım uygulama arabirimi veya Web sitesinin en yakın elemanın sınırları sadık olacaktır.

Çok aracını sevdim boyutlarYani hızlı herhangi bölgenin boyutunu bulmak için izin verir. Rahat: herhangi bir öğe veya alan üzerinde fare imleci - ve xScope ile iki dikey gösterdi genişliği ve bahsedilen nesnenin yüksekliği, ancak oranı sadece görüntülenen bir sonraki hangi uçları, onun taraf. Ne özellikle serin: hemen bir çerçeve oluşturmak veya yapılan ölçümlere dayanarak kılavuzları yerleştirebilirsiniz.

Eh, xScope belki en kolay ölçüm aracı - 's crosshairs Crosshair. sola herhangi bir noktasının tam koordinatları belirlemek için kullanılabilir, ancak göreceli değil Üst veya ekranın alt köşe - aynı zamanda kolayca ayarlanabilir başka herhangi bir noktaya göre, birlikte tuşları ⌘0.

test Araçları

araçlar ayrı ayrı xScope, ben büyüteç tek tek olur pertavsız, Ekranlar simülatör ekranlar ve yeni bir özellik xScope 4,0 - mekanizma Bindirme. Onlar bitmiş tasarımı ile işe değil, aynı zamanda onun gelişimi sırasında sadece yararlıdır.

büyüteç çalışma prensibi açıktır: xScope fare imleci altında gösteriler alanı büyütülmüş bir kayan pencere verir. Doğrudan imlecin altındaki bir noktaya için, renk bulabilirsiniz - tasarrufu ve geliştirmek için bir grafik editörü veya bir uygulamada kullanmak için kopyalayın. kolaylık sağlamak için, Büyüteç pencere piksel ızgarası, çapraz saç ve genel ölçümler, birçok yolu araçları hangi andırıyor etkisini içerebilir boyutlar. Son olarak, büyüteç renklerin ekran renk körlüğü bir tür olduğunu uyarınca ayarlanabilir rengin ne olursa olsun, bütün kullanıcıları ayırt edebilecektir renklerin seçiminde özellikle önemlidir algısı.

Simülasyon ekranlar - bir kayan pencere, boyut olan herhangi bir boyut ve yönlendirme ekranını taklit sağlar. olarak, derhal kontrol edilebilir düzen tasarımı üzerinde çalışırken Bu araç o yararlıdır Kullanışlı arayüzü elemanları ve faydalı bilgiler Akıllı ekranında, örneğin, ya da Tablet. MacBook Air 11-ekran "web sitesinin kullanılabilirlik - ayrıca tasarım geliştirme aşamasında dikkate almalıdır önemli bir meseledir. Faydalı işler menü çubuğunda, panel Dock, araç çubukları ve farklı web tarayıcıları durumu gibi ekrandaki elemanlarının kalıcı ekranıdır. Ayrıca ekranlar görme bozukluğu ve geleneksel olmayan retinovskom çözünürlükte grafik unsurların gösterilmesini kolaylaştıran sözde "deretinizator" Farklı türde bir simülatör var.

Yeni enstrüman gelince Bindirme, Adaptif arayüzler doğru çalışıp çalışmadığını kontrol etmek yararlıdır. Her şeyden önce, farklı ekranlarda çalışmaları için tasarlanmış web siteleri ile ilgilidir. içinde Bindirme Eğer boşluklar ve yan marjları ile sütun farklı bir dizi belirtmek - ve farklı sayfa genişliğinde tasarım düzenini kontrol edin. Bu aracın güzelliği, onun boyutuna göre, web tarayıcı penceresine bağlı ve olmasıdır boyut, bir yüzdesi olarak belirtmek yerine eğer otomatik, ızgaranın parametreleri değişen aynı zamanda, onun büyüklüğünü ayarlar Piksel cinsinden. farklı ekran genişlikleri için tek düzenleri tutun Ancak, bu tür "statik" da düzenleme içine yüklemek zorunda kalmadan kontrol edilebilir.

Başka Ve bir şey ...

yazı tipleri için bilgi masasının Tür ve ayrı ayrı alınan işaretler bir araçtır metin. ilgi yazı tipini belirleyin ve ardından seçmek belirli bir karakteri - ve boyut detaylı bilgi edinebilirsiniz: arayüzde monte edildiğinde, CSS analizörü, alternatif ve benzeri için fiziksel boyutlar ve parametreler boyutları kayıt işaretler. Seçilen karakter çeşitli anımsatıcı yanı sıra olduğu gibi kopyalanabilir.

Son olarak, aracı ayna Size yarar xScope Ayna yüklü olmalıdır mobil cihaz üzerinde belirli bir görüntü göndermek için izin verir. kutusunda ayna Bir dosya veya panodan statik bir resim görüntülemek için, fare işaretçisi altında pencerenin içeriğini indirebilirsiniz. Ama en ilginç xScope "Photoshop", gerçek zamanlı bağlanabilir olmasıdır ayna Bu göz cihaza size düzen tasarımında yapılan tüm değişiklikleri iletilir. mobil arayüzler Geliştirici, geliştirici transfer edilmeden önce büyük ölçüde düzen önizleme kolaylaştırır çok yararlı bir araçtır. Eh AirPlay desteği Apple TV, örneğin, tasarımları sergilemek için bir fırsat sağlar.

Kullanılabilirlik ve özelleştirme

Her alet xScope kayan araç çubuğunda uygun butona tek bir fare tıklaması çağırdı. Ekran işten rahatsız ekstra nesneler askıda değil,: Ancak, ben menü çubuğu OS X düğmelerinin aynı kümesini görüntülemek için yeteneği sevdim. Ancak, daha da kompakt çözüm - Tek simge xScope ve spesifik araçları atanabilir sıcak tuşları.

Program ayarlarında ilginç bir çok şey de. Örneğin, pencere ile çalışmaya yazı tiplerinin bir listesini belirtebilirsiniz metin veya ekranın seti aracı boyutları ekranlar. tanıma sınırları içinde doğruluğu boyutlar ve Büyütecin kopyalanmış renkler için renk hatlarının biçimi Kılavuzlar, Çerçeveler ve CrosshairVe belli bir uygulama için geçiş (bölüm belirli araç geçiş SmartTools) - ihtiyaçlarınıza göre esnek olarak ayarlanabilir sadece küçük bir parçası xScope parametreleri.

Tabii, büyük ölçüde işi kolaylaştırır profesyonel tasarımcı için çok ciddi bir araç demek ne olursa olsun bakılmaksızın arayüzlerinin detaylı tasarım, üzerinde herhangi bir ekran boyutu ve çözünürlüğü altında oluşturulur. Böylece xScope belirli programlar için tüm eklenti paketlerini yüklemek için gereksinimini ortadan kaldırır. Bu faaliyetin saha ise - çok az tanımak tavsiye demo xScope. Mac App Store'u satın bağlantı dahildir.