Hemen söylüyorum - sadece iki program var gazete, dergi, kitapçık geliştirme, düzen, oluşturma için vb.:

QuarkXpress

Bu şirketin geçmişine özellikle aşina değilim, ancak program fena değil. Şimdiye kadar, gazeteler ve dergiler, sadeliği nedeniyle 4. sürümü kullanıyor (şimdi zaten 8. bir sürüm var). Rusça desteği yerleşik DEĞİLDİR ve ayrı olarak kurulmalıdır ve her sürümün kendine ait bir sürümü vardır. Ek ayarlar olmadan sözcük kaydırma çalışmaz,

ve dergi ve gazete düzeni kelime tireleme olmadan hiçbir şey işe yaramaz, bu nedenle gazetenizi veya derginizi evde hazırlayacaksanız, Quark kullanmamak daha iyidir - çok yüklemeniz gerekecek ve bu ek bilgi ve zaman gerektirecektir.

Adobe Tasarım

Adobe Indesign (Indesign), Photoshop'u yaratan yazılım pazarı dinozorundan bir programdır. Önceki programın adı PageMaker idi. Kurulum sırasında elbette sorunlar var ve her seferinde yenileri var, ama - bu en iyi program türünün. Rus dili yerleşiktir, kelimeleri sarma olasılığından bahsediyorum. Quark'ı zaten çok iyi tanıyarak Indesign'da çalışmaya başladım (pratikte fare olmadan - klavyede çalışabilirim) ve bu an bile yaratıcılar tarafından dikkate alındı: Indesing'de Quark Express 4.0'dan klavye kısayolları yükleyebilirsiniz (ancak onlar sadece yaklaşık olarak benzerdir, ancak çabucak alışırsınız ).

Tüm bu programların iyi yüklenip çalışabilmesi için yazı tiplerini temizlemeniz gerekir. Bunun için bir tane kurulur (en ünlüsü Adobe Font Manager'dır). " Bozuk yazı tipleri” oldukça sık karşılaşılır, Arial genellikle bozuk bir yazı tipi olarak ortaya çıkar (Windows'taki ana yazı tiplerinden biri). Yani, elbette, bu gözle görülemez - örneğin, yazı tipinin kendisi ve yazı tipi Word'de iyi çalışır, ancak bazı karakterler yanlış “çizilir” ve Indesign kurulumdan sonra kurulmaz veya başlamıyor.

Peki, en önemli şey! Gazete ve dergilerin yerleşimi için programlar ( bu arada, Quark Express ve Indesign'da baskı için herhangi bir düzen oluşturabilirsiniz: el ilanları, posterler, broşürler, kitapçıklar) Bu metin işleme yazılımı ancak bir fotoğrafla veya metin ve fotoğrafları düzenlemek için değil. Bu programların fotoğraf düzenleme araçları yoktur, bu nedenle sahip olunması gereken en az bir program daha vardır. Adobe Photoshop, tüm bitmap grafiklerini yayınınız için hazırlar.

Scribus, basılı materyallerin mizanpajları için bir programdır: kitaplar, dergiler ve kitapçıklar, broşürler, kartvizitler vb. Scribus, pahalı ücretli editörlere ücretsiz bir alternatif olarak oluşturuldu, bu nedenle uygulamanın birçok profesyonel özelliği var. Bu nedenle program, CMYK renk ayrımı sistemini, ICC renk yönetimini destekler. Scribus'u bu siteden ücretsiz olarak indirebilirsiniz.

Standart uygulama arayüzü basittir: Bu tür yazılımlara aşina olan kullanıcılar, sorunsuz bir şekilde çalışabileceklerdir. Program birçok modern görüntü formatıyla çalışır, Unicode'da metinler ve yazı tipleri için destek ve kısayol tuşları için destek vardır. Gerekirse, kendi "kısayol" tuşlarınızı ayarlamak, katmanlarla çalışmak, yazı tiplerini gömmek ve manuel olarak karakter aralığı ayarlamak mümkündür.

Uygulama, deneyimsiz kullanıcılar tarafından kolayca öğrenilebilir, Rusça ve diğer dillerdeki yardım sistemi sayesinde kullanıcı, programın geliştirilmesi sırasında ortaya çıkan sorulara cevap bulabilecektir. Scribus, veritabanında bulunan şablonları kullanmanın yanı sıra sıfırdan düzenler oluşturmanıza olanak tanır. Ayrıca geliştiriciler tarafından hazırlanan şablonları kendi takdirinize göre değiştirmek mümkündür.

Yeni bir proje oluşturmadan önce, çalışma parametrelerini - sayfa formatı, yazı tipi ve diğer birçok parametreyi ayarlamalısınız. Parametreleri ayarladıktan ve onayladıktan sonra, içinde bir çalışma alanı, bir dizi araç içeren bir panel ve bağlam menüsü. Araç simgeleri yüksek kalitede ve sezgiseldir, ayrıca uygun bir şekilde yerleştirilmiştir. Kendi başlarına işlevsellik Scribus, pahalı ücretli programlardan çok farklı değildir, bu nedenle mastering bu başvuru biraz zaman alacak.

Scribus'un Temel Faydaları

• Geniş işlevsellik.
• CMYK formatı desteği.
• Kullanışlı yardım sistemi.
• Yerleşik şablonların varlığı.
• Kısayol desteği.

Uygulamanın işlevselliği, PDF formatında belgeler oluşturmanıza olanak tanır. Belgeleri SVG, PDF ve EPS formatlarından içe ve dışa aktarmak da mümkündür. Oluşturulan mizanpajlar profesyonel ekipman üzerinde baskıya hazırdır.

2 oy

Blog siteme hoş geldiniz. Bugün html düzeni için ne tür bir programa ihtiyaç duyulduğundan bahsedeceğiz. Bazıları, özellikle yeni başlayanlar, web yöneticileri itiraz edebilir. Sistemde mevcut olan herhangi bir yazılımla idare edebiliyorsanız neden ek yazılım kullanasınız ki? Metin düzeltici not defteri gibi mi? Evet, öyle, ama çalışmak elverişsiz olacak.

Özel bir program kullanılıyorsa, düzen çok daha hızlıdır. Ek özellikler bu da bir site oluşturma sürecini büyük ölçüde kolaylaştırır. Bu soruyu daha ayrıntılı olarak ele alalım.

Ne olduğunu

Düzen, sayfadaki blokların, başlıkların, tabloların, resimlerin ve diğer öğelerin düzenlenmesidir. Ayrıca tablo şeklindedir.

Üstbilgi (üstbilgi) ve alt kısım (altbilgi) içeren iki sütunlu bir düzen örneğini düşünün.

Başlık şirket logosunu içerir. Ardından, iki sütuna bölünmüş ana içerik alanı gelir. Sol taraf menüyü, kenar çubuğunu vb. yerleştirmek için kullanılır. Doğru olanı ana içerik içindir.

Kural olarak, site sahibiyle ilgili iletişim bilgilerini eklemek için bir altbilgi veya altbilgi gerekir.

Gördüğünüz gibi, düzen içeriksiz çıktı, ancak genel bir yapıya sahip. Düzen bu. html ve css kullanılarak oluşturuldu özel programlar. Evgeny Popov'un nasıl ustalaşılacağı konusunda iyi bir ücretsiz kursu olduğunu belirtmek isterim. html ve css .

Parantez

Muhtemelen en iyi açık kaynak editörlerinden biri kaynak kodu. Birkaç ilginç özelliği var:

• Bireysel grafik tasarım öğelerini şurada görüntüleyin: psd dosyası, ve bunları css koduna dönüştürmek;
• Kaynak koduyla daha rahat çalışmak için eklentileri kullanın;
• "Hızlı Düzenleme" özellikleri.

Brackets, hem yeni başlayanlara hem de profesyonellere uygun mükemmel bir düzenleyicidir. İndirmek için adresine gidin parantez.io .

Bir internet projesi oluştururken mizanpaj için tek bir programın yeterli olmayacağını belirtmek isterim. Kendinizi tanımanızı öneririm.

Yüce metin

Ana özellikleri göz önünde bulundurun Yüce metin :

• Kodda kolay gezinme için mini harita;
• Kişisel ayarlarınız özel bir klasörde saklanır;
• Eklentilerin kullanılabilirliği
• Windows ve Mac os'ta çalışır.

Macromedia Dreamweaver

DW, çok popüler olan en eski editörlerden biridir:

• içinde tasarımı ve kodu aynı anda görüntüleyebilirsiniz;
• bir ipucu kullanmak mümkündür;
• uygun şekilde organize edilmiş arama ve karakterlerin değiştirilmesi;
• resmi sitede DW için birçok eklenti ve eklenti bulabilirsiniz.
• güçlü görsel düzenleyici kod yazmadan bir sayfa oluşturmanıza olanak sağlar.
• çevrimiçi önizleme.

Onunla çalışmak oldukça zor. Tüm olasılıkları keşfetmek zaman alır. Profesyoneller için uygundur, özellikle oluşturulan sayfanın html kodunu hızlı bir şekilde almanız gerekiyorsa.

Visual Studio Kodu

Visual Studio Kodu web programlamaya aşina olan kişiler için tasarlanmıştır.

Yukarıdaki editörlerle aynı özelliklere sahiptir. Ayrı olarak, JavaScript, Node.js, TypeScript, vb.'de web uygulamaları oluşturmak için kullanılan Visual Studio Code aracını belirtmek isterim. Program ücretsizdir.

not defteri++

Ücretsiz editör açık kaynak. Modüller yardımıyla işlevselliği artırılmıştır. Birçok ek eklenti kurulu olsa bile hızlı çalışır. Yerleşik bir kaynak kodu vurgulama işlevine sahiptir.

Web sitesi oluşturma ile ilgileniyorsanız, ek literatür olmadan yapamayacağınızı belirtmek isterim. Bu konuyla ilgili benimkini okumanızı tavsiye ederim.

Aptana Stüdyo 3

Güçlü ve ücretsiz araç Aptana Stüdyo 3 html, css, php, JavaScript, Ruby ile çalışmayı destekler. Herhangi bir karmaşıklık düzeyinde bir İnternet projesi oluşturmak için uygundur. İçinde gereksiz bir şey yok ve çok hızlı çalışıyor. Sözdizimi vurgulama özelliği vardır. Bunun DW'ye ücretsiz bir alternatif olduğunu söyleyebiliriz.

Önyükleme Stüdyosu

Çerçeve için yapıcıyı sürükleyip bırakın Önyükleme . Geliştiriciler editöre ekledi büyük miktar ek modüller, . Sayfanın nasıl görüneceğini test etmenizi sağlar farklı cihazlar. Editör ücretsiz değildir, ancak herhangi bir ciddi geliştirici için iyi bir yatırımdır.

atom

Editör, ünlü GitHub ekibi tarafından oluşturuldu. Yukarıda açıklanan programlarla aynı özelliklere sahiptir. atom - açık kaynaklı yazılım. Bu nedenle, mevcut modülleri kendiniz oluşturabilir, düzenleyebilir veya kendinizinkini yazabilirsiniz. İşte dağıtıma dahil olan paketler:

• html ve css için otomatik tamamlama;
• Snippet oluşturma;
• Eşleştirilmiş parantezleri vurgulama;
• Uygun arama ve değiştirme.

Çalışmak için zaman harcamak istemiyorsanız, ancak sonuca hızlı bir şekilde ihtiyacınız varsa ne yapmalısınız? Bu durumda, sorununuzu makul bir paraya çözebilecek uzmanlarla iletişime geçin. Bunu yapmak için size ilginç bir hizmet sunmak istiyorum. iş .

Çözüm

Yukarıda açıklanan düzenleyicilerin her biri, hızlı bir şekilde kod yazmak için fırsatlar sunar. Aralarındaki fark, bu işlevlerin nasıl uygulandığıdır. Her şeyden önce yeni başlayanlara Parantez veya Yüce Metin kullanmalarını tavsiye ederim. Daha deneyimli web yöneticileri, Macromedia Dreamweaver'a dikkat etmelidir ( onunla çalışmak için ücretsiz kurs) veya Visual Studio Kodu. Editörün seçimi büyük ölçüde kişisel tercihinize ve bir geliştirici olarak işinizin karmaşıklığına bağlıdır.

abone ol VKontakte grubu , birçok ilginç bilginin olacağı yer.

3 oy

Bloguma hoş geldiniz. Bugün tasarımcılar için faydalı bir seçki hazırlamaya karar verdim. En popüler web yöneticisi sitelerini ziyaret ettim ve tasarım yapmanıza yardımcı olacak en iyi 50 aracı buldum.

Web tasarımı programlarını, profesyoneller tarafından tanınan en iyi çevrimiçi hizmetleri ve araçları dikkatinize sunuyorum. Tüm noktalara katılmıyorum, ancak kimim ki gibi sitelerde çalışan uzmanlarla tartışacağım. netoloji , vc.ru, Merhaba de ve diğerleri.

Bu listeye kendimce biraz ekledim ve kategorilere ayırdım. Şimdi dikkatinize sunuyorum.

Temel programlar

Tabii ki, hiçbir web geliştiricisi onsuz yapamaz standart set tüm çalışmaların gerçekleştirildiği Adobe'den. Artık 2016'nın sonu ve birçok profesyonel, programın artan popülaritesinin Kroki Birkaç yıldır pek çok kişinin aşina olduğu Photoshop'un yerini alan , bunu yapmak üzere. 2017'de hepimiz bu özel programı aktif olarak inceleyeceğiz.

Bu, henüz Rusça olarak mevcut olmamasına ve yalnızca Mac OS için uygun olmasına rağmen. Çoğu profesyonel, arayüz tasarımı için Photoshop'tan çok daha uygun olduğunu söylüyor.

Diğer Adobe ürünleri hakkında konuşursak, onları incelemek ya da incelememek size kalmış. Ve yine de hala listedeler.

• Illustrator, en iyi vektör grafikleri ve illüstrasyon aracıdır.
• Baskı için en uygun yardımcı program olarak InDesign.
• oluşturmak için mükemmel bir platform olarak Adobe Muse

Adobe ürünlerine ek olarak, profesyoneller diğer markalara ve ürünlerine dikkat etmenizi önerir. Amerika papağanı en popüler web tasarım programlarından biri olarak kabul edilmektedir. Sketch'ten farklı olarak Windows için uygundur ve kodu bilmeden programlama yapmanızı sağlar. Otomatik olarak oluşturur. Doğrudan resmi web sitesinden ücretsiz olarak indirebilirsiniz. Gerçek sadece İngilizcedir.

Creative Bloq sürümü, Adobe Muse'a alternatif olarak başka bir modern hizmet sunuyor çam , görüntünün koda otomatik olarak dönüştürülmesiyle herhangi bir siteyi çizmek için uygundur. Aynısı Jetstrap'ta da elde edilebilir.

Peki, uygulamalarla çalışmanız gerekiyorsa, bu size daha fazla yardımcı olacaktır. Uygulamalar için Temel .

Grafik bankası

Her tasarımcının grafiklere ihtiyacı vardır. Her şeyi kendiniz çizerseniz, çok zaman alacaktır. Bazı öğeler başka birinden sipariş edilebilir veya hazır görüntüleri bankalardan satın alabilir veya alabilirsiniz. tirit iyi tasarımcı asla olmaz, ama iyi bir siteden indirin - neden olmasın.

örneğin, üzerinde sonsuz simgeler.com simgeleri bulabilir ve coverr.co video kapakları.

Üzerinde freepik.com ve simge deposu çok şey bulabilirsin ücretsiz resimler. Vektörler ve hatta PSD düzenleri. kendimi sunabilirim Photoshop-usta ve pixabay .

Stripemania.com – grafikleri hızlı bir şekilde oluşturun. Renklerinizi ekleyin ve çizgili bir resim elde edin. Kendi animasyonlu arka planınızı oluşturmak istiyorsanız pürüzsüz renk geçişi ile? Site size bu konuda yardımcı olacaktır. gradyan-animatör.com . Sadece sonucu gerçek zamanlı olarak göstermekle kalmayacak, aynı zamanda sadece siteye eklenmesi gereken bir kod oluşturacaktır.

Findguidelin.es Bu, WatsApp, Facebook, Vkontakte vb. gibi popüler markalar hakkında tasarımcılar için simgeleri ve tüm bilgileri bulabileceğiniz bir koleksiyon.

Logo ve favicon oluşturucu

Şaşırdım, ancak tasarımcılar için birçok popüler ve prestijli sitede yardımcı olacak bir hizmete bağlantı bulabilirsiniz. Örneğin, Netology'de sundukları withoomph.com veya designrails.com . tercih ederim kaydedici .

Hızlı oluşturma için portalı kullanabilirsiniz www.favicon.cc . Bu arada, onun hakkında zaten yazdım. İyi bir şey.

Renkle çalışmak

Kötü bir tasarımcı, en iyi renk kombinasyonunu oluşturmak için profesyonel hizmetlerin yardımına güvenmeyen kişidir. Bunu yapmak için internette birçok kaynak bulabilirsiniz. mesela ben severim renk uyumu .

Hizmet Malzeme Paleti iki renk seçmeyi teklif eder ve şemanın geri kalanını sizin için tamamlayacaktır: yazı tipleri, ayırıcılar vb.

Üzerinde 0to255 Farklı tonları görebilirsiniz, ancak bir Rus alternatifiniz de var - Yandex.

Güzel bir resim gördüyseniz, servisi kullanabilirsiniz. pictaculous.com ondan renk şemasını çıkarın. Bu arada, portalınızda bu resmi mi yoksa şu resmi mi kullanacağınıza tam olarak karar vermek çok yardımcı olur. Ana şema ile başarılı bir şekilde birleşmezse, cevap açıktır.

Yazı tipleriyle çalışma

Google Fonts ile çalışmak için ilk ve en iyi kaynak. Bu, Rusça da dahil olmak üzere çok sayıda yazı tipi koleksiyonudur. Seçimi kolay, kullanımı kolay.

Mükemmel yazı tipi kombinasyonunu bulmak için uzmanlar hizmeti kullanmanızı önerir: canva.com/font-kombinasyonları veya typewolf.com .

Ayrıca bir tarayıcı uzantısına ihtiyacınız olabilir fontface.ninja . Güzel bir yazı tipi bulun, fare ile üzerine gelin ve bilgi alın. Sadece onu bulmak için kalır.

Ve sitedeki çevrimiçi düzenleyicide prototipo.io biraz değiştirebilir ve benzersiz yapabilirsiniz.

Son aşama

Proje hazır olduğunda, bilgisayarlardan ve ekrandan standart tarayıcılarda her şeyin nasıl görüneceğini kontrol etmeniz gerekir. cep telefonu. resizemybrowser.com hızlı bir şekilde yapmanıza yardımcı olun.

Servis yardımı ile dunnnk.com Ekran görüntünüzü binlerce telefon ve bilgisayar görüntüsüne ekleyebilir ve sitenizin farklı gadget'larda çeşitli açılardan nasıl görüneceğini görebilirsiniz.

Sitede çok faydalı bir liste var web tasarımcılarıkontrol listesi.com . Her şeyi doğru yaptınız mı, projeyi teslim etmek mümkün mü? Sadece kutuları işaretleyin ve hiçbir şeyi unutmadığınızdan emin olun. Üzgünüz, ancak hizmet yalnızca İngilizce bilenler için uygundur.

Tasarıma ek olarak, düzen ile de ilgileniyorsanız, yardımcı programı koda gömebilirsiniz. toplam11y . Hataları vurgulayacaktır.

Peki, geliştirme hakkında unutma. Herhangi bir tasarımcı için eksik bilgiler konusunda bir kurs almanın faydalı olacağını düşünüyorum. Photoshop-Master Komutları .

PhotoshopMaster ekibinden tasarımcılar için kurslar.

Ayrıca, sizi blog posta listeme abone olmaya davet ediyorum ve Vkontakte grubu. Bu, tasarım geliştirmede bir saniye durmamanızı ve her gün gelişmenizi sağlayacaktır.

Bu kadar. Tekrar görüşürüz ve iyi şanslar.

Öyleyse tanımlayalım: işinizi hızlandırmak için bir araca ihtiyacınız var. Yani, tüm işlevlere mükemmel şekilde hakim olmanıza gerek yok, hızlı çalışmayı öğrenmeniz gerekiyor. Hangi aracı seçerseniz seçin, öğrenin önemli fırsatlar ve tüm kısayol tuşlarında ustalaşın.

Bunları otomatik olarak nasıl kullanacağınızı öğrenin ve ardından daha gelişmiş özelliklere geçin. Basit siteler tasarlamak için yazı tipini ayarlayabilmeniz, çizim yapabilmeniz yeterlidir. basit şekiller, katmanlarla çalışın, renkleri değiştirin vb.

Pirinç. 7.0: Sitemi birkaç temel araç, bir yazı tipi ve üç renk ile tasarladım.

Aletinize alıştığınızda, farklı fikirleri (daha iyi sonuçlar elde etmenize yardımcı olacak) hızlı bir şekilde test edebilir ve işi zamanında bitirebilirsiniz (bu, müşterilerinizi ve işverenlerinizi mutlu eder!).

Tasarım öğrenmeye yeni başlıyorsanız veya uzun süredir başka bir araca geçmek istiyorsanız, birkaç seçeneği denemenizi ve en uygun olanı seçmenizi tavsiye ederim. Hepimizin kendi yaşam deneyimleri ve alışkanlıkları var. Herhangi bir nedenle bir programı beğendiyseniz, büyük olasılıkla çok daha hızlı ustalaşacaksınız.

Bir noktada başka bir araca geçmeniz gerekebileceğini anlamak önemlidir. Çoğumuz Photoshop'u yıllardır piyasada alternatifi olmadığı için kullanıyoruz. Son birkaç yılda durum kökten değişti.

Web'de tasarım uzun zamandır statik olmaktan çıktı ve tasarım ile kod arasındaki boşluğu doldurmaya çalışıyoruz. Büyük olasılıkla, yakın gelecekte birçok yeni özellik ve hatta araç olacak.

Popüler Tasarım Yazılımı

Bir tasarım aracı seçerken, yalnızca programın hızı ve kalitesi değil, aynı zamanda profesyonel bir ortamdaki popülaritesi de önemli bir rol oynar. Aynı yazılımı kullanıyorsanız, diğer tasarımcılar ve geliştiricilerle (örneğin büyük ölçekli bir projenin parçası olarak) çalışmanız daha kolay olacaktır.

1. Kroki- 99$/yıl (yalnızca Mac)

Şekil 7.1: Eskiz

Mevcut projelerimin çoğu için Sketch kullanıyorum. Araç çok hızlı, sezgisel ve kullanımı oldukça kolay (Photoshop'tan sorunsuz bir şekilde geçiş yaptım). Sketch, en popüler tasarım uygulamalarından biridir, bu nedenle çoğu geliştirici ve tasarımcı buna aşinadır.

Sketch, tasarım için ihtiyacınız olan her şeye sahiptir: kılavuzlar, ızgaralar, semboller, görüntüleri perspektifte dönüştürme (iOS'ta tasarımları önizlemek için), vektör düzenleme, prototip oluşturma, kitaplıklar, varlık dışa aktarma, bulut (tasarımları ve kitaplıkları paylaşmak için) ve hatta kod dışa aktarma . Ve bunun için birçok eklenti ve kaynak var.

Sketch'in en büyük dezavantajı, yalnızca Mac'te çalışmasıdır. Ancak, aşağıdaki gibi uygulamalar için projeleri dışa aktarmak mümkündür. InVision ve zeplin özellikler ve geliştirici kılavuzları oluşturmak için.

2. Figma– Ücretsiz veya ayda 12$ (web uygulaması)

Şekil 7.2: Figma

Figma nispeten yeni bir tasarım yazılımıdır. Muhtemelen Sketch'in en büyük rakibi ve çok hızlı büyüyor. Figma, Sketch ile aynı özelliklere sahiptir - ayrıca birden fazla tasarımcı aynı proje üzerinde aynı anda çalışabilir.

En havalı yanı, üç projeniz varsa Figma'nın tamamen ücretsiz olması ve ayda sadece 12 $ karşılığında tüm özelliklerin kilidini açmanız ve sonsuz sayıda proje oluşturabilmenizdir. Uygulama doğrudan tarayıcıda çalışır - bu nedenle, hemen hemen her işletim sistemi. Kullanıcı arayüzü Sketch ve Adobe XD'yi andırıyor: Bu araçlara aşina iseniz, o zaman hiçbir şeyde uzmanlaşmanıza bile gerek yok.

Yeni başlayan bir tasarımcıysanız ve henüz pahalı yazılımlara yatırım yapmadan şansınızı denemek istiyorsanız bu harika bir seçenektir. Figma'yı birkaç projemde kullandım ve benim için çok basit ve hızlı çalıştı.

3. Adobe XD– Ücretsiz (Mac ve Windows)

Şekil 7.3: Adobe XD

Adobe XD, profesyonel tasarım uygulamaları dünyasında bir başka güçlü oyuncu. Sketch veya Figma ile karşılaştırıldığında birkaç gelişmiş özellikten yoksun olmasına rağmen, UI tasarımı, tel çerçeveleme ve prototip oluşturma için harika olduğunu düşünüyorum.

İyi yanı, aracın hem Mac hem de Windows için ücretsiz olmasıdır (ancak akla getirildiğinde muhtemelen ödenecektir). Ayrıca, bu bir Adobe ürün grubudur - bu nedenle varlıkları Photoshop veya Illustrator gibi diğer araçlarla değiştirebilirsiniz.

Arayüz Sketch ve Figma'ya çok benzer, bu nedenle aynı anda üç araç kullanabilir ve aralarında sorunsuz geçiş yapabilirsiniz (bazı kısayol tuşlarının farklı olması dışında!).

4. InVision Stüdyosu– Ücretsiz (beta versiyonu, erken erişim imkanı ile)

Şekil 7.4: InVision Studio

InVision Studio, hala beta aşamasında olan ancak umut verici görünen yeni bir tam yığın aracıdır. Arayüz, tasarım araçları için halihazırda modern standart haline gelen Sketch ve Figma'nın bir kopyasıdır.

InVision Studio ile biraz oynuyorum ve diğer InVision ürünleriyle genel olarak iyi bir deneyime sahip olduğumdan, resmi sürüm çıktığında bu adamların başarılı olacağına eminim.

5. web akışı– Ücretsiz veya aylık 16$ (web uygulaması)

Şekil 7.5: Web akışı

Webflow, doğrudan kendi platformlarında barındırılabilen (veya başka bir yerde dışa aktarılıp barındırılabilen) işlevsel ve duyarlı web siteleri oluşturmak için eksiksiz bir araçtır.

Tasarımdan koda araçların hayranı değilim çünkü oluşturulan kod genellikle çok iyi performans göstermez ve ayrıca onunla çalışmak zordur. Ancak, Webflow çok iyidir. CSS kodu üzerinde tam kontrole sahipsiniz, ayrıca araç, tarayıcıdaki tüm tasarım öğeleri gerektiği gibi davrandığından HTML ve CSS'nin nasıl çalıştığını size gösterir.

Webflow'un hızlı prototipler, basit web siteleri, bir çağrı cihazı ve benzerlerini oluşturmak için harika olduğunu düşünüyorum. Tanıdığım birçok profesyonel tasarımcı Webflow kullanıyor - bu yüzden daha yakından bakmaya değer!

6. Adobe Photoshop– Ayda 20,99 ABD Doları veya Creative Cloud'un bir parçası olarak (ayda 52,99 ABD Doları)

Şekil 7.6: Adobe Photoshop

Photoshop'u listenin en sonuna koymam tesadüf değil. Photoshop çok popüler bir web sitesi tasarım yazılımıdır, ancak Sketch, Figma ve diğer araçlara karşı savaşı kaybediyor. Hâlâ Photoshop kullanıyorsanız sorun değil, ancak yakın gelecekte başka bir araca geçmeye hazır olun.

Mevcut web geliştirme standartları bizi projeleri daha esnek hale getirmeye, koda daha da yaklaşmaya, tasarım sistemi çerçevesinde çalışmaya zorluyor. Photoshop, yukarıdaki araçlara kıyasla çok yavaştır ve çok büyük dosyalar oluşturur.

Yine de Photoshop'u fotoğraf işleme, grafikler ve çizimler için kullanıyorum.

Şekil 7.7: Sketch, Figma ve Adobe XD arayüzlerinin hızlı karşılaştırması. Bakın ne kadar benziyorlar!

İşyerinde kullandığım diğer araçlar:

İşte süreçte kullandığım araçların tam listesi.