bootstrap

Bootstrap nedir? Nasıl kullanılır?

Açık kaynak kodlu, ücretsiz bir CSS frameworktür, tasarım aracıdır. Kolayca telefonlar, tabletler ve masaüstü bilgisayarlar için farklı ve cihaz büyüklüğüne uygun şekilde sitenizin gözükmesini sağlayan temalar/tasarımlar yapabilirsiniz. Bir site için gerekli olan tüm elemenleri (form ögeleri, etiketler, tablolar, uyarı ve bilgi metinleri, navigasyon bar, sayfalandırma modülü, açılan menüler, farklı özellikte butonlar vb bir çok tasarım…

the-colors-of-ios7

App Store’daki iOs7 uygulamalarının ikonlarının popüler renkleri

iOs App Store’daki popüler uygulamaların ikonlarının renklerini hiç merak ettiniz mi? Evet merak edenler varmış ve bununla ilgili App Store’daki her kategorinin en popüler 5 uygulamasının ikonlarına bakıp bir renk histogramı şeklinde en çok kullanılan renkleri çıkarmışlar ve infografik hazırlamışlar. Siz de uygulamalarınız için ikon tasarlamadan önce bu renklere bir göz atabilirsiniz.     Kaynak: http://blog.brandisty.com/brand-management-blog/colors-of-the-ios7-app-store/

mobilveriler2013

2013 Yılı Mobil Verileri

Super Monitoring’in 2013′te mobilin büyümesi ile ilgili hazırladığı infografiği sizinle paylaşıyorum. İnfografikte mobil telefon penatrasyonu, akıllı telefon penetrasyonu, popüler mobil web tarayıcılar, mobilde medya tüketim alışkanlıklarına kadar 2013′ün şu ana kadar ki en güncel bilgileri mevcut. Masaüstü bilgisayarlar artık yerini mobil cihazlara bırakıyor. Hızlı bir yaşam döngüsünde olan insanlar bilgiye hızlı ve kolay erişmek istiyor…

flatdesignbaslik

Flat Tasarım (Düz Tasarım)

Tasarımlarda yeni trend artık Flat Design. Bu tasarım stili sade, temiz, düz, kolay anlaşılır ve efektsiz ögelerden oluşur. Bugün artık herkes flat design için basitliği ve sadeliği kabul ediyor ve günümüz trendi olduğu Microsoft’un Metro UI tasarımından sonra IOS7 ile Apple tarafından da kullanılarak bir kez daha tasdik edildi. Artık Flat Design her yerde karşımıza…

retina-ekran-title-image

Retina Ekranlarda Net Görüntüler Elde Etme ve Web Sitelerini 2 Kat Büyük İmajlar İçin Optimize Etme

Retina tam olarak nedir biliyor muyuz? Bu ekranları bu kadar hayret verici yapan nedir veya tasarımcıları veya geliştiriciler için bu ekranı kabus yapan nedir? Bu teknolojiyi anlamak için okumaya devam edin ve bu yolla çeşitli şekillerde retina ekranlar için resimleri optimize edebilirsiniz. Normal ekranlardan baktığımızda çok net olan resimler neden retina ekranlı cep telefonlarında, akıllı…

responsive-design

Responsive Design/Duyarlı Tasarım

Çoğalan mobil teknoloji cihazlarıyla  birlikte her tip ekran çözünürlüklerine göre(akıllı telefonlar, tabletler, notebook,  netbook ve desktoplara göre)  tasarım geliştirmek bizim gibi tasarımcıların korkulu rüyası olmasın diye responsive design yani duyarlı tasarım artık olmazsa olmaz bir trend oldu. Responsive design/duyarlı tasarım ekran çözünürlüklerine göre özel gösterilen tasarımlar yapmak yerine bu ekran çözünürlüklerine duyarlı olarak görünen tasarımlardır.…

Blue-UI-Kit[2]

40 Ücretsiz Mobil Kullanıcı Arayüzü Tasarım Örnekleri

Akıllı mobil telefon pazarı artık öyle bir gelişim sürecine girdi ki tasarımcılar arasında  artık mobil kullanıcı arayüzü geliştirme ihtiyacı olmaya başladı. Her tasarımcı mobil arayüz tasarımlarında,  projelerinde mükemmel grafikler tasarlamak istiyor. UI projeleri için tasarımcılar zamanında işleri yetiştirebilmek için hazır bazı basit grafik unsurlarını (butonlar, text fieldlar, ikonlar vs) hazır kullanmak istiyor. Böylelikle tasarımcılar zamandan…

mobile-website-builder[1][1]

Mobil web sitesi kurmak için en iyi 10 ipucu

Mobil web sitesi artık hayatımızın çok önemli bir parçası oldu. Şimdi ister uluslararası bir firma olun, ister KOBİ olun, ister sosyal bir girişimci olun ya da mobil bir geliştiriciyseniz veyahut sosyal bir pazarlamacı veya eğitimciyseniz mobil web siteniz söz konusu olduğunda seçtiğiniz mobil çözüm ne olursa olsun bazı uygulanması gereken ipuçları vardır.  İşte mobil web…

paiement-par-mobile[1]

Mobil trendler e-ticareti nasıl şekillendirdi?

Ne kadar sıklıkla akıllı telefonları websitesi incelemek için kullanırsınız? Yeni bir araştırmaya göre geçtiğimiz yıl boyunca tüketicilerin önde gelen başlıca websitelerini mobil cihazlar ile ziyareti fırlamış durumda. Ve mücadele akıllı telefonların üstünlük kurmasında yoğunlaşıyor. İnfografik mobil ticaretin yönünü göstermekte ve iPhone ve Android arasındaki yarışı göstermekte. Dijital teknoloji pazarlama şirketi Monetate bu bilgilerin elde edildiği…

clip_image001(4)

Kullanıcı Dostu Mobil Web Siteleri Tasarımı için Kurallar

 Parmak Uçları için Tasarım Yapın, Parmak uçları 40-80px genişliğindedir Tıklanabilir alanlar minimum 30-40px büyüklüğünde olmalıdır.   Bağlantı vurguları Aktif bağlantı vurguları kullanıcı deneyimi için oldukça kullanışlıdır Boşluklar kullanın Tıklanabilir alanlar arasına boşluklar yerleştirin. Çok sıkışık linkler veya butonlar parmak ucu ile tıklaırken yanlış linke tıklamaya sebep olur. Bu yüzden yatayda ve dikeyde yeterli boşluklar bırakılmalıdır.…