Wireframe-Mockup-Prototip: Hangi Aşamada Hangisi Kullanılır? (Şefin Cevabı) 22 Temmuz 2025 dakikada okunur Bugün size yeni bir konseptle merhaba diyorum: Tasarım ve kariyerle ilgili yazılarıma mutfak sosu ekleyerek devam edeceğim. Şimdiden Afiyet olsun 😉 HERKES HAMBURGER SEVER (Veganlar bile!) Tıpkı ağız sulandıran bir hamburgerin yapımında olduğu gibi, görsel tasarım süreçleri de aşamalı olarak ilerler. “Wireframe” ekmeğin şeklini belirlerken, “mockup” tüm malzemelerin görsel düzenini, “prototip” ise hamburgerin nihai tadını […]
Erişilebilirlik, Herkesin Hakkı! 11 Eylül 2023 dakikada okunur Erişilebilirlik denildiğinde, çoğu insanın aklına ilk olarak engelli bireyler gelir. Ancak, erişilebilirlik sadece engelli bireyleri değil, daha geniş bir kullanıcı grubunu kapsar. Erişilebilirlik; bir ortamın veya hizmetin, engelli bireylerin güvenli ve bağımsız bir şekilde kullanabilmesini sağlayan özelliklere sahip olmasıdır. Erişilebilirliğin kapsamını genişletmek için, “engelli” yerine “dezavantajlı” tabirini kullanmak daha doğru olacaktır. Dezavantajlı, bir konuda diğerlerinden geride […]
Erişilebilirlik, Hızlı Sonuç Alma Tutkusuna Kurban Edilmemeli 6 Eylül 2023 dakikada okunur 3 Dakikanız var mı? Bildiğiniz gibi Kamu İnternet Sitelerinde dikkat edilmesi gerekenlerle ilgili sık sık yazıyorum. Aceleye getirilen işlerin de ne kadar masraflı ve hatalı çıktığını da konuşmuştuk. Konuyu biraz açalım…
Örneklerle CSS Seçicileri (Selectors) ve :nth-child Kullanımı 14 Nisan 2023 dakikada okunur CSS seçiciler ön-yüz (frontend) tasarımcılar için hayat kurtarıcı, kolay yordamlardır. Her ne kadar UI ve UX tasarımcılar ve hatta yazılımcılar bu konuya eğilmeyi ihmal veya reddetseler de, öğrenildiğinde ne kadar kolay ve keyifli çözümler ürettiğini göreceksiniz. Öncelikle herkese karmaşık gelen :nth-child seçicisinin kullanımına bir bakalım. Bunu da bir şema ile gösterelim: first-child 1 2 3 […]
Web Sitenizin ve/veya Uygulamanızın Yeniden Tasarımı İçin 5 Adım 23 Nisan 2022 dakikada okunur Bir şeyler iyi gitmiyor, içinize sinmiyor veya şikayetler arttı. Belki de yenilik zamanı geldi diye düşünüyorsunuz ve mevcut uygulamanızı veya web sitenizi değiştirmeye karar verdiniz? Çok güzel. Peki hazır olduğunuza emin misiniz? Size önerim; aşağıdaki 5 adımı gözden geçirmeden paldır küldür bir şeylere girişmeyin: 1. Mevcut Tasarımınızı Değerlendirin Marka ve ilkelerinizi temsil etmeyen eski görseller […]
CSS Maskeleme ile Metinlere Resim Giydirme 18 Mart 2022 dakikada okunur CSS’in güzelliklerinden faydalanarak bir metine renk verebildiğimiz gibi, resim giydirme de kullanabiliriz. Siz de dikkat çekici başlıklar için, dilerseniz resimden oluşan başlıklar, yani resim giydirme / maskeleme kullanabilirsiniz. Bunun için anlatacağım yöntem: -webkit-background-clip . Bu yöntemde, metnimizi gerçekten metinsel olarak yazıyoruz. Böylece esnek, kolay değiştirilebilir ve dinamik başlıklar elde edebiliyoruz. <div class=”metinResim istanbul”>İSTANBUL</div> .metinResim { […]
Büyük (Kurumsal) Projelerde Tasarım Dili ve Tutarlılık 16 Mart 2022 dakikada okunur Kurumsallığı; logodaki renkleri, tasarımda da kullanmak” olarak gören zihniyeti artık pek çok tasarım profesyoneli geride bırakmış durumda. Yine de, maalesef, çoğu büyük projede tasarım dilinden ve tutarlılıktan halen söz etmek mümkün değil.
