Ve elimizde olan bu…

5.png

Ancak bu bize yeterli derinliği vermeyecektir. Bu dikdörtgeni daha görünür şekilde kavisli hale getirmek istiyoruz, çünkü yüzeye eşit şekilde temas etmiyor, ancak katman stillerini kullanarak daha fazla gölge eklemek veya gölgeyi güçlendirmek bize istenen etkiyi vermeyecektir. Bunu kullan yatay bölücü dezinpolio.com tarafından sunulan ve aşağıda gösterildiği gibi köşelere doğru "solacak" şekilde şeklinizin ortalarına ekleyin:

6.png

Kalın harflerden bahsettiğimizi hatırlıyor musunuz? Web 2.0 yazı tiplerini iyi kullanıyor; tercihen okunması çok kolay, biraz karikatürize ve kalın. Uygun yazı tipini seçmekte zorlandık ve “Cooper Std”yi kullanmaya karar verdik.

7.png

Çok hafif bir gölge eklemek için yapıyoruz (# 5674a7) ve üstte beyazdan hafif bir geçiş (#ffffff) açık maviye (#cdd9de) ...

8.png

9.png

afiş

Bu bize çok sevimli bir bebek tasarımı verecektir.

10.png

Web 2.0 da iyi bir orandadır ve tasarımlar özellikle asimetrik olsa da, diğerleri deyim yerindeyse saplantılı derecede simetriktir. Ben ikinci türü tercih ediyorum, yaratmak daha az özgünlük ve zevk gerektirdiğinden, ihtiyacınız olan tek şey orantı duygusudur. Diyelim ki tasarımımızın alt ve yan köşelerine birkaç buton ekledik…

11.png

Bu iyi görünüyor mu?

12.png

Hayır, sekmeler çok kaotik göründüğü için değil, bu yüzden sol taraftaki sekme çizgisinin alt sekme çizgisiyle “karşılaştığından” emin olacağız, şöyle…

131.png

Şimdi orantılı görünüyor.

crystal_clear_app_ark2.png

afiş

Neden bir adımı kaçırdığımızı merak ediyorsanız, sekmelere yönelik katman stilleri ana dikdörtgen için kullandığımız stillerle hemen hemen aynıdır ve aynı şey "sekmelerin" yazı tipi ve katman stilleri için de geçerlidir. Öğrenme amaçlı olarak PSD dosyasını indirip süreci analiz edebilirsiniz. Tüm bu yarı görünür degradelerin ve 1 piksellik ana hatların genellikle harika web tasarımı ile amatör tasarım girişimi arasındaki farkı yaratan şey olduğunu unutmayın. İyi şanlar!

psd dosyasını indir