Web 2.0 tasarımını etkili bir şekilde nasıl kullanacağınızı öğreten çevrimiçi pek çok eğitim ve kılavuz var. Bu eğitimlerin çoğu faydalı olsa da aynı zamanda web tasarımındaki özgünlüğü de yok ediyorlar. Örneğin çoğu “rehber” size Web 2.0'ın parlak bir rozet, çizgili arka plan ve kalın yazı tipleriyle ilgili olduğunu söylüyor. Sonuç? Armalı, çizgili, kalın büyük harfli sayısız yüzlerce tasarım var ve bunların birbirinden hiçbir farkı yok. Web 2.0, web 1.0 veya web 75.0 tasarımı yapmanızın bir önemi yok; önemli olan orijinal ve akılda kalıcı olmaktır.

Ancak tasarımınızı simgeleyecek özellikle orijinal bir şey bulamıyorsanız, web tasarımının mevcut trendlerini takip etmek "daha güvenlidir". İşte web tasarım düzeninin çok küçük bir parçası ve normal bir düzenin web 2.0 düzenine nasıl dönüştürüleceği.

Sahip olduğumuz şey buydu…

14.png

Ve yapacağımız şey de bu…

13.png

Katman stillerinden başka hiçbir şey kullanmadan Photoshop'ta çalışacağız; hafif degradelere ve gölgelere odaklanılıyor.

Köşeleri yuvarlatılmış Dikdörtgen şeklini kullanarak ve bir… dikdörtgen çizerek başlayın.

1.jpg

afiş

İlk önce yapmamız gereken dikdörtgenimize biraz derinlik ve canlılık kazandırmak. Web 2.0 tasarımının ilkelerini takip ederek yalnızca gölgeler, dış hatlar ve ışık geçişleri bize bu etkiyi verecektir. Öyleyse katman stillerine gidin ve biraz hafif bir gölge bırakın. Kullandığımız #96aed6 bu amaç için.

2.png

Şekle biraz derinlik kazandırmak için (böylece düz bir nesne gibi görünmeyecek), daha koyu tonlu yumuşak bir iç gölge ekleyin (biz #304f82 )

3.png

Son olarak, küçük bir taslak eklemek önemlidir. #FFFFFF beyaz rengini kullanacağız, her iki taraftaki gölgelerimiz daha koyu olduğundan, şekli konturlayacak açık ve yarı görünür bir çizgiye sahip olmak istiyoruz.

4.png