Nüve Forum

Nüve Forum > akademik > Mimarlık Fakültesi > Bilgisayar Destekli Tasarım > Öğretim Amaçlı Web Sayfası Tasarımında Renk Kullanımı-Color Usage in Instructional Web Page Design

Bilgisayar Destekli Tasarım hakkinda Öğretim Amaçlı Web Sayfası Tasarımında Renk Kullanımı-Color Usage in Instructional Web Page Design ile ilgili bilgiler


[coverattach=1]Bu yazıda, öğretim amaçlı web sayfası tasarlanırken, renk öğesinin kullanılmasında dikkat edilmesi gereken noktalar belirtilmeye çalışılmıştır. Bu amaçla, rengin hangi amaçlarla kullanılabileceği, renk kuramı ve renk bilgisi, kullanım ilkeleri, tarayıcıya

Cevapla

 

LinkBack Seçenekler Stil
  #1  
Alt 15.05.09, 08:43
world - ait kullanıcı resmi (Avatar)
Çılgın
 
Üyelik tarihi: Feb 2007
İletiler: 911
world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.
Standart Öğretim Amaçlı Web Sayfası Tasarımında Renk Kullanımı-Color Usage in Instructional Web Page Design

[coverattach=1]Bu yazıda, öğretim amaçlı web sayfası tasarlanırken, renk öğesinin kullanılmasında dikkat edilmesi gereken noktalar belirtilmeye çalışılmıştır. Bu amaçla, rengin hangi amaçlarla kullanılabileceği, renk kuramı ve renk bilgisi, kullanım ilkeleri, tarayıcıya göre değişmeyen renklerin nasıl elde edilebileceği, okunabilirlik ve renk psikolojisi konularına kısaca değinilmektedir. Bu bilgilerden öğretim.

In this paper, the issues that ought to be noticed in the use of color element in the instructional web page design are identified. The following topics are briefly handled: why color is used, the color theory and color information, use principles, how to obtain browser-safe colors, readability of various text/background color combinations, and the color psychology. It is believed that these pieces of information could be helpful in the preparation of the instructional web pages.

Kaynak
Serçin KARATAŞ
G.Ü., Gazi Eğitim Fak., Bilgisayar ve Öğretim Tek. Eğt. Böl., Ankara-TÜRKİYE

Eklenmiş Resim
Dosya tipi: jpg Color Usage in Instructional Web Page Design.jpg (15,0 KB (Kilobyte), 11x kez indirilmiştir)
Alıntı ile Cevapla
  #2  
Alt 15.05.09, 08:46
world - ait kullanıcı resmi (Avatar)
Çılgın
 
Üyelik tarihi: Feb 2007
İletiler: 911
world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.
Standart Öğretim Amaçlı Web Sayfası Tasarımında Renk Kullanımı-Color Usage in Instructional Web Page Design

1. Giriş
İnternet, günlük yaşamın bir parçası olmaya başladıktan sonra, gereksinimlere göre zaman içinde bir çok internet teknolojisi ortaya çıkmıştır ve çıkmaya da devam edecektir. Ancak tüm dünyanın kullanımına açık olan bu teknolojilerin bir standarda kavuşturulması kaçınılmaz olmuştur. Bu sebeple, bazı konsorsiyumlar aracılığıyla bu standartlar biçimselleştirilmektedir. En yaygın internet teknolojisi webin de, bazı standartlarının olması kaçınılmazdır. Bu konuda hala süregelen bir çok araştırma ile daha iyi standartlara kavuşturulması için çaba harcanmaktadır.
Web yaşamın içinde yerini aldıkça, eğitim bilimlerinin, bu yeni ve elverişli teknolojiyi gözden kaçırması mümkün değildir. Sonuçta, web destekli öğretime yavaş yavaş bir kayış izlenmektedir. Dünyada, uzun süre bu konuda sancılar yaşandığı bilinmektedir. Kendine ait standartları olan bir yapıyı, öğrenme ortamına uygun bir ortama dönüştürme çabaları halen süregelmektedir. Web-destekli öğrenme ya da kısaca WDÖ, internet, intranet ya da extranet üzerinden öğretim içeriğinin, öğretim programının, ders ile ilgili çeşitli duyuruların ve genel bilgilerin öğrenenlere sunulması olarak tanımlanabilir. Bu ortamın içinde çeşitli çoklu ortam elemanları -ses, video, animasyon, metin, grafikler, vb. - yerleştirilebilir. İşte bu noktada, tasarım boyutu önem kazanmaktadır.
Web-destekli öğretimde tasarımın iki boyutu olduğu görülmektedir: İlki; öğretim tasarımı, ikincisi ise web sayfası tasarımıdır. Ancak ne yazık ki, sayfa tasarımına ya dikkat edilmemektedir ya da sadece web sayfası tasarımı göz önünde bulundurulmakta ve öğretim boyutu göz ardı edilmektedir. Web sayfası tasarımının önemli elemanlarından birisi olan "renk" (Ruffini, 2000) ise, ihmal edilen boyutların başında gelmektedir.
Renk, neredeyse bir sitenin başarısını tanımlamada içerik ve gezinti kadar önemlidir ve tasarımın etkili bir bileşenidir. Renk, siteye sadece görsel bir çekicilik katmaz, aynı zamanda hedef kitleye (öğrenene) gönderdiği mesajdan ötürü de önemlidir. Renge karşı tepkiler, pek çok faktöre bağlıdır. Örneğin, renk körü kullanıcılar için kullanışlılık boyutu önemlidir. Renk sembolizmi, kültürler arasında çarpıcı bir biçimde farklılık gösterebilir. Hatta kullanılan renkler, dönemlere göre de değişebilmektedir (Color Symbolism, Current Web Design/HTML/XML Articles aa070400a.htm, 28.01.02). Bu değişimi, eğilimler belirlemektedir. Örneğin yakın zamana kadar, özellikle öğretim amaçlı web sitelerinde mavi artalan yaygındı. Şimdilerde, yeni arayışlar devam etmektedir. Eğilimler, her alanda olduğu gibi web sitesi tasarımında da insanları etkilemektedir.
Yaş ve deneyim de, renk üzerinde etkili faktörlerdendir: Çocukların çoğu açık, canlı renkleri severlerken, yetişkinlerin renk tercihleri, öğrenilen tepkilerden etkilenmektedir ve bu tercih, genç insanların tercihlerine göre daha pastel olmaktadır (Color Symbolism, Color Symbolism: Using Colors to Convey Meaning May Backfire on a Web Site, 28.01.2002).

Alıntı ile Cevapla
  #3  
Alt 15.05.09, 08:49
world - ait kullanıcı resmi (Avatar)
Çılgın
 
Üyelik tarihi: Feb 2007
İletiler: 911
world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.
Standart Öğretim Amaçlı Web Sayfası Tasarımında Renk Kullanımı-Color Usage in Instructional Web Page Design

2. Neden Renk Kullanılır?
Renk, dikkat çeker: Renk, doğrudan bir bölge ya da parçaya dikkat çekebilir. Örneğin web sayfası üzerinde dikkat çekmek istenilen bir öğe farklı bir renge boyanabilir. Renk, ruh hali oluşturur: Örneğin, parlak renkler mutlu, enerjik bir ruh halini yansıtırlar. Puslu, mavi, gri renkler karamsar bir ruh hali için kullanılabilir. Renk, berraklığı artırır: Renk, metinlerde berraklığı ve okunabilirliği artırmak için kullanılabilir. Konu başlıklarını alt başlıklardan ayırmak için renklerden yararlanılabilir. Renk bir koda karşılık gelebilir: Renkler, maddeleri, yerleri, bölgeleri, vb. kodlamak için kullanılabilir. Renkler, doğadaki parçaları etiketlemede kullanılabilir: Örneğin bir haritada, mavi renk, suyu; yeşil ve kahverengi renkler, kara parçasını; beyaz renk ise bulutları temsil edebilir. Renk, farklılaştırır: Renk; iyi ile kötü, kadın ile erkek gibi şeyleri ayırt etmek amacıyla kullanılabilir. Örneğin, iyi, beyaz ile; kötü, siyah ile ve kadın, pembe; erkek, mavi ile temsil edilebilir (Bender, D., 1998).
Özellikle öğretim amaçlı web sayfalarında renklerin dikkatli bir biçimde kullanılabilmesi için, renk kuramı ve renk bilgisi hakkında bazı genel kavramların bilinmesi gerekir.
Renk Kuramı
Ana renkler; kırmızı, sarı ve mavidir. Diğer tüm renkler, bu renklerin karışımından elde edilirler. Ana renklerden ikisinin karışımı, bir ara renk oluşturur: Kırmızı ile yeşilin karışımından turuncu, kırmızı ile mavinin karışımından mor; mavi ve sarının karışımında ise yeşil renkleri elde edilir (Kennedy, 2002, Yalın, 2000:99).
Renk Bilgisi
Renk çarkı (ya da çemberi), (bkz. Şekil 1) bir çark şeklinde düzenlenmiş bir spektrumda renk bandıdır (Vader, 2001, Yalın, 2000:99).
Renk çarkında birbirinin karşısında olan renklere "tamamlayıcı renkler" adı verilir. Bu renkler, zıtlık oluştururlar (Vader, 2001).
1.JPG
Şekil 1: Renk çarkı

Renklerde zıtlık, üç faktöre bağlıdır: rengin diğer bir söyleniş şekli olan ton, rengin açıklığı ya da koyuluğu olan değer ve rengin saflığı ya da yoğunluğu olan doygunluktur. Renge siyah ekleyerek, bulanıklaştırıp koyulaştırılabilir. Beyaz ekleyerek ise, renk beyazlatılabilir ve bir ton açılabilir (Campbell, 2001)
Eğer zıt renkler bir arada kullanılıyorsa, ortaya çıkan rahatsızlığı gidermek için bir ya da iki rengin de doygunluğunu azaltılabilmektedir. Örneğin kırmızı ve yeşil bir arada kullanılacaksa kırmızı pembeye çevrilebilir. Başka bir öneri de; iki rengin arasına siyah bir çizgi çekmek olabilir.
Renk çarkı üzerinde üçgen oluşturan renklere "renk üçlüleri (triad)" denmektedir. "Triad" adı İngilizce üçgen anlamına gelen "triangle"dan gelmektedir. Renk üçlüleri dikkati çekmek için kullanılabilirler: Ana üçlüler; kırmızı, sarı ve maviden oluşurlar. İkincil üçlüler; turuncu, mor ve yeşildir ve ana renklerin arasında yer almaktadırlar. Orta üçlüler; diğer renklerin kombinasyonlarıdır. Örnek: kırmızı-turuncu, sarı-yeşil ve mavi-mordur.
Birbirine komşu renk grubuna "benzeşen renkler" ya da "uyumlu renkler" denir. Birbiri ile çok yakın ilgili renklerdir. Örneğin; mavi, mavi-mor ve mor renkleri benzeşmektedirler (Vader, 2001, Yalın, 2000:99).
Renk Kullanma İlkeleri
Ekran tasarımında renklerin kullanılmasında "Renk Bilgisi"nden yararlanılarak hareket edilmelidir. Konu ile ilgili ekranda verilen renk ve grafikler öğrenenin ilgisini uyandıracak nitelikte olmalı ve artalan rengi ile hem vurgulama hem de görülebilirlik açısından uygun bir renk kompozisyonu oluşturmalıdır. Önemli elemanlar üzerine dikkat çekilmek istendiğinde parlak ve ışıklı renkler kullanılmalıdır. Kullanılan yazı ile öğrenenin okuması veya görmesini kolaylaştırıcı artalan rengi, uygun zıtlık oluşturacak renklerden seçilmelidir (Bülbül, 1999). Ancak, bir ekrandaki renk sayısının dördü geçmemesine özen gösterilmelidir (Yalın, 2000:99)
Aşağıda genel hatları ile renk kullanma ilkeleri, maddeler halinde sunulmaktadır:
1. Güçlü ve Parlak: Saf, parlak ve çok güçlü renkler az kullanılmalı ya da sönük artalan tonları ile kullanılmalıdır. Böylelikle, güçlü renkler, belirli bir özelliğe dikkat çekmekte kullanılmaktadırlar. Öğrenenleri, parlak, güçlü renklere boğmamak gerekir. Çünkü, bu durumda, dikkat; asıl içerikte değil, renklerde toplanır.
2. Açık ve Koyuyu Karıştırmak: Açık, parlak renkler, en iyi kendilerine yakın koyu bir renk ile karıştırılırlar. Bu karışım, zıtlık sağlar ve belirli bir şeyi vurgulamayı ya da dikkati çekmeyi sağlar. Parlak ve koyu renkleri bir arda kullanırken dikkatli olmak gerekmektedir. Çünkü bazen bu görüntü, gözü zorlayabilmektedir.
3. Artalan: Artalan, geniş-alan ya da temel renkler dingin, yumuşak, donuk, sesiz, sönük, doğal renkler olmalıdır ki, daha küçük parlak alanlar canlı bir şekilde göze çarpmalıdır.
4. Birlik: Geniş alanlar farklı renklerle doldurulmamalıdır ya da farklı renkleri birbiri ile dokumak gerekir (Greenwood, 2001).
Tarayıcıya Göre Değişmeyen (Browser-Safe) Renkler
Bazen büyük bir özenle hazırlanan bir web sitesi, öğrenenlerin ekranında, hazırlayan kişinin ekranından tamamen farklı bir şekilde görünebilmektedir. Bunun sebebi; ekranın kalitesinden, büyüklüğünden, parlaklığının-koyuluğunun ayarından, bilgisayarın kişisel bilgisayar ya da MAC olmasından ve bir de tarayıcıdan (browser) kaynaklanabilir. Tarayıcıdan kaynaklanan farklılığı gidermek için tarayıcıya göre değişmeyen 216 renkten biri kullanabilir. Tarayıcıdan etkilenmeyen renkleri kolayca tanımlamak için renklerin RGB (kırmızı, yeşil, mavi) değerlerinin her zaman 51'in katlarının olması kuralı kullanılabilir. Başka bir deyişle, eğer tüm üç değer de 51'e bölünebiliyorsa, renk, tarayıcıya göre değişmez. Yalnız, HTML dili, on altılık sayı sistemi (hex) değerlerine ihtiyaç duyar. Bu durumda, bu kurala göre onaltılık sayı sistemi değerleri, sadece 00, 33, 66, 99, CC ve FF içerebilir (Weinman, 2002; Merchant, 2000; Mlawer, 2000).
En yüksek değerler (RGB = 255 255 255) ya da Hex = FFFFFF) beyazdır. En düşük değerler ise (RGB = 00 00 00 ya da Hex = 000000) siyahtır. Renkleri görsel olarak seçmek için, çeşitli web sitelerinden Tarayıcıya Göre Değişmeyen Renk Haritalarına ulaşılabilir (örneğin, Current Web Design/HTML/XML Articles chart.htm. 28.01.2002)
Renkleri düzenlemek, WYSIWYG (what you see is what you get - ne görürsen onu alırsın) grafik web sayfası düzenleme programları ile oldukça kolaydır. Ancak bu programlar olmadan renk düzenlemek, zor olabilmektedir. Renk biçim imi (tag) içinde onaltılık sayı sistemi (hexadesimal) kod ile belirtilir. Biçim iminde, onaltılık sayı sistemi kodunun önünde "#" işareti yer alır: (#RRGGBBB) (Web Style Guide backgrounds.html. 4.11.2001).

Okunabilirlik
Texas'taki Stephen F. Austin State Üniversitesi'nden Dr. Lauren Scharff ve öğrencisi Alyson Hill, internet kullanıcılarının da yardımıyla çeşitli metin/artalan renk kombinasyonlarının okunabilirliği ölçmek üzere bir anket düzenlemişlerdir. Şekil 2'de görüldüğü üzere, okunabilirliği en fazla olan renk kombinasyonu beyaz artalan üzerine siyah metindir; tümünde, siyah içeren herhangi bir kombinasyonun seçimi kuvvetlidir. Okunabilirliği en az olan iki kombinasyon ise; yeşil üzerine kırmızı ve mavi üzerine pembedir. Mavi artalan üzerine beyaz metin ve sarı artalan üzerine kırmızı metin de yüksek oranda oy alırken, sarı artalan üzerine yeşil metin ve pembe artalan üzerine beyaz metine, daha az oy verilmiştir.
Anket genelinde her renk kombinasyonunda açık artalan üzerine koyu metin, tersine nazaran daha çok okunabilir olarak oylanmıştır (örneğin, beyaz artalan üzerine mavi metin, mavi artalan üzerine beyaz metinden daha çok oy almıştır) (Color Test Result. About.com: http:// hubel.sfasu.edu%2Fresearch%2Fsurvreslts.html. 28.01.2002). Ruffini (2000)'ye göre de beyaz veya açık pastel artalanlar herhangi bir site için kullanmada en iyi renklerdir.
2.JPG
Şekil 2: Artalan - met/n renklerine göre okunabilirlik

Renk Psikolojisi
Web tasarımında renklerin psikolojik yönünün yanı sıra, siteyi hazırlayan kişi, sitenin kolaylıkla okunabilir olmasına ve artalan, grafikler, bağlantılar (link) ve içerikte kullanılan renklerin uyumuna dikkat etmelidir. Aşağıda bazı renklerin özellikleri verilmiştir.
Mavi: Çok popüler bir artalan rengidir. Barış, dinginlik, ahenk, umut ve güven duygusu verir. Pastel ve "soğuk" renklerle (yeşil tonları gibi) uyumludur. Toprak tonları ve gri ve bej gibi nötr renkler ile mükemmel bir uyum içindedir. Fakat turuncu ile maviyi birlikte kullanırken dikkatli olmak gerekmektedir, çünkü bu ikili, birbiri ile zıttır ve birlikte kullanıldıklarında kötü bir etkiye neden olabilmektedirler.
Bej: Pratiklik, muhafazakarlık ve yalnızlık hissini veren nötr bir renktir. Artalan için iyi bir renktir ve içeriğin en üst düzeyde okunabilirliğini sağlar.
Siyah: Genellikle, keder, ağır ve depresyon rengidir, fakat doğru bağlamda kullanılırsa, sofistike ve gizemli olabilir. Çalışmalar, siyah artalan üzerinde çevrimiçi (online) okumanın zorluğunu ortaya koymaktadır. Baskın renk olarak siyah kullanımı bir çocuk sitesi için en kötü seçim olabilirken; bir sanat galerisi sitesi için mükemmel bir seçim olabilir. Yani öğretim amaçlı web sitelerinde siyah artalandan uzak durulması tavsiye edilmektedir.
Yeşil: İnsanlar üzerinde hem olumlu ve hem de olumsuz güçlü duygular oluşturabilir. Sadakat ve zekayı simgeler. Kırmızı ile beraber kullanırken dikkatli olunmalıdır. Çünkü zıt renklerdir ve özellikle renk körleri için okunabilirliği neredeyse imkansız kılarlar.
Gri: En muhafazakar renk tonudur ve üzüntü, gizlilik ve güvenirliği simgeler. Sıkıcı bir renktir, rutindir ve ruhsuzdur. Öğretim amaçlı web sitesi tasarımlarında tavsiye edilmeyen artalan renklerindendir.
Lavanta: Pek çok insanın güçlü duygular hissettiği bir başka renktir. Pasteldir, uygun kullanıldığında romantizm, nostalji ve zarafet hissi uyandırır ve yaratıcı, farklı ve alışılmamış olduğu için tercih edilen bir renktir. Diğer pastel renklerle uyumludur. Son zamanlarda eğitim kurumlarının tercih ettiği renkler arasında sayılabilir.
Turuncu: Sıcak bir renktir - hayranlık verici, canlı ve samimidir. Sitenin göz alıcı ve dikkat çekici olması için turuncu kullanılabilir. Artalan rengi olma açısından zayıftır. Mavi ile kullanmaktan kaçınılmalıdır.
Kırmızı: Şiddetli ve güçlü her şeyi temsil eden tüm renklerin en sıcağıdır. Sıcak ve ateş, hız ve lezzet, kan ve heyecan, rekabet ve saldırı gibi tüm duygular kırmızıyı anımsatır. Özellikle, diğer nötr renkler ile kullanıldığında mükemmel bir vurgu sağlar fakat yeşil, mavi ve mor ile uymaz.
Sarı: İyimserlik, mutluluk, idealizm ve hayal gücünü temsil eder. Zıt renkler ile kullanıldığında okunabilirliği kolay olan iyi bir artalan rengidir.
Beyaz: Temizlik, saflık, gençlik, sıradanlık ve masumiyetin rengidir. En popüler artalan rengi olmaya başlamıştır, çünkü ekranda en iyi okunabilirliği sağlamaktadır (Parzek, 2002).

Alıntı ile Cevapla
  #4  
Alt 15.05.09, 08:50
world - ait kullanıcı resmi (Avatar)
Çılgın
 
Üyelik tarihi: Feb 2007
İletiler: 911
world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.world artık çok görkemli biri.
Standart Öğretim Amaçlı Web Sayfası Tasarımında Renk Kullanımı-Color Usage in Instructional Web Page Design

3. Sonuç
Görüldüğü üzere, öğretim amaçlı web sitesi tasarımında renk kullanımı tesadüflere bağlı olmamalıdır. Web sayfası tasarlanırken, öğrenenin çalıştığı ortamın düzenlendiği varsayılmalı ve onun öğrenmesini kolaylaştırmak için uygun şartlar yerine getirilmelidir. Site içerisinde kullanılacak renkler önceden belirlenmeli ve bu işlemin oldukça uzan zaman alabileceği göz önünde bulundurulmalıdır. Çünkü, renklerin belirlenmesi, kişisel zevklerin ötesinde gerçekleştirilmelidir. Renkler arasındaki uyum, doğru etkiyi oluşturacak renklerin kullanılması ve okunabilirliğin en üst düzeyde sağlanabilmesi için çeşitli artalan-metin rengi kombinasyonları denenmeli, bunlar arasından öğrenme için en uygun olan kombinasyon belirlenmelidir. Tutarlılık, öğretim amaçlı web sitesi tasarımının temel ilkelerinden biridir. Belirlenen renkler, tüm site içinde tutarlı bir biçimde kullanılmalıdır. Artalan rengi, başlık ve metin renkleri, dikkat çekiciler gibi öğelerde kullanılan renkler site içerisinde yer alan tüm sayfalarda aynı olmalıdır. Ayrıca, hazırlanılan web siteleri, farklı bilgisayarlarda, farklı ekranlarda, farklı ekran çözünürlüklerinde ve farklı tarayıcılarda denenmelidir. Oluşturmak istenilen etkide, önemli farklılıklar varsa, bu farklılıklar en aza indirgenmeye çalışılmalıdır.

Makale yazarı
Serçin KARATAŞ
G.Ü., Gazi Eğitim Fak., Bilgisayar ve Öğretim Tek. Eğt. Böl., Ankara-TÜRKİYE

Eklenmiş Dosya
Dosya tipi: pdf 2003-2-139-148-9sercinkaratac.pdf (228,9 KB (Kilobyte), 34x kez indirilmiştir)
Alıntı ile Cevapla
Cevapla

Tags
amaçlı, design, instructional, kullanımı-color, öğretim, page, renk, sayfası, tasarımında, usage, web

Seçenekler
Stil

Yetkileriniz
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

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



Bütün zaman ayarları WEZ +2 olarak düzenlenmiştir. Şu anki saat: 00:46 .