Video: #4 Photoshop Web Arayüz Tasarım Eğitimi 2025
Web siteniz için güzel bir arka plan tasarımı, tasarımınıza çok fazla şey katabilen önemli bir ayrıntıdır. Sitenizi görüntülediğinizde insanların ne tür monitörlere sahip olacağını bilmediğinizi düşünerek tüm senaryoları hesaplamalısınız. Tüm ana içeriğin ve gezinmenin 1000 piksel genişliğinde bir alana sığması için önemli olmasına rağmen, büyük bir sinematik monitörde görüntülendiğinde sitenize ne olur? Düşünmeniz gereken birkaç öneri ve örnek:
-
Sağlam, ücretsiz bir arka plan rengi seçin. En azından, sitenizin tasarımı için övgü dolu bir renk seçin. Arka planı beyaz bırakmayın, çünkü sadece unuttunuz. Beyaz uygunsa, o zaman beyaz seçin.
Genellikle, daha sessiz renkler daha iyidir. Birisi tarayıcı penceresini genişletir ve parlak turuncu bir patlama görürse, muhtemelen en iyi kullanıcı deneyimi değildir.
-
Yinelenen bir arka plan döşemesi kullanın. Sayfada sorunsuz bir şekilde tekrarlanabilecek küçük bir grafik (aslında herhangi bir boyutta olabilir) oluşturun.
Görünür dikişleri olmayan bir desen yapmak için biraz hüner var. Tüm kenarların nasıl sıralandığını görmek için, karonun dört kopyasını orijinal karo çevresinin etrafına yerleştirmek için Photoshop kullanın. Fayans kullanmanın avantajı, CSS kodunu veya HTML'yi kullanmanıza bakılmaksızın, geniş bir alanı doldurmak için nispeten küçük bir grafiktir. Bu indirme süresinden tasarruf sağlar.
-
Uzun, sıska bir yatay şerit olan bir arka plan döşemesi oluşturun. CSS ile bir örüntünün yalnızca tek bir yönde tekrarladığını belirleyebilirsiniz: x (sayfanın üstünde yatay olarak) veya y (sayfanın dikey olarak aşağı doğru). Uzun boylu, ince bir şerit oluşturursanız, bir tonlama deyin, yalnızca sayfa boyunca tekrar edinmesini sağlayabilirsiniz. Ardından, döşemenin alt rengiyle eşleşen sağlam bir arka plan rengi belirleyerek bunu iltifat etmelisiniz. Bu şekilde, kullanıcılar sayfayı aşağı kaydırırsa, döşemenin nerede bittiğini ve arka plan renginin nerede başladığını göremezler.
-
Web sayfanızdan çok daha büyük bir arka plan döşemesi oluşturun. Birçok kişi, arka plan döşemelerini bir evde yer döşemesi gibi çalışan küçük, kare grafik olarak düşünüyor. Bu mutlaka doğru değildir. (A) web sayfanızdan daha büyük, (b) herhangi bir oranda ve (c) tekrarlamayacak bir arka plan döşemesi oluşturabilirsiniz. Bu, web sitenizin arkasında bir "çevre" yaratmanın ve tarayıcı pencerelerini genişleten insanlar için hoş bir sürpriz sergilemek için harika bir yoldur.
Kredi: © DisneyA ince, dekoratif arka plan döşemesi, Hong Kong Disneyland web sitesinde yinelenir ve alttaki sayfa rengiyle tam olarak (sorunsuz) eşleşen bir renge dönüşür.
