Your address will show here +12 34 56 78
UI/UX
UI (ya da arayüz) tasarlarken her şeyde olduğu gibi bu işte de en öncelikli işlerinizden biri renk seçimi. Renkler de her şey gibi, en iyi, uyumlu ve dengeli olduğunda güzeldir. Bu yazımda UI tasarımında renk kullanımı ile ilgili bazı bilgiler paylaşacağım. 

İnsanlar istek yaparken aksini söylese de ne kadar az renk o kadar iyidir. Hatta sayı veriyorum 3! 3 ana renk seçin ve daha fazlasına ihtiyaç duyarsanız bu 3 ana rengin tonlarını kullanın.

60-30-10 kuralı

Bu kural aslında, iç mimaride kullanılan bir kuraldır ve aslında yazılı bir kural değildir tabi. Daha çok bir teknik diyebiliriz aslında 60-30-10 için. Bu verdiğimiz rakamlar aslında bütün içerisinde renklerin kapladığı alandır. Bu formül, bir denge duygusu yarattığı ve gözün bir odak noktasından diğerine rahatça hareket etmesine izin verdiği için işe yarar. Ayrıca kullanımı inanılmaz derecede kolaydır. Şöyle ki; %60 baskın renk, %30 ikincil renk, %10 üçüncül renk. Bu teknik uzun yıllardır kullanılan bir tekniktir ve kullanılmaya devam edecektir. Bu bir gerçek!


Renkler ve Anlamları

Ana konusu renkler olan bir yazıda elbette ki renklerin anlamlarından da bahsedecektik. Fakat bizim işimize yarayacak kadarını anlatıp bırakacağım. Ne derseniz deyin renklerin anlamlarından ziyade, insanda hissettirdikleri bir şeyler var. Kırmızı “aşk, tutku” anlamlarına geliyor deyince her ne kadar “hadi canım” deyip geçsek de bize hissettirdikleri buna yakın şeyler olabilir. Her ne kadar renkler kültürden kültüre farklılık gösterse bile yine de genel geçer bir his dünyası vardır diyebiliriz. Zarif, şık ve pahalı bir giyim markası düşünün; aklınıza gelen renkler siyah ve beyaz olacaktır. O yüzden bu tarz mağazaları her yerde görüyorsunuz. Kırmızı aşk ve tutk olabilir belki; ama aslında hissettirdiği daha ilkel bir duygudur ve o yüzden yiyecek markaları genelde bu renktedir. Konumuza dönecek olursak, projeye uygun renkler seçmek, o proje için en öncelikli şeylerden biridir. (Bu arada hali hazırda bir markanın kurumsal kimliği üzerinden yapılacak bir projeyse o noktada bir tasarımcı olarak, eğer kurumsal renk istenen sonuca varamyorsa dahiyane bir fikir bularak işi çözmelisiniz.)


Gri Tonlamalı Çalışmak

Tasarım aşamasında seçtiğiniz renklerle çalışmak çok güzel. Renklerle oynamak gibi oluyor hatta bazen; ama kimi zaman bu bir sıkıntı yaratabiliyor. 3 saat bir sayfa üzerinde çalıştığınızı düşünün sonrasında diğer sayfaya geçtiğinizde farkettiniz ki aslında renkler başka şekilde kullanılmalı! Bu durumda çok güzel bir 3 saat kaybetmiş olabilirsiniz. O yüzden her şeyi yerli yerine koyarken renk olarak gri tonlamalı çalışmak size büyük bir artı katacaktır. Her materyal nerede nasıl, hangi tonda görünecek çok rahat belirleyebilirsiniz ve olası durumlarda müdahale şansınız daha kolay olur.

Doğaya Bir Göz Atın

Doğada inanılmaz renk paletleri vardır. Renk seçiminde zorlanıyorsanız kendinizi doğanın şefkatli kollarına bırakın. Her tasarımınızda renk uyumlarını (kimi zaman zıtlıklar; ama yine de dengeli bir biçimde) yakalamanın en kolay yolu budur.


İlham Alın

Projeniz için renk seçimi yaparken ya da palet oluştururken diğer tasarımcıların neler yaptıklarına bakmaktan çekinmeyin. İnsanlar hangi renkleri, hangi renklerle beraber, hangi oranlarda kullanmış görmek size yeni kapılar açacaktır.


Kullanışlı araçlar

Renk seçimi için kullanışlı araçlar internette bulunuyor. Coolors.co, Adobe Kuler, Paletton.com gibi uygulama ve siteler size yardımcı olacaktır. Kullanmaktan çekinmeyin. Sözün özü renkte ustalaşmak çok zor bir iştir. Eğer bu konuda ustalaşmak istiyorsanız yapabileceğiniz tek şey aslında şudur; oynayabildiğiniz kadar renklerle oynayın.

UI tasarımında renk kullanımı ile ilgili bu yazıma da göz atabilirsiniz…

0

UI/UX

Web Font Nedir? Gerçekten Önemli midir?

Modern web ve mobil uygulamalar gelişmeden önce, grafik tasarımı basılı işlerde daha baskın haldeydi. Basılı işlerde, tasarımlar neredeyse tamamen tasarımcının kontrolü altındaydı. Düzen, yazı tipleri, tipografi, oranlar… Tasarımcı kağıda ne istiyorsa yapabiliyordu ve bu her kağıt üzerinde aynı görünüyordu.

Fakat!

O günler güzel günlerdi; ama artık kağıt değil ekranlar var. Web ve mobil tasarım konusunda işler biraz daha sıkıntılı. Bir web sitesi ya da mobil uygulama tasarlarken, basılı işlerde de ortak olan tasarım özelliklerinden başka, dikkat etmesi gereken başka şeyler de var;

Tutarlılık:

İnsanlar, web siteleri ya da uygulamaları farklı cihazlarda, farklı ekran boyutlarında, farklı tarayıcılarda ve farklı yazılım versiyonlarında görüntülüyor. Ortada tam bir keşmekeş var aslında. Bu keşmekeşin ortasında, tasarımın her yerde aynı görünmesini sağlamalısınız. (Internet Explorer hariç! Ne yaparsanız yapın o yine kendi bildiğini gösterecektir!)


web font nedir

Performans:

İnsanlar hemen sıkılır. Bu sıkıntı eşiği de günden güne düşüyor. Web siteniz yavaş yükleniyorsa, bu insanların sitenizden hemen çıkmasına sebep olabilir. Web sayfası tasarımlarının dosya boyutu büyüklükleri sayfanın yükleme süresinde en büyük etkenlerden biridir.


Kullanılabilirlik:

Bazı tasarım öğeleri ve yazı tipleri farklı ekran boyutlarına göre ya da yakınlaştırma işlemlerinde ölçekleme yapamayabilir. Times New Roman size hala güzel geliyor olabilir ya da Comic Sans; ama üzgünüm ayrılmanız gerekiyor. Ayrıca siz yine de kendi yazı tipinizi seçtiniz diyelim, tasarım ve kodlama aşamasında kullanılan yazı tipi siteye giren kişilerin bilgisayarlarında bulunmuyor olabilir. Bu da sizin tasarımınızdan farklı bir görüntüye yol açar.


Arama motoru sıralaması:

Arama motorları site içerisindeki yazıları tararlar. Özel bir yazı tipi ile yapılmış bir tipografiyi görsel olarak yüklerseniz arama motorları bunu algılayamayabilir. Bu kadar bilgiden sonra soruyoruz Web Font nedir? Yukarıda bahsettiğim detayları çözmek için, bilgisayarlarda bulunmayan özel fontları kullanmasına olanak sağlayan bir font türüdür. Tek bir ana serverda bulunan bu yazı tipleri sayesinde web sitesinin her cihazda, her kullanıcıya aynı görünmesinin önü açılmış oldu. Tüm dünyada şu an tüm web sitelerinin yaklaşık %65’i bu özel web yazı tiplerini kullanıyor. Yani ortada böylesine büyük bir hizmet varken kullanmamak akıl karı değil aslında.


0