2015 yılında oyunları değiştiren tasarım araçları
Yeni nesil yeni nesil prototipler, işbirliği ve dijital tasarım yeni yönde getiriyor ve WordPress geliştiricilerinin güzel bir web sitesi oluşturmasını kolaylaştırıyor. Web yirmi yılı aşkın bir süredir gelişti, ancak onu tasarlamak için kullandığımız araçlar her zaman medyanın kendisiyle uyumlu değil. Tasarım eğilimi hızla büyümeye devam ettikçe – hareket tasarımı, yanıt verme ve dikkatin merkezi olan görüntülerin kullanımı ile – yeni nesil çok amaçlı tasarım araçlarına ihtiyaç asla bu kadar büyük değildir. Bu nedenle, bugünkü yayında, eskizler, Macaws, Adobe Creative Clouds ve yakında yayınlanacak proje kuyruklu yıldızları gibi araçlarda bir tanıtım ekranı ile tasarım dolarlarınız için en son rakip tesisler için kuralları gerçekleştireceğiz. Ayrıca, eskizin yüksek profilli projeler için nasıl kullanıldığını da göreceğiz.
Önce web tasarımı ve şimdi Berners-Lee ekibi 1991’de bir düzine bağlantı ile ilk web sitesi ile 1991’de tekrar başladığından beri uzun bir yolculuk yaptık. Web tasarımı o zamandan beri büyük değişiklikler yaşadı (çoğunlukla daha iyisi için) ve bugüne kadar dört ana çağa ayrılabilir: 90’lar olarak bilinen doğum, o zaman “yüksek hızlı” internet diye bir şey yok. Bu, web sayfasının esas olarak sadece zaman zaman atılan görüntüleri olan metinlerden oluşmasıdır. Köprüler, paragraflar ve başlıklar tünemiş yeri ustalaşır ve herhangi bir lüks stil masalar ve GIF ile birlikte hacklenmelidir.
Build Javascript ve Flash, 90’ların ortalarında yeni bir dünya olasılığını açmaya başladı. 1998’de uzanan CSS’nin gelişi nihayet tasarımcılara dişlerini almak için birkaç seçenek sunmaya başladı. Web 2.0 Arrival Revolution, JavaScript’in sosyal platformlar ve multimedya uygulamaları şeklinde görünen gerçekten etkileşimli içerik olarak popülerlik ve güçte patlayan daha fazla tasarım getiriyor. Şu anda 2015’in sonunda gerçekten hücresel web dönemine giriyoruz. Duyarlı tasarım, hareket tasarımı, birçok video kullanımı ve güçlü tipografi gibi modern trendlerle başa çıkmada tüm şekil ve boyutların bir zorunluluğu ve cihazıdır. Şu anda, bu tasarımın tüm aşamaları için yapılan araçlar çok tutarlı kalır. Zaman zaman: Kod ve işaretleme için metin düzenleyicisi, görüntüler için Photoshop ve havai fişekler ve animasyon, video ve etkileşim için flaş. Ancak hücresel devrim tarafından yönlendirilen son yıllarda, nihayet potansiyel olarak eski gardiyanları kazanmak ve uygulamaya dayalı çok cihazlı dünyanın zorluklarıyla yüzleşmek için yeni nesil tasarım araçlarının ortaya çıktığını gördü. Şimdi gelecek nesil için ana tasarım çözümleri listesine geçelim.
Eskiz
Geçen hafta eskizde derinlemesine gördük, ancak burada da kısaca tartışmamız çok iyiydi.
Eskizli hassas nesne. Aşağıda, taslağın tabloya getirdiği çeşitli olasılıkların kısa bir listesidir:
Ölçülen bir vektör şekli, boyut, kuvvet ve düzen değişikliklerine uyum sağlar. Düzenlemesi kolay karmaşık vektör formu.
Şekil ve katmanları en yakın piksele yuvarlama yeteneği.
Görünüşler arasında geçiş yapmak için kaygan zoom piksel özelliği.
Metnin gerçekte nasıl görüneceğini doğru bir şekilde gösteren orijinal metin oluşturma.
Yeniden kullanılabilecek bazı grafik öğeleri kolayca yapma yeteneği.
Varlığın boyutunu ihraç etmek, sicle ve değiştirmek kolaydır.
İOS cihazlarında tasarım önizlemesini görme yeteneği.
Lisanslar için sadece 99 $ ile, eskiz verilen değer için tartışmasız çok ucuzdur. Bohem kodlaması, zorluklar ve dahil olmak için bir dizi aktif topluluk yaşarsanız mükemmel destek sağlar. Her şey dikkate alınır, eskizin neden en yaygın kullanılan modern tasarım araçları listesinin üstüne atladığını görmek zor değildir. Bu sadece sahip olunmalıdır. Eskizlerle ilgileniyor musunuz?
Detaylar
Maka çenesi
Macaw sloganı “kod yazmayı bırak, çizmeye başlayın”, yeni nesil tasarım aracının ne olduğunu tam olarak özetleyin. Bu, tasarımcılara bildikleri araç setini, aynı zamanda arka uçta HTML ve CSS çıkışını da verir. Tasarlarken perde arkasında olan kendi kişisel programcılarınıza sahip olmak gibi düşünün. Macaw’ın arkasındaki gizli sos, kullanıcıların ekrandaki elemanları photoshop gibi düzgün bir şekilde manipüle etmelerini sağlayan gerçek zamanlı bir düzen makinesidir ve arka planda gerekli matematiği mucizevi bir şekilde ele alır.
Tüm bunları HTML ve CSS olarak değiştirmenin gerçek atanması, simya adı verilen bir tasarım makinesi kodu tarafından yapılır. Macaw işaretleme çıkışı yanıt verebilirliğe yöneliktir ve elle yapılmayan bir şey için anlamsal ve çok sıkı bir şekilde. Tasarım geçmişte Mockup aşamasından geçtikten sonra düzen ile savaşmak için sayısız değerli zaman kaybeden herkes için, bu kombinasyon mutlak bir hediye. Yeniden kullanılabilecek küresel stiller ve bileşenler kullanımı kolaydır ve tüm temiz paket Mike Finch gibi önde gelen tasarımcılardan övgü kazanmıştır:
“Kodu yapmak için hangi büyüyü kullandıklarını bilmiyorum, ama inanılmaz ve güzel.” – Mike Finch, Facebook’ta ürün tasarımcısı. Aşağıda, Macaw’ın önde gelen birkaç özelliğinin kısa bir listesi: Birkaç cihaz için kesme noktası kolayca düzenlenebilir. Duyarlı ve esnek ızgara standart olarak bulunur.
Sofistike tipografik kontrol, bir anda web yazı tiplerine girmenizi sağlar.
Çeşitli modern CSS özelliklerine kolay görsel erişim.
Yeniden kullanılabilecek kütüphane öğelerini depolamak için bileşenleri kullanma yeteneği.
Kontrol mesafesi ve mükemmel piksel konumu.
Macaw işlevselliğinin belirli yönlerini sitelerinde araştıran çeşitli videolar görebilirsiniz.
Macaw Mac ve PC için mevcuttur ve sadece 79 $ ile çok değerlidir. Otomatik olarak çok kullanışlı bir işaretleme üretme yeteneği ile birkaç saatlik kullanımdan zaman kazanırsınız.
Macaw ile ilgileniyor musunuz?
Detaylar
Adobe Creative Cloud Hayvan
Adobe Creative Cloud Animal, web tasarımcılarının web, zengin medya reklamları ve dijital yayıncılık ortamları için etkileşimli HTML animasyonları oluşturmalarını sağlar. Başlangıçta alternatif bir flaş olarak gönderilen bu yazılım, çadırın altında gerekli CSS, HTML ve JavaScript’i korurken, tüm cihazlar için duyarlı içerik oluşturmak için bir dizi sezgisel tasarım aracı sağlar.
Adobe Animasyonu
Düzenli Adobe kullanıcıları tüm arayüzü anlamada zorluk çekmeyecek ve Adobe sitesinde öğreticiler, kullanıcı kılavuzları ve grafikler için en iyi uygulamalar da dahil olmak üzere daha fazla araştırılacak birçok yararlı kaynak var. Aşağıda, Adobe Edge tarafından sunulan bazı ana özelliklerin kısa bir listesidir: Üçüncü taraf bir kütüphaneye bağımlılık yoktur.
Yönetmek için kesilen proje çıktı dosyalarının listesi.
SVG sanatını Adobe Illustrator’dan kolayca taşımak için kopyanın işlevi.
Animasyon dizileri için sezgisel zaman çizgileri.
Adobe Edge, yaratıcı bulut devresinin bir parçası olarak ya tek bir uygulama olarak veya bölgeye göre değişen fiyatlara sahip paketin bir parçası olarak mevcuttur. Bu çok amaçlı bir tasarım uygulaması değildir, ancak animasyonlu içeriği hızlı bir şekilde hazırlamak için çok yararlı bir seçenektir – elle yapmaya çalışırsanız çok zahmetli olabilecek görevler. Adobe Creative Cloud Hayvan ile ilgileniyor musunuz?
Detaylar
Kuyruklu Yıldız Projesi
Proje Kuyruklu Yıldızı piyasaya sürülmedi, ancak bu Adobe’nin görsel tasarım, tel çerçeveleme, prototip yapımı ve önizlemeyi düzgün bir pakette birleştiren gerçekten eksiksiz bir tasarım aracı sağlamak için son çabası. Proje Kuyruklu Yıldızı yakın zamanda Adobe Max Yıllık Konferansı’nda açıklandı, ancak 2016’nın başlarına kadar gönderilmesi beklenmiyordu, böylece şimdiye kadar jüri bundan çok uzaktı. Khoi Vin, son sürümde neyin beklendiği hakkında bilgi sahibi ve Adobe Jane Brady pazarlama direktörü ile yapılan röportajlar, uygulamanın en azından kısmen giderek daha popüler olan eskizlere bir yanıt olarak tasarlandığını gösteriyor: “Kuyruklu yıldız gerçektenimize bakarak başlıyor. Müşteri tabanı ve Photoshop’tan geçiş yapan bazı müşteriler olduğuna dikkat etmek – birkaç durumda eskiz kullanıyorlar – ve bunun için iki farklı alan var gibi görünüyor. Birincisi, ağır uygulama tasarımları üzerinde çalışan insanlardır, çünkü farklı cihazlar ve boyutlar için tüm farklı düğmeleri ve elemanları tekrar tekrar yaparlar ve Photoshop’un performansının yeterli olmadığını ve çok fazla olduğunu görürler, bu yüzden gerekli değildir – Çizim çok fazla daha odaklanarak. ” Jane Brady – Adobe Ürün Pazarlama Direktörü. Sadece zaman, Adobe’nin bu 2016 sürümü ile yayınladığı bazı avantajları geri alıp alamayacağını söyleyecek, ancak izlemeye değer olmalı. Kuyruklu Yıldız Projeleriyle İlgileniyor mu? Detaylar
Gerçek Dünya Projeleri Nasıl Kullanıyor Eskizleri Nasıl Kullanıyor Tasarımcılar için mevcut yeni nesil tasarım araçlarından bazılarını tartıştık, kullanılan eskizlerin birkaç somut örneğiyle tamamlayalım. Sketch, son zamanlarda Tasarımcı Anketi Anketi Anketi’ni tamamladı ve çok ünlü tasarım ekibi tarafından beğenildi. Google’dan Google Sebastian Gabriel’de çizim, Pixat hücresel etkileşim uygulamaları üzerinde çalışmak için bir taslak kullanıyor. “Siz kolaylığınız, kullanıcı arayüzünün birçok varlığı, esnekliğini ve sadeliğini ihraç edebilirsiniz. Buna ek olarak, uygulamanın kendisinin hafif olması (oluşturduğu dosya ile birlikte) büyük bir katma değerdir. “Google ekibi ile eylemde eskiz. Hackingui’nin kurucularından Hackingui Sagi Shrieber’daki eskiz, benzer Web’deki günlük çalışmaları için bir taslak kullandı. Çoklu Artboards Sketch özelliği, Hackingi için üstün görüntüler yapmak açısından çok yararlıdır ve ayrıca tasarım turlarında hızlı bir şekilde geçiş yapmak için uygulamaları kullanır.
Hackingui, Artboard Sketch özelliğini kullanır. Tüm iPhone boyutlarında bir App Store görüntüsü üretmeye yardımcı olacak bir araç oluşturmak için Brendan Mulligan App Store’un LaunchKit’ten yüklenmesini kolaylaştırmak için bir eskiz kullanmak. App Store’a yapılan eskiz uygulaması, ekran görüntüleri yapmak için bir eskiz sembolü ve metin stili kullanır, bu nedenle “iTunes Connect için ekran görüntüleri yapmak zor değildir”.
App Store’a eskiz uygulaması. Dijital tasarımınız için doğru tasarım aracını seçmek hızlı hareket eden bir alandır, ancak yukarıda tanıttığımız yeni nesil tasarım araçları, bazı cihazlar için hızlı ve kolay bir şekilde güvenle harika işler yapmanıza yardımcı olur. Seçimimizi kısaca özetleyelim: Sketch: Sketch, son yıllarda dünyanın dört bir yanındaki tasarımcıları çok basit bir vektöre dayalı iş akışı ile büyüledi.
Macaw: Özel bir işaretleme ile oynamaktan bıktıysanız, Macaw, yazılım kod açısından sert bir işi işlerken yapmaya devam etmenize izin verecektir. Adobe CC Hayvan: Her cihazda görüntülenecek ilginç bir animasyonu birleştirmek Adobe Creative Cloud ile yapmak çok kolaydır.
Kuyruklu Yıldız Projesi: Gelecek için bir tane. Adobe’nin 2016 yılında tasarım tacını yeniden kazanıp kazanamayacağını görmek çok ilginç olurdu.
Yeni nesil tasarım araçlarından birine katıldınız mı? Düşüncelerinizi ve deneyimlerinizi aşağıdaki yorumlarda paylaşın. Etiket: tasarım
