Startup Framework çıktığında iyi bi sükse yaptı. satışları sanırsam 10bin civarı bişi olmuştu. 250 dolarlık bi ürün için iyi para hani. bu startup framework denen olaydan sonra bir kaç hmtl/css bundle daha çıktı ortaya. bence mantık çok çok iyi. elementler var, sen görsel olarak tasarımını yapıyorsun, nerden hangi kodu alacağını biliyorsun, yapıştır, işin çoğu hazır. sonrasında eklenecekiçerik ve 3-5 ufak düzenleme kalıyor. mantık bu teoride kolay ama pratik öyle mi?

bu ürünü almayı çok düşündüm. elimde infinite scroll/one page site tarzı ürün/tanıtım sitesi isteyen müşteri olduğunda yapıştır geçle olayı çok basite indirger işlerimi çabuk bitirir ve daha hızlı para kazanırım. hehehuhauhahahah asdfsdf (kötü adam gülüşü)

düşününce baya mantıklı her şeyden önce. güzel hoş efektleri olan bir siteyi 500tlden aza yapmayacağım düşünülürse baya mantıklı. öncelikle startup framework bana çok pahalı geldi söyliyeyim. 250 dolar az para değil şimdi. bende alternatif bakınayım dedim. işlerini zaten takip ettiğim bir abi olan Carlos Alvarez (kim olduğunu siz bulun) Landing Sumo diye bi bundle hazırlamış. Wrapbootstrap’te 13 dolar mı neydi. bende anında aldım. içinden 20 kadar tema ile 3 bonus çıktı. yalnız temalar o kadar da kaliteli değiller. ki carlos abi aslında bir şeyler üreten bir insan değil. özellikle codrops makalelerini takip edip ordan çok fazla kod araklayan bir kişi. bende yapıyorum aynısını onun için bu konuda fazla bişi söylemeyeceğim. benim landing sumo’da yaşadığım hayal kırıklığı elementlerin parça parça kullanmak üzere hazırlanmamış olmasıydı. yani birinde beğendiğin header, diğerinde beğendiğin footer bi diğerinin content areaları arasında karışık çerez oluşturmak istiyorsan uğraşıyorsun. e ben zaten bunu internetten kod parçaları bulup kopyala/yapıştır yapabilirim neden bu kadar kasayım?

burada ufak bi hayal kırıklığı yaşadıktan sonra dedim yeter parası neyse verelim şu startup framework’e. özel hayatımda ki değişiklikler sonucu Avrupa yolculuğumu belirsiz bir tatile erteledim. biriktirdiğim para da kaldı elimde. aldım. iyi mi ettim? hayır. çünkü bu adamlar da ahım şahım bişi yapmamışlar. burada ki sorun da istediğin elementleri karıştırabilirsin ama büyük bir kod kalabalığı olşuyor. ki ben kod kalabalığından karmaşıklığından nefret ediyorum. daha basite indirgeyeyim dedim cıks. 100 elementi değil belki ama 20 tanesini sıfırdan kodlarım o sürede.

sonuç olarak bunlardan yana ağzım yandı memnun değilim. işleri gene kendim kodlaya kodlaya yapacağım. isteyen olursa bedava startup framework veya landing sumoyu mailler yollarım. buraya yorum bırakın, sonra bana maille felan ulaşın dosyaları size paslarım. ama startup framework’ün designer kısmını yollamayabilirim çünkü 700 mb civarı bişi oluyor o zaman.

şimdi bu bundle’lar da işin güzel yönünü ve kötü yönünü iyi gördüğümü düşünüyorum. niyetim yavaş yavaş uğraşarak kendim bir bundle oluşturmak. bunlardan çok daha esnek bir şey yapmayı düşünüyorum. zamanla göreceğiz nası bişi olacağını. ya da olmayacağını.

keyifli günler.

Blogumda şurda yukarıda yeni tema tasarımıma başladım dedim. Haftalar oldu tasarım yok hala ortada. Aslında bu sürede 2 tema bitirdim hatta wp entegrasyonunu yaptım ama içime sinmedi. Renkler felan garip geldi. Hatam bir taslak oluşturmadan direk html/css girişmemdi. Böyle olunca herşeyi ayrı ayrı kodladım sonra uyumsuz oldular. 1. sırada kodladığım ile 5. sırada kodladıklarım uyumsuz gibi yani. Neyse bu işin böyle olmayacağını anlayınca dribble, behance ve themeforest gibi bilimum siteleri aşındırmaya başladım. İyi de oldu.

En son başladığım tasarım tamamen [pumpkin]flat [/pumpkin]bir tasarım oldu çok da hoşuma gidiyor şu anda.

Peki Flat Tasarım Nedir?

Flat tasarım (Flat Design) minimalistik bir yaklaşımla çarpıcı ve göz yormayan renkleri kullanarak, yazı tipi ve sadeliğin vurgulandığı tasarımdır. En kısa tanım bu olur sanırım. Her yerde Windows 8 ve IOS 7 ile bu çılgınlığın büyüdüğünden bahsedilmiş. Kısmen doğru ama flat tasarım bu ikisi ile patlamadı. Zaten ihtiyaç duyulan bir şeydi flat design.

Geçtiğimiz yıllarda tasarım ve kodlamada iyi olduğunu göstermek isteyen ui ve ux designerlar ile html/css/js geliştiriciler yoğun efektler kullanarak websitesi/uygulama tasarlıyorlardı. Başta bu göze gayet güzelgeliyordu yalnız iş çığrından çıkmaya başlayınca kullanıcıyı yoran bir ortam oluştu.

Şöyleki:

Screenshot_1

Bu örnekte bol bol gölgelendirme görebiliriz. Tabi bahsettiğim tasarımlar genel olarak bu kadar kötü değiller. Ama arkaplanıyla, font renkleriyle, gölgeleri ve buton renkleri ile çarpıcı bir örnek oldu bu.

Bu yorucu akımlar yerini ilk olarak minimalizme bıraktı. Yalnız minimalizim bence bazı şeyleri karşılamıyor. Burada işte flat tasarım baskın geliyor. Kullanıcıya aradığı şeyleri farklı renkler ve anlaşılabilir elementlerle yansıtan flat tasarım 3 boyutun karmaşıklığını bırakıyor.

Flat Design 2 Boyutlu Yapılır

Flat design'da sade ve basit elementler kullanılır. Köşelere yumuşatma verilmez. Ya yuvarlaktır ya da dikdörtgen ya da kare yada altıgen ya da herneyse. Yalnız gereksiz yuvarlama uygulanmış, gölgelendirme yapılmış elementlerden kesinlikle kaçılır.

Flat Design 2 Boyutludur

Tipografi çok önemlidir. Efektler ile vurgulanmayan tasarım yerini vurgulanan içeriğe bıraktığı için flat design'da tipografi önemlidir. Bu sayede kullanıcıya vurgulanmak istenilen bilgi vurgulanmış olur. Tipografik öğelerde vurgulanan renkler içeriği görsel açıdan zengileştirir ve vurgulanmak istenilen bilgiyi vurgular. Tipografik ögeler butonlarda ve diğer yerlerde kullanımı ve etkileşimi kolaylaştıracak şekilde açık, net bir şekilde kullanılır. Tercih genelde büyük boyutlu metinlerden yana olur.

İyi Bir Tipografi Flat Design İçin Vazgeçilmezdir

Renk vurguları çok önemlidir. Genelde tatlı ama göze çarpan gene göz yormayan (kullanımına göre) renkler kullanıyor. Bu konuda belki de en iyi kaynak flatuicolors.com. Kesinlikle bakmanızı öneririm.

Bu yazımda bu kadar sanırım. Gene pek bi düzensiz ama aklıma geleni yazdığım bir yazı oldu. Okuyup yararlanan herkese teşekkür ederim. Tasarımlarınızda sadeliğe ve son kullanıcıya önem vermeyi unutmayın. Başarılı tasarımlar.

Dipnot: Ben ne UI Designer'ım ne de UX. Yani tam profesyonel bir yaklaşım yaratamadım yazımda.