CSS ile iOS Benzeri AÇ/KAPA Düğmesi

ios8-switch-cssApple‘ın mobil cihazları için geliştirdiği iOS8‘in bol bol konuşulduğu bugünlerde Adobewordpress olarak biz de işletim sisteminin ayar ekranlarında kullanılan aç/kapa (switch) tasarımını CSS ile hazırlayacağız. Daha önceki checkbox tasarımlarımızda olduğu gibi bunda da input öğesini görünmez kılıp etrafına gizlediğimiz öğelerle uygulamak istediğimiz tasarımı çıkarmaya çalışacağız.

Bu makalemizde sadece CSS ile checkboxlarımızı stilize edeceğiz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


Apple’ın Yeni Tasarımı : iPhone 6 ve iPhone 6 Plus

İnsanlığın sonuna sebep olabilecek koca bir meteor hızla dünyaya yaklaşsa bu kadar yer alamaz herhalde medyada. Sadece teknoloji yazarlarının değil, tüm dijital ve yazılı basının ana konusu “iPhone 6” bugünlerde. Biz de Adobewordpress.com ailesi olarak ilk kez bir akıllı telefonu mercek altına alıyoruz. Merak etmeyin, bizim merceğimiz cihazın pil ömrünü, işlemci gücünü veya yazılım kalitesini değil, sadece kullanıcı dostu tasarımını inceleyecek. Bırakalım da Android ve iOS arasındaki kavga süredursun, biz anladığımız şeyden, tasarımdan konuşalım.

Kimileri “Steve Jobs‘ın kemikleri sızlıyor!” dese de beklenen oldu. Apple, eski iPhone’lara kıyasla büyümüş olan iki adet tasarımla karşımıza çıktı. iPhone 6 ve iPhone 6 Plus olarak nitelendirilen bu cihazlar bir önceki model olan iPhone 5’in 4″ olan ekranına kıyasla bizlere daha büyük bir oyun sahası sunacak. Hızlıca Apple’ın yeni çocuklarını eskileriyle kıyaslayalım. (daha&helliip;)

Devamını Oku

Flat ve Vektörel Tasarım Kiti

Bilgisayar, akıllı telefonlar, tabletler ve türevi birçok elektronik cihazı barındıran bu vektörel kiti ücretsiz olarak indirebilirsiniz. Çalışma masasına yerleştirilmiş şekilde flat olarak çizilen bu görsellerin tamamı Photoshop ile hazırlandı.

PSD dosyasındaki vektörel çizimlerin tam listesi şöyle :

  • iMac
  • MacBook Pro
  • iPad Air, iPad Mini, Wacom Tablet
  • iPhone 5S, iPhone 5C
  • Nikon Dijital Fotoğraf Makinesi
  • Espresso Shot
  • Apple Klavye
  • Magic Mouse ve Trackpad
  • USB Stick
  • Güneş Gözlüğü
  • Çakmak
  • Bull Clip
  • Kulaklık
  • Anahtar ve Anahtarlık
  • Cüzdan
  • Moleskine Notebook
  • Kalemler

(daha&helliip;)

Devamını Oku

Photoshop ile Metal Yüzey Yapımı

photoshop-metalic-surfaceGeride bıraktığımız makale ve videolarımızda Photoshop ile iki adet metalik yazı (#1 ~ #2) örneği hazırladık. Sıra geldi benzer teknikler kullanılarak istediğimiz boyutlardaki bir yüzeyi metale çevirmek.

Apple‘ın tasarımlarında ve sunumlarında sıklıkla kullandığı odak merkezli metalik yüzey Photoshop ile saniyeler içerisinde hazırlanabiliyor. Bu makalemizde sadece 2 adımda  bu tasarımı çizeceğiz.

Hazırsanız başlayalım. (daha&helliip;)

Devamını Oku