Mudcu.be Ücretsiz Çevrimiçi Araçlar ile Web Tasarımını Daha Verimli Hale Getirin

İlan

Daha önce web tasarımında elinizi denediyseniz ve gerçekten sanatsal bir insan değilseniz, denklemin gerçek programlama olmayan “tasarım” kısmının biraz zorlanabileceğini biliyorsunuzdur.

Bazı insanlar için, ailemin görüntü oluşturma yazılımı satın almak için çok ucuz olan bazı üyeleri gibi, zorluklar logoları veya arka planları özelleştirmek istediklerinde ortaya çıkar. Bazı programcılar için, sorun CSS koduna ihtiyaç duyulduğunda ortaya çıkar ve en son CSS standartlarında hızlanmadılar.

En son web tasarım trendleri ve standartlarına ayak uydurmak için çok zaman harcayabilirsiniz. Çok sayıda WYSIWYG web tasarım aracının ortaya çıkmasıyla birlikte, web siteleri oluşturmak bu günlerde programcı olmayanların alanında programcılardan daha fazla düşüyor. Sorun şu ki, gerçekten yapmak istediğiniz şeyi yapmak için bir tasarım düzenlemeye gelince, bir programcıya geri dönmeniz gerekiyor, etrafta dolaşmak yok.

Neyse ki, yardım için bir programcıya gitmeye gitmeden önce yardımcı olabilecek birçok kaynak var. MUO'da, web tasarımını seviyoruz ve Ann’in gibi

Firebug incelemesi FireBug ile Web Sitesi Tasarımını Özelleştirme Amatör Kılavuzu Daha fazla oku ya da Steve’in harikalar listesi takip edilecek web tasarım blogları Takip Edilecek 6 En İyi Web Tasarım Blog'u Daha fazla oku .

Herkesin kullanabileceği gerçekten yararlı web tasarım araçlarının bir listesini sağlayan belirli bir site Mudcu.be.

Mudcu.be Web Tasarım Araçları

Mudcu.be, çok küçük bir bütçeyle (ya da bütçesiz) çalışan bir web tasarımcısı için temel araçlardan bir araç kutusu diyorum. Bu sitede bulacağınız araçlar grafiklere ve web sitenizin renklerini tasarlamaya veya koordine etmeye odaklanmıştır. Nihayetinde, renkler gerçekten bir tasarımı yapabilecek veya kırabilecek şeylerdir, bu yüzden bunlar kullanışlı olması için önemli araçlardır.

Kaliteli boya veya görüntü oluşturmak için yatırılacak paraya sahip olmayan kişilerden biriyseniz veya küçük bir dizüstü bilgisayar veya netbook ile seyahat ediyor ve web tabanlı bir resim düzenlemeye ihtiyacınız var çözüm. Mudcu.be'de yardımcı olabilecek bir araç Eskiz.

Sketchpad aracı, Windows Paint'ten farklı olmayan web tabanlı bir araçta istediğiniz görüntüyü hemen hemen oluşturmanıza olanak tanır. Ancak, Sketchpad'i bir süre kullandıktan sonra, Windows Paint'ten çok daha kolay ve daha esnek olduğunu hissettim. İşiniz bittiğinde, üstteki küçük disk görüntüsünü tıklamanız yeterlidir; az önce oluşturduğunuz görüntüyü bilgisayarınıza kaydedebilirsiniz. İşte bu kadar kolay.

Şimdi, Michael Deal'ın sitesinde sunduğu en havalı araçlar COLRD renk gradyan araçlarının seçimi. Bunlar, ihtiyacınız olan rengin tam tonunu bulmak için renk öğelerini dikkatlice ayarlamanıza izin veren bir dizi renk paleti aracıdır. Tonu, doygunluğu ve parlaklığı ayarlarsınız ve kırmızı, yeşil ve mavi seviyelerini ayarlarsınız ve isterseniz benzer renklerin kutusundan seçim yapabilirsiniz. İşiniz bittiğinde, oluşturduğunuz gölgenin renk kodu kaydırıcıların hemen üstünde listelenir.

COLRD araçları serisi, yukarıdaki uygulamalara benzer web uygulamalarını içerir. “Oluştur” menüsü yukarıdaki Renk aracından seçim yapmanızı sağlar veya Palet, Degrade veya Görüntü DNA'sı ile devam edebilirsiniz.

Diğer araçlar açıklayıcıdır, ancak Image DNA gerçekten bahsetmeye değer. Bu araçla, bilgisayarınızda olabilecek herhangi bir resmi açabilir ve ardından fotoğraftaki renkleri tanımlamak için aracı kullanabilirsiniz.

Bunun gibi bir aracın güzelliği, web sayfanızda belirli görüntüleri kullanmayı planlıyorsanız, bu web uygulamasının size web sayfanızda kullanabileceğiniz ve fotoğrafınızdaki baskın renklerle mükemmel şekilde eşleşen renkleri belirleyin. Bu, amatör web tasarımcılarının bir web sayfasında renk çakışmasıyla ilgili çok yaygın sorunun üstesinden gelmesine yardımcı olabilir - neyin iyi bir tasarım olabileceğini acımasız bir web sitesine dönüştürür.

İğrenç web sitelerinden bahsetmişken, bu gün ve yaşta, neden insanlar hala 1990'lardan çıkmış gibi görünen kötü arka planlara sahipler? Web sitenizin renklerini ve resimlerini yukarıdaki araçlarla sıraladıktan sonra, Arka Plan Oluşturucu.

Bu web uygulaması, arka planınız için uzun bir "dokular" listesinden seçim yapmanıza izin verecektir. Bazıları doğru yerleştirmezseniz sevimsiz görünebilir, ancak kullanırsanız birçoğu gerçekten iyi görünüyor renk gölgesinde ince ayar yapmak için Degrade seçimleri yapın, böylece resimleriniz ve web sitenizle iyi görünür renkler. İşiniz bittiğinde, "CSS Oluştur" düğmesini tıkladığınızda CSS kodu sizin için oluşturulur. Bundan daha kolay olamaz.

Araç, gerçekte uygulamadan önce web sayfanızdaki arka planı test edebileceğiniz bir “simülatör” özelliği ile birlikte gelir. Simülatörü Google.com'da çalıştırdığımda şöyle görünüyor.

Michael rengi seviyor ve hiçbir araç bunu ondan daha fazla göstermiyor Renk Küre. Web sitesinde onu tanımladığı şekilde, renk küresi, ortaya koyduğu formülleri kullanarak “renk uyumlarını görselleştirmenize” izin veriyor. Aslında oldukça etkileyici çünkü kırmızı renklerle belirli bir renk seçimiyle başlamanıza izin veriyor - ve sonra seçim renginizi “uyum” içinde akan diğer renklerin bir gradyanına böler. Bunlar, tüm renklerin birlikte iyi çalışmasını sağlamak için web sitenize yapıştırmak istediğiniz renkler olacaktır

Sadece bir süre Renk Küresi ile oynarken, hangi formülleri kullandığını bilmememe rağmen, renk seçimlerinin birlikte iyi çalıştığını söylemeliyim.

Michael’ın bahsetmeye değer uygulamalarından bir diğeri aslında bir Appspot teklifi Daltonize. Bu, sahip olduğunuz renk körlüğü türünü tanımlamanıza ve ardından bunu kullanmanıza izin veren gerçekten etkileyici bir araçtır. tarayıcınızın web sayfalarını renk körlüğünüzü içine alan bir biçimde görüntülemesini sağlamak için seçim hesap.

Yer işaretini tarayıcınıza yükledikten sonra, talimatları uygulayarak araç çubuğunuzda (en azından Chrome'da) bir küre simgesi görürsünüz. Daltonize ayarları, tarayıcıyı her açtığınızda renk görme eksikliklerini belirlemenizi sağlar ve ayrıca renk körlüğü türü seçimini istediğiniz zaman değiştirebilirsiniz.

Renk körlüğü filtresini kullandığınızda ortaya çıkan sayfa şöyle görünür. Renk körü değilseniz, aşağıdaki resim normalde başlık kenarları ve simge rengi için turuncu bir gölgeye sahip olan blogumu parlak mor bir renk olarak gösterecektir. Ayrıca sitedeki bazı görüntüleri de renklendirmiş gibi görünüyor. Çok etkileyici bir araç!

Bu, Mudcu.be'de bulunan her tasarım aracının bir listesi değildir, bu nedenle renk sizin işinizse veya web tasarımınıza daha iyi renk katmanın yollarını arıyorsanız, bu site mutlaka ziyaret edilmelidir.

Web tasarım çabalarınızda renklerle hiç mücadele ettiniz mi? Bir şeyleri eşleştirmek için hangi araçları veya teknikleri kullanıyorsunuz? Düşüncelerinizi ve görüşlerinizi aşağıdaki yorumlar bölümünde paylaşın!

İmaj Kredisi: web tasarımı Via Shutterstock