Tasarım Forum  

Go Back   Tasarım Forum > Web Tasarım > Web Tasarım Dersleri

Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 23-11-2014, 03:21 PM
TasarımForum - ait Kullanıcı Resmi (Avatar)
Adminstrator
 
Üyelik tarihi: Sep 2014
Mesajlar: 742
Standart Responsive Tasarım Nedir?

Responsive Tasarım Nedir?

Responsive, Türkçe karşılığı uyumluluk anlamına gelen bir kelimedir. Responsive, çeşitli ekran boyutlarına göre şekillenebilen yada yeni bir görünüm alabilen tasarımlar için kullanılan bir kelimedir. Mobil cihazlar, tablet ve çözünürlüğü düşük olan cihazlar ile uyumlu tasarımlar yapabilmenizi sağlar. Kısaca iPhone, iPad, iMac ve Android için uyumluluk şeklinde de özetlenebilir.*Son dönemde çok meşhur olan responsive tasarım yurt dışında yaygın olarak kullanılmaktadır.

Neden responsive tasarım?

Web siteniz masaüstü veya dizüstü bilgisayar üzerinde sorunsuz görünebilir ancak cep telefonu veya tabletten sitenize girildiği zaman da ziyaretçinizi memnun edecek bir görünüm olup olmadığını bilemezsiniz. Responsive yani uyumlu bir tasarım olursa farklı cihazlara göre değişebilen ve düzgün bir görünüm yakalamış olursunuz. Özellikle son yıllarda çok hızlı olarak artan akıllı telefon teknolojisininde beraberinde gerektirdiği uyumlu temalar bu günlerde tasarımcılar ve webmasterlar için büyük önem taşıyor.



Responsive tasarımın faydaları nelerdir?

Zaman, emek ve para. Şu sıralarda web sitelerinin bazılarında mobil site kavramını görüyoruz. Büyük siteler için çok sorun olmayabilir, belki de özellikle masaüstünden farklı özellikleri olan mobil site yapmak istemiş de olabilirler. Küçük ve orta ölçekli bir sitenin mobil şeklinde ayrı bir site yaptıracak ekonomisi ve buna harcayacak zamanı olmayabilir. Bu durumda tasarıma responsive özellik ekleyerek bu dertten kolayca kurtulabilirsiniz.

Responsive tasarım oluşturmak için ne bilmek gerekir?

HTML ve CSS. CSS bir web sitesinin nasıl göründüğünü belirler. Farklı medya türleri için HTML kodunun nasıl görüneceğini CSS ile belirtmelisiniz. Örneğin masaüstü veya dizüstünde görünen bir sütunu alan darlığından ötürü mobil sitede göstermek istemeyebilirsiniz bu durumda o sütun için görünüm özelliğini aşağıdaki gibi iptal etmeniz gerekecektir.

@media screen and (max-width:320px) {
.sidebar { display: none }
}


Bir web sitesinin responsive olduğunu nasıl anlarım?

Web sitesini herhangi bir tarayıcıda açıp küçültün. Sonra da boyutunu azaltıp arttırın. Sitenin görünümü farklılaşıyorsa o site responsive yani uyumludur.

Uyumluluk gerektiren ekran boyutları nelerdir?

İnternet bağlantısı kurabilen ve en çok kullanılan cihazların ekran boyutlarına örnek vermek gerekirse şu şekilde sıralayabiliriz:
      • 240 x 320 (küçük telefon)
      • 320 x 480 (iPhone / Samsung vb. telefonlar)
      • 480 x 640 (küçük tablet)
      • 768 x 1024 (iPad yan görünüm)
      • 1024 x 768 (iPad dikey görünüm - Minibook vb. cihazlar)
Daha detaylı bilgiler ve responsive boyutları konusunda detaylı bilgi için hazırlanmış olan screensiz.es sayfasını ziyaret ediniz.

Buna göre responsive uyumlu bir tasarım bütün mobil cihazlarda kolaylıkla görüntülenebilir. Responsive tasarımlarınız sayesinde müşterilerinizin ihtiyaçlarını büyük oranda karşılayabilir ve çok daha fazla kazanç elde edebilirsiniz.
Alıntı ile Cevapla
Cevapla

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



Tüm Zamanlar GMT Olarak Ayarlanmış. Şuanki Zaman: 09:57 PM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.6.0