Responsive Tasarım Nedir
Responsive Tasarım Nedir?
Web sitelerinin mobil cihazlarla uyumluluğu anlamına gelen responsive tasarım İnternet sitelerinin tablet, telefon, bilgisayar gibi faklı platformlarda nasıl görünmesi gerektiğini ayarlaya bilmemize olanak sağlayan bir tür css yöntemidir.
Responsive web tasarımda, tüm cihazlarda kullanılabilen tek bir web sitesi olduğu için, siteyi yönetmek ve güncellemek daha düşük maliyetli olacaktır. Web sitesi yaptırmak istediğinizde, birden çok versiyonun tasarım ve geliştirme maliyetlerinden kurtularak tek bir web sitesi için tasarım ve hosting ücreti ödersiniz.
Responsive web tasarımda site sahipleri, sosyal paylaşımlar üzerinden oluşacak bağlantıları tek bir URL’de toplayabilir. Bunun anlamı aynı konunun farklı sitelerden farklı URL’lerle paylaşılması yerine tek bir siteden tek bir URL ile paylaşım ve bunun sonucu olarak site sahibinin daha kolay bir şekilde paylaşım ve yorumlara ulaşabilmesidir. Böylece firmalar, tüketicilerin yorum ve önerilerini göz önüne alarak ürünlerini ya da web sitelerini geliştirebilirler.
/*——————————[ 980 ]—————————*/
@media screen and (max-width:980px){
/* Bu bölüme yazdığımız css kodları sadece, ekran çözünürlüğü maximum 980px olan platformlarda çalışır.*/
}
/*——————————[ 460 ]—————————*/
@media screen and (max-width:460px){
/* Bu bölüme yazdığımız css kodları sadece, ekran çözünürlüğü maximum 460px olan platformlarda çalışır. */
}
/*——————————[ 300 ]—————————*/
@media screen and (max-width:300px){
/* Bu bölüme yazdığımız css kodları sadece, ekran çözünürlüğü maximum 300px olan platformlarda çalışır. */
}
Web sitelerinin mobil cihazlarla uyumluluğu anlamına gelen responsive tasarım İnternet sitelerinin tablet, telefon, bilgisayar gibi faklı platformlarda nasıl görünmesi gerektiğini ayarlaya bilmemize olanak sağlayan bir tür css yöntemidir.
Responsive web tasarımda, tüm cihazlarda kullanılabilen tek bir web sitesi olduğu için, siteyi yönetmek ve güncellemek daha düşük maliyetli olacaktır. Web sitesi yaptırmak istediğinizde, birden çok versiyonun tasarım ve geliştirme maliyetlerinden kurtularak tek bir web sitesi için tasarım ve hosting ücreti ödersiniz.
Responsive web tasarımda site sahipleri, sosyal paylaşımlar üzerinden oluşacak bağlantıları tek bir URL’de toplayabilir. Bunun anlamı aynı konunun farklı sitelerden farklı URL’lerle paylaşılması yerine tek bir siteden tek bir URL ile paylaşım ve bunun sonucu olarak site sahibinin daha kolay bir şekilde paylaşım ve yorumlara ulaşabilmesidir. Böylece firmalar, tüketicilerin yorum ve önerilerini göz önüne alarak ürünlerini ya da web sitelerini geliştirebilirler.
Nasıl Kullanılır
/*——————————[ 980 ]—————————*/
@media screen and (max-width:980px){
/* Bu bölüme yazdığımız css kodları sadece, ekran çözünürlüğü maximum 980px olan platformlarda çalışır.*/
}
/*——————————[ 460 ]—————————*/
@media screen and (max-width:460px){
/* Bu bölüme yazdığımız css kodları sadece, ekran çözünürlüğü maximum 460px olan platformlarda çalışır. */
}
/*——————————[ 300 ]—————————*/
@media screen and (max-width:300px){
/* Bu bölüme yazdığımız css kodları sadece, ekran çözünürlüğü maximum 300px olan platformlarda çalışır. */
}
Grafik Tasarım Yapmak İçin Kullanılan Programlar
Grafik Tasarım Yapmak İçin Kullanılan Programlar
1)Adobe Photoshop(En Yaygın Kullanılan Program)
2)Corel Draw
3)İndesign
4)Adobe İllüstratör
5)After Effect
Kaydol:
Kayıtlar
(
Atom
)