Her Web Tasarımcısı için Temel Araçlar
Her web tasarımcısı, işlerini yapmak için doğru araçları gerektirir. İyi hazırlanmış orijinal tasarımlar yaratmak için, bundan kesinlikle ilham almanız gerekir.
Bu noktaya ulaşmak bazen web tasarımı alanında en zorlu görevdir. Neyse ki, bizim ve diğer tasarım topluluğumuz için, işi daha hızlı ve daha verimli bir şekilde tamamlamaya yardımcı olacak araçlar mevcut.
Aşağıda, herhangi bir web tasarımcısı için önerdiğim araçların bir listesini hazırladım. Bu sayfalara yer imi eklediğinizden emin olun, böylece sahip olduğum avantajlardan yararlanın!
Renk
Adobe Kuler (ücretsiz)
Adobe tarafından sunulan, üyelerine seçtikleri renk şemalarını yükleme, oluşturma ve düzenleme olanağı veren harika bir araç.
Pictaculous (ücretsiz)
Mailchimp'in yaratıcılarından, herhangi birinden farklı bir renk paleti üreteci gelir. Özel bir renk şeması oluşturmak için görüntü içindeki bir görüntüyü ve renkleri basitçe örnekleyin.
Colorzilla (ücretsiz)
Google Chrome için ColorZilla, web geliştiricilerine ve grafik tasarımcılarına renkle ilgili görevlerde yardımcı olan bir eklentidir - hem temel hem de gelişmiş.ColorZilla, bir Renk Seçici, Göz Damlası, Degrade Üreteci ve birçok ek gelişmiş renk aracı içerir.
Dribbble.com (ücretsiz)
Birçok tasarımcı büyük ilham almak için dribbble.com'a yöneliyor. Genel terimleri araştırabilirsiniz, ancak daha iyi bir renkle arama yapabilirsiniz. Dribbble.com adresini ziyaret edin ve en üstteki gezinme bölümündeki keşfet bağlantısını tıklayın ve ardından tasarımlarınız için renklere göre ilham almak için renkleri seçin.
Hues (2.99 dolar)
Web uygulamaları yerine yerel uygulamalarla ilgileniyor musunuz? Dev kuyruklu yıldızdan gelen Hues, sizin için bir renk şeması aracıdır. Uygulama mağazasından yalnızca 2,99 ABD doları değerinde çalışmakta olduğunuz herhangi bir projedeki renkleri örnekleyebilirsiniz.
matbaacılık
Google Web fontları (ücretsiz)
Google'ın, herhangi bir web tasarımcısı için harika bir şekilde kullanabileceği çok sayıda web yazı tipi vardır. Projelerinize ücretsiz ve inanılmaz derecede kolaydırlar.
Yazı tipi sincap (ücretsiz)
Font Squirrel ücretsiz, elle seçilmiş, yüksek kaliteli, ticari kullanımlı yazı tipleri için en iyi kaynaktır. Bu olsa bile, onları almak için başka bir yere gönderirler.
Kayıp Tip (1 $ 'dan)
Kayıp Tip Co-Op, türünün ilk örneği olan bir İstediğiniz Ne Tür İstesin Tipi Dökümcüsüdür. Çok sayıda yazı tipi ile herhangi bir web tasarımcısı tasarımlarını bir sonraki seviyeye taşıyabilir.
Typecast (ayda 29 dolar)
Typecast, hızlı bir şekilde stil oluşturmanıza, okunabilirliği kontrol etmenize ve çalıştığınız gibi işlem yapmanıza olanak veren çok değerli bir araçtır. Web yazı tiplerini indirmek ve bir Photoshop belgesinin içinde sürekli olarak okuyabilme şeklini değiştirmek yerine, bu yeni teknoloji herhangi bir tasarımcının iş akışına yardımcı olacaktır.
Wireframing
Balsamiq (79 $ 'dan başlayan)
Balasmiq kullanıcı deneyimleri maketlerini üretmek için kullanılan hızlı bir wireframing aracıdır. Onların kabataslak UI tasarımı, akılda kullanıcılar ile tasarım söz konusu olduğunda beyin fırtınası ve eleştirel düşünme için bir araç olduğu gerçeğini kucaklar. Web, mobil ve tabletler için tasarlama seçenekleri mevcut ve uygulanması kolaydır.
moqups (ücretsiz)
moqups wireframe, mockups veya UI kavramları oluşturmak için kullanılan bir HTML5 uygulamasıdır. Mevcut stil ve özellikler balsamiq'e çok benzer. Her şey, hangi aracın daha rahat kullanıldığına bağlı.
Mockflow (ücretsiz)
Mockflow, yukarıda bahsettiğim çift gibi bir çevrimiçi tel çerçeveleme aracıdır. Temiz bulduğum özellik, işbirliği araçlarıdır. Başka bir kullanıcının, değişiklik veya endişelerinizi görebilmesinin yanı sıra önemli kullanıcı arayüzü kararları veya işlevleri ile ilgili olarak canlı olarak birbirinizle sohbet etmesine izin vermek için notlar oluşturabilirsiniz.
Google Çizim (ücretsiz)
Birçok web tasarımcılarının yayınladığı değerli bir araç Google Çizim'dir. Balsalmiq veya moqups gibi herhangi bir ön ayar içermiyor olsa da, çevrimiçi google sürücünüzde saklayabileceğiniz tamamen ücretsiz bir hizmet. Başlamak için sadece bir gmail adresine ihtiyacınız var.
Photoshop / Indesign / Fireworks (aylık 49.99 $)
Benim düşüncemdeki en kolay çözüm, sıfırdan bir tel kafes oluşturmaktır. Bu rotaya gitmek, sadece pek çok tel çerçeveleme aracı gibi ön ayarlı UI çözümleri yerine yaratıcılığınız ve hayal gücünüzle sınırlıdır. Daha uzun sürebilir, ancak sonuç, her bir kullanıcı deneyimini bir web sitesi, uygulama, mobil web sitesi veya tablet uygulaması olmak için daha kişisel ve özelleştirilmiş hale getirir.
Yerleşim ve Boilerplate
960 Izgara (ücretsiz)
960 ızgarası web’in ölçütüdür. Her iyi web tasarımcısı, web tasarımını son kullanıcı için daha kullanışlı hale getirdiği için, düzenleri için temel bir kılavuz kullanarak önemi anlayacaktır. İndirme işlemindeki beraberindeki photoshop eylemleri, bana kontrol edilmek üzere çok sayıda saat uyumluluk sorunu kaydetmemi sağladı.
1140 CSS Grid (5 $ bağış)
Daha geniş bir ızgara genişliği ile ilgileniyorsanız, 1140 CSS ızgarasını mükemmel bir başlangıç noktası olarak öneririm. Tam ızgara 1280 monitöre mükemmel uyum sağlar ve daha küçük monitörler veya cihazlar için ızgara sıvılaşır ve tarayıcının herhangi bir genişliğine uyar.
Bootstrap (ücretsiz)
Kutudan önceden hazırlanmış bir kullanıcı deneyimi arıyorsanız, önyükleme en iyi arkadaşınız olur. Tamamen uyarlanabilir ve önyükleme için seksi olan çerçeve ile birlikte pek çok özellik vardır.
LessFramework 4 (ücretsiz)
Daha az, web sitelerini gerçekten uyumlu hale getirmeye adanmış bir çerçevedir. Piyasadaki neredeyse tüm cihazlara uyacak şekilde yapılır. Hepsi tek bir ızgaraya dayanan 4 düzen ve 3 set tipografi ön ayarı içerir.
İskelet (ücretsiz)
İskelet, herhangi bir web sitesi için harika bir başlangıç noktasıdır. Basit, hafif yapısı, çerçevenin gerçekte nasıl çalıştığına bakmadan işe başlamak isteyenlere fayda sağlar.
Zurb Vakfı (ücretsiz)
Vakıf, kendilerine göre, dünyanın en gelişmiş duyarlı ön uç çerçevesi olan Foundation 4'ü yayınladı. Pek çok yeni eklenen özellik ve harika şablonlarla başlamak için gerçek bir hayran olduğumu söyleyebilirim. Test sürüşü bugün.
CSS'yi sıfırla (ücretsiz)
Kuşkusuz, dünya çapında tanınan bu tarayıcı CSS sıfırlaması, herhangi bir web tasarımcısının tasarımlarını herhangi bir platform veya tarayıcıda sunması için mutlak bir zorunluluktur.
İçerik yönetimi
WordPress (ücretsiz)
İçerik Yönetim Sistemleri söz konusu olduğunda, WordPress pastayı alır. Aslında en popüler blog gönderme platformu, CMS dünyasında bu ve daha fazlası haline geldi.
Joomla (ücretsiz)
Joomla, dünya çapında milyonlarca kişi tarafından kullanılan popüler bir CMS'dir. WordPress gibi CMS ile yüklü olan varsayılan düzen, kullanıcı dostu ve mobil kullanıma hazırdır.
İfade Motoru (299 $)
EllisLab tarafından geliştirilen Expression Engine, Codeigniter adlı açık kaynaklı bir PHP çerçevesinin yardımıyla oluşturulmuş bir CMS'dir. Apple, Ford, Nike ve Sony gibi pek çok büyük şirket, kendi taleplerini karşılamak için Expression Engine'i seçiyor. Sonuç olarak, Expression Engine ücretsiz bir CMS değildir, ancak gelecekteki çalışmalarınız için aşina olduğunuz bir kopyasını okumaya ve / veya indirmeye kesinlikle değer.
Drupal (ücretsiz)
Drupal, milyonlarca web sitesini ve uygulamasını güçlendirmek için açık kaynaklı bir içerik yönetim platformudur. Dünyanın dört bir yanındaki aktif ve farklı bir topluluk tarafından inşa edilmiş, kullanılmış ve desteklenmiştir. Drupal, bloglardan kapsamlı web uygulamalarına kadar her şey için kullanılabilir.
Radyant CMS (ücretsiz)
Radiant, akılda tutulması gereken küçük ekiplerle tasarlanmış, açık kaynaklı bir içerik yönetim sistemi değildir. Sloganları her şeyi söylüyor: içerik yönetimi basitleştirildi.
Yararlı Uygulamalar, Eylemler ve Kaynaklar
GuideGuide (ücretsiz)
GuideGuide anında mükemmel ızgaralar oluşturmanıza olanak veren harika bir photoshop uzantısıdır. GuideGuide kullanarak tek bir tıklamayla daha doğru sütunlar, satırlar, orta noktalar ve taban çizgileri oluşturabilirsiniz.
iOS Photoshop Eylemleri ve İş Akışları (ücretsiz)
En sevdiğim kaynaklardan biri bjango.com adlı bir web sitesinde. Bu makalede, Bjango tarafından oluşturulan eylemlerin ve iş akışlarının ayrıntılı bir listesi bulunmaktadır. İPhone veya iPad için yeni şablonlar oluşturma işlemleri basit bir tıklama ile yapılır veya bir iPhone uygulaması için bir uygulama simgesi tasarlıyorsanız, uygulamayı her piksel genişliğine ve yüksekliğine gereken şekilde yeniden boyutlandıran harika bir eylem vardır. Bu keşif, benim için altın bulmanın eşiğiydi.
Kişiler (ücretsiz)
People tarafından, tüm ücretsiz ve kullanımı kolay kaynaklarla dolu harika ve basit bir web sitesi özelliği.
Temboo (ücretsiz)
Temboo, geliştiricilerin yazılımlarını benzersiz kılan şeylere odaklanmalarını sağlar. Temboo, zamandan tasarruf etmenizi ve ihtiyacınız olan yaratıcı alanı size ulaştırmak için API'lere, veritabanlarına ve daha fazlasına erişimi normalleştirir.
LittleIpsum (ücretsiz)
Bunu indirin! Mac'te web tasarımcısıysanız, bunu her gün kullanacaksınız. Söz veriyorum!!
harika-fontstacks.com (ücretsiz)
Başar Fontstacks, web yazı tiplerini anında karıştırmanıza ve eşleştirmenize yardımcı olacak harika bir çevrimiçi araçtır. Fontstack'ınızdan memnun olduğunuzda, hazır CSS koduna sahip olursunuz.
Kod Düzenleyicileri
Coda 2 (99 $ 'dan başlayan)
Koda bana tanıtıldığından beri hayranım. Genelde diğer kod editörlerini coda ile karşılaştırıyorum ve benim için Coda her zaman savaşı kazanıyor. Bu sizin için farklı olabilir, ancak henüz yapmadıysanız, coda'ya deneme yapmayı öneririm. Coda2, web için kodlamayı kolaylaştıran özellikleri ve kullanımı kolay kullanıcı arayüzü ile doludur.
SublimeText 2 (70 $)
SublimeText 2, Coda ile benim için orada. Bir ton özelliği vardır ve uygulamanın şık UI'si, kendi projeleriniz için kullanılabilir durumda olması için uygulama ile uğraşmak yerine kodlama sürecine konsantre olmanızı sağlar.
TextMate (59 $ 'dan itibaren)
TextMate, Apple'ın işletim sistemlerine yaklaşımını metin editörlerinin dünyasına taşır. Kullanımı basit ve kolaydır ve diğer birçok Code Editors'dan daha az ekran alanı alır.
Aptana Stüdyo (ücretsiz)
Aptana Studio, sektörün önde gelen web uygulaması IDE'sidir. Hem Mac hem de PC için mevcut olan bu yazılım, aklınıza gelebilecek her türlü uygulamayı kodlamak için inanılmaz bir potansiyele sahiptir.
BBEdit (49.99 $)
BBEdit Mac için profesyonel bir HTML ve metin editörüdür.
FTP İstemcileri
CyberDuck (23,99 $)
En sevdiğim FTP istemcisi CyberDuck. Web sunucularına, yerel sunuculara, erişim cihazlarına ssh yoluyla ve daha fazlasına bağlamanın sonsuz yolları vardır. Hem Mac hem de PC platformları için harika bir araç.
FileZilla (ücretsiz)
FileZilla ücretsiz bir FTP çözümüdür. Aynı zamanda açık kaynak yazılımıdır.
İletim (34 $)
Coda'nın yapımcılarından İletim geliyor. FTP için çok hızlı ve etkili bir çözüm.
FireFTP (ücretsiz)
Fire FTP, Firefox kullanıcıları için mevcut bir istemcidir. Uygulama, mozilla tarayıcısına yerleşiktir ve dosyalarınızı aktarmanın hızlı ve kolay bir yolunu sunar.
Bu kaynakları denediniz mi? Favorilerinizi kaçırdık mı? Yorumlarda bize bildirin.