Bir web tasarımcısının ihtiyaç duyacağı 8 araç

2024 Yazar: Malcolm Clapton | [email protected]. Son düzenleme: 2023-12-17 04:13

Screensize.es

Screensiz.es, en yaygın akıllı telefon, tablet ve monitör modellerinin ekranlarının fiziksel boyutlarını, ekran çözünürlüğünü, en boy oranını ve diğer birçok parametresini kolayca bulmanıza yardımcı olabilecek bir sitedir. Tüm bilgiler basit ve anlaşılır bir biçimde gelir - bir tablo şeklinde. BlackBerry Playbook, Microsoft Surface Pro ve Barnes & Noble Nook dahil olmak üzere onlarca farklı Android cihaz, tablet var. Daha az yaygın cihazlar için, ihtiyacınız olan bilgiyi bulmak da oldukça kolaydır. Screensiz.es ayrıca Google arama istatistiklerine ve bir dizi başka kritere dayalı bir cihaz popülerlik derecesi sunar.

İnce desenler

İnce Desenler, web siteleriniz için arka plan olarak kullanabileceğiniz çok çeşitli arka plan desenleri sunar. Sade ama hoş desenler, düz beyaz bir arka plandan daha fazlasını isteyen minimalist tasarım meraklılarının zevklerini tatmin edecek. Sitenin en iyi özelliklerinden biri, belirli bir kalıbın sitenizde nasıl görüneceğinin bir önizlemesidir. Tüm desenlerin ücretsiz olarak hizmetinize sunulduğuna dikkat edilmelidir.

Kayıp Tip

Favori sitenizde gördüğünüz yazı tipini hatırlıyor musunuz? Bu yazı tipinin, çalışmalarını oraya istediğiniz kadar öde fiyatıyla satışa sunan birçok tasarımcıyı bir araya getiren Lost Type sitesinden alınmış olma ihtimali yüksek. Belki de Kayıp Tip, her tasarımcının (sadece değil) bilmesi gereken siteler listesine atfedilebilir. Web'de yüksek kaliteli benzersiz bir yazı tipi alabileceğiniz ve bunun için çok para ödemeyeceğiniz pek fazla yer yok.

kırmızı kalem

Red Pen, çok önemli bir görevi başka hiçbir sitede olmadığı gibi basit ve hızlı bir şekilde çözmenize olanak tanır. Grafik çalışmanızı veya düzeninizi sitedeki özel bir pencereye sürüklersiniz ve hizmet size sosyal ağlarda yayınlayabileceğiniz benzersiz bir bağlantı verir. Bu bağlantıya tıklayarak, herhangi biri fareyi herhangi bir yerde tıklatabilir ve gördükleriyle ilgili yorumlarını ve yorumlarını oraya bırakabilir. En geniş kitleden hızlı geri bildirim almak için vazgeçilmez bir araç.

Desen dokunun

Pattern Tap, kelimenin geleneksel anlamında bir araç değildir, ancak bir tasarımcı için kesinlikle kullanışlı olacaktır. Pattern Tap'ın amacı, web sayfalarının çeşitli öğeleri için size fikir vermektir. Örneğin, site örnek 404 sayfalık geniş bir liste, müzik çalarlar, düğmeler, içerik haritaları ve daha fazlasını içerir. İlhamınız biterse, bir fikrin çeşitli enkarnasyonlarına bakmak sizi doğru yöne itebilir. Tek bir sitede toplanmış geniş bir fikir yelpazesinin parmaklarınızın ucunda olması, Web'de durmaksızın gezinmekten, tonlarca görsel bilgiyi gözden geçirmekten çok daha iyidir. Pattern Tap ayrıca renkler, stiller ve öğe türleri gibi kriterlere göre arama yapmanızı sağlar.

Blok yazı tipi

Blokk adı kendisi için konuşur. Çoğu zaman, mizanpajları tasarlarken, tasarımcının metinle doluluğunu göstermesi gerekir, bu da çoğu zaman gereksiz ekstra çabaya yol açar. Bir tür Lorem Ipsum tarzı metin oluşturucu kullanabileceğiniz açıktır, ancak daha şık bir çözüm de vardır. Blokk yazı tipi, klavyeden (fywalge) yazılan anlamsız kelimeleri ince ve güzel bir şeye dönüştürür. Anlamsız Latince ifadeler yerine, metin satırlarını taklit eden ince çizgiler elde edersiniz.

Brankic1979 tarafından belirlenen simge

Uygulamaların, web sitelerinin ve diğer projelerin tasarımı için mükemmel, harika bir ücretsiz simgeler seti. Rakamlardan dişlilere ve mikrofonlara kadar bu set 350'den fazla parça içerir ve kesinlikle içinde değerli bir şeyler bulacaksınız. Ana şey, simgelerin hem kişisel hem de ticari kullanım için ücretsiz olmasıdır.

Dolu pikseline göre renk

Tabii ki, renk seçicilerin sıkıntısı yok. Bu, bir tasarımcının her zaman el altında olması gereken araçlardan biridir ve Color by Hailpixel kesinlikle dikkat etmeye değerdir. Web sitesi açılacak ve size tek bir siyah bağlantı (# 000000) içeren boş bir ekran gösterecektir. İmleci ekranda hareket ettirdikçe, arka plan renginin nasıl değiştiğini göreceksiniz ve ortadaki pencere bu rengin ilgili hex kodunu gösterecektir. Fare ile tıklamak, bu rengin sayısal değeri ile mevcut rengin bir şeridini oluşturacaktır. Böylece, farenin hareketleriyle, daha fazla kullanım için istediğiniz renklerden oluşan bir palet toplayabilirsiniz. Kaydedilen her şeritte bulunan "dişliye" tıklamak, RGB ve HSL değerlerini daha doğru bir şekilde ayarlayabileceğiniz o renk için ayarların bulunduğu bir panel getirecektir. Harika bir araç.

Kendi favori çevrimiçi araçlarınız var mı? Yorumlarda bize bildirin.