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…

illustratorvsphotoshop460x260

Illustrator vs Photoshop

Adobe Illustrator ve Photoshop programları için güzel bir karşılaştırma hazırlamışlar. Çok genel de olsa eğlenceli bir içerik olmuş.   [görsel alıntıdır]

ikon-dosyası-kaydetme

Photoshop ile .ico dosyası kaydetme

Adobe Photoshop ile hazırlamış olduğunuz ikonları icon dosyası (.ico) olarak kaydetmek için aşağıdaki eklentiyi kurmanız yeterli. Daha sonra FILE > SAVE AS diyerek .ico formatında kaydedebilirsiniz. Eklenti kurulum adımları (64-bit Windows için – Vista/Windows 7): İndirdiğiniz plugini bu klasöre kopylayın: C:\Program Files\Adobe\Photoshop \Plug-Ins\File Formats. 64 bit Windows sürümlerinde PROGRAM FILES klasörüne koymalısınız, PROGRAM FILES (x86) klasörüne koyarsanız…

font-programlari

Font yapma/düzenleme programları

Fontlab Studio http://www.fontlab.com/ Hem Windows hem MacOS işletim sistemlerii için bir program ve çok başarılı. Ancak ücretli, trial versiyonunu indirip deneyebilirsiniz. Satın almak isterseniz fiyatı $649. Glyphs http://www.glyphsapp.com/ MacOS’lar için bir program, ücretli, trial versiyonunu indirip deneyebilirsiniz.  Satın almak isterseniz fiyatı $299.99.     Glyphr Studio http://glyphrstudio.com/ Yukarıdaki Glyps programı ile ismi biraz benziyor. Ancak Glyphr programı…

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/

fontface-stil-kullanimi

@font-face ile bir fontun diğer stillerini kullanma

@font-face ile webde kullandığınız özel fontların bold, italik, normal veya bold italic versiyonlarını kullanmak isteyebilirsiniz. Ancak <b>, <strong> ile kalın, <i> ile italik yapmak istediğinizde fontu zorlayarak kalınlaşmış veya italik fontlar elde etmeye çalıştığınızda kırık, pikselize bir görüntü ortaya çıkar. Yani olması gerektiği gibi göremezsiniz karakterleri. Çünkü tarayıcılar fontu zorlayarak kalın veya italik olarak göstermeye çalışırlar.…

userexperiencetrendleri

Web kullanımını kolay hale getirmek için modern web tasarım trendleri

Web tasarım işi daime gelişmekte. Ancak son trendler web sitelerinin daha çok kullanılabilirliğinin artırılması konusunda olmakta. Tasraımcılar ve geliştiriciler mobil cihazlara akın eden kullanıcılarla birrlikte yeni tasarım trendleri geliştimekte. Kullanılabilirliğin merkezinde olan bu geliştirmeler ve en etkili olanlardan bir kaçını şöyle sıralayabiliriz. 1. Minimal içerik, büyük resim ve videolar Artık mobilize olan kullanıcıların dikkatini çekebilmek…

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ı…