Görsel Tasarımın Öğelerini Doğru Kullanma
Muttalip TULGAR Tarih: 16/11/2008 Yorum: 15 adet
Okunma : 2410 Tutanlar: Bu yazıyı 4 kişi tuttu.
Görsel Tasarımın Öğelerini Doğru Kullanma
İstediğiniz kadar Flash’ı iyi kullanın istediğiniz kadar iyi kodlar yazın eğer aktaracağınız mesaj (ileti) hedef kitleniz üzerinde gereken ilgiyi uyandıramadıysa her şey boşa gitmiş olur. Tabii bu mesajınız fizik, matematik, tarih, coğrafya gibi bir dersin konusu da olabilir, şirketinizin hizmet içi eğitiminde kullandığınız bir iş alanı da olabilir.
Her ne aktarırsanız aktarın içeriğinizi destekleyecek grafik-resim, video, ses, metin, renk, yapı ve öne çıkartma gibi tasarım öğelerini yerinde kullanmanız mesajınıza güç katacaktır.
Ancak bu öğeleri yerinde kullanmazsanız başınızı derde sokarsınız. Bu yargı size abartılı gibi gelebilir fakat öğretimi destekleyen bu öğeleri yanlış kullanmak mesajın hedef kitleye ulaşmasını engelleyecek hatta yanlış ulaşmasına yol açacak ve işinizde başarısız olacaksınız.
Günlük hayat içinde ve internette de çokça rastlanılan Powerpoint sunumlarında veya Flash ile yapılmış konu ve ders anlatımlarında ses, görüntü, video, efekt, metin ve renk gibi öğelerin ne kadar bilinçsizce ve hoyratça kullanıldığına şahit olmuşuzdur.
Bir çuval inciri mahvetmemek adına öğretim tasarım öğelerinin doğru kullanımını bilmek, uygulamayı geliştirdiğiniz programı kullanmaktan daha önemlidir.
Grafik-Resim
- Rahatsız edici arka alan (zemin) kullanmayınız.
- Görsel objeyi ikiye bölecek yatay çizgiler kullanmaktan kaçınınız.
- Her bir görsel objede tek bir kavram sununuz.
- Karmaşık görsel objeleri basitleştirin veya adım adım tekrar oluşturunuz.
- Aşırı detay ve gerçekçilikten kaçınınız.
- Grafikleri ilişkili metinle beraber sununuz.
Metin
- Aynı görüntüde farklı yazı tipleri kullanmayınız.
- Sadece gerektiğinde büyük harf kullanınız.
- Satırlar arasındaki boşluk, kelime yüksekliğinin 1/2’si kadar olmalıdır.
- Bir noktaya dikkat çekmek için yan, kalın, renkli, ve altı çizili yazı tipini tercih ediniz.
- Başlıkları ekranın en üst kısmında ortaya veya sol tarafa yerleştiriniz.
- Başlıkla metin arasında en az bir boşluk bırakınız.
- Kelimeleri tam heceleri ile yazınız; kısaltma kullanmayınız.
- Basit ve anlaşılır cümleler yazınız.
- Her cümlenin sonuna bir nokta koyunuz.
- Mümkün olduğu kadar, her ekranda sadece bir paragraf kullanmaya çalışınız.
- Metinleri sola dayalı yazınız.
- Satır sonunda bölünmüş kelimeler kullanmamaya çalışınız.
- Kalın ve düzgün yazı tipini tercih ediniz.(Arial,Tahoma,Verdana)
- Sütun kullanmayınız.
Renk
- Metinlerde ve resimlerde zemin rengine zıt bir renk kullanınız.
- Birden çok görsel objede tutarlı zemin rengi kullanınız. (Hepsinde renk aynı olsun)
- Bir görsel nesnede renk miktarını sınırlayınız.
- Önemli objelere dikkat çekmek için bu objelerde en parlak ve açık renkleri kullanınız.
- Etkili renk birleşimlerini kullanınız.
- Kırmızı ve yeşil, mavi ve sarı, yeşil ve mavi, kırmızı ve mavi renk birleşimlerinden kaçınınız.
- Yaygın olarak belli bir işlem için kullandığımız renkleri olduğundan farklı kullanmakta uygun değildir. (Kırmızı tehlike, yanlış, dur gibi anlamlar için yaygın olarak kullanılır.)
- Pembe veya bordo gibi "sıcak" renkleri kullanmaktan kaçınınız.
Yapı
- Sayfa görüntüsünün dengeli olduğundan emin olunuz.
- Slaytlar için yatay format kullanınız.
- Görsel nesneler okunabilir olsun; eğer kullanıcı okuyamıyorsa, o malzemeyi kullanmayınız.
- Düzgün bir yapı kullanınız (dengeli, sıralı, ve sola-yanaşık).
- Görsellik mümkün olan en basit şekilde olsun; aşırı detaylardan kaçınınız.
- Fare kontrol tuşları ekranın en alt sağına koyunuz.
- Her yeni bir konu için ayrı bir ekran kullanınız.
Öne Çıkartma
- Öne çıkartma teknikleri; dikkatleri kelimelere, metinlere veya grafiklere çekerler ve renkli, büyük, altı çizili, kutu içine alınmış, kesme işaretli, yanıp sönen veya parlak (belki de en dikkat çeken türdür), ters renkte ve farklı fare göstergesi olan nesneleri ifade ederler.
- Yanıp sönme veya parlak nesneleri sadece çok önemli mesajları vermek için kullanınız. Hatta çok az kullanınız.
- Aynı ekranda farklı iki yerde yanıp sönen veya parlak nesneleri kullanmaktan kaçınınız.
- Kullanıcının etkileşimine ihtiyaç duyulduğunu göstermek için mümkün olan yerlerde ses kullanınız.
- Kullanıcının dikkatini çektikten sonra tekrar normal veya başka öne çıkartma tekniklerini kullanınız.
- Öne çıkartma tekniklerini kısıtlı kullanınız. Aksi takdirde, içeriğin önemini yitirmesine neden olabilirsiniz.
Yazan: Muttalip TULGAR
Kaynakça:
Wong, W.(1993).Principles of Form and Design, John Wiley& Sons, Kanada
Galitz, Wilbert.(2007). The Essential Guide to User Interface Design.Wiley, 3. Edition
Şahin, Tuğba Y. Yıldırım, Soner. Öğretim Teknolojileri Ve Materyal Geliştirme,Anı Yayınları,Ankara, 1999 .
Keller, J. (October 1987). Strategies for stimulating the motivation to learn. Performance and Instruction.
Demirel Özcan, Seferoğlu Sadi, Yağcı Esed(2002). Öğretim Teknolojileri ve Materyal Geliştirme. Pegem A Yayıncılık.
Materyal tasarımı veya öğretim tasarımında kullanılan ortak öğelerden bahsettim. İkisinde de ortak kaygı mesajı alıcıya (hedef kitle) doğru iletmektir. Bu makalede de tasarım öğelerinin kullanımı üzerinde odaklanılmıştır. Sanırım makale başlığı size başka şeyler çağrıştırdı. Makale başlığını "Görsel Tasarımın Öğelerini Doğru Kullanma" olarak değiştirsek daha mı iyi olur acaba?
maddeleri cok begendim. bunlari bir sayfalik renkli bir PDF kopya kagidinda (cheat sheet) toplasak super olurdu, bir yerlere asip surekli bakmak icin. iyi arastirma, tekrar tebrikler.
Şimdi vermiş olduğunuz başlığın çok daha doğru olduğunu düşünmekteyim. Aslında bu düşünce "bence" değil de aldığım derslere ve hocalarımla olan tartışmalarıma göre doğru cevap. Biz de sınıf olarak bu öğeleri birbirine karıştırmaktaydık fakat materyal tasarımı ve öğretim tasarımı kavramlarında ortak bir "tasarım" sözcüğü yazılı olmasına rağmen ikisinin anlamı birbirinden tamamen farklı. Hassasiyetiniz için teşekkürler Muttalip arkadaşım.
Selçuk arkadaşım çok hakılsın bunlar hayati önem taşıyan maddeler bir materyal tasarlamak için.
Güzel öğütler…
Bence temelinde aşıraya kaçmamak var. Biz insanlar göz doymaz yaratıklardanız. İmkanımız olsa örneğin Flash ile işletim sistemi yazmaya çalışırız…:)
Peki ‘sanatsal anlayış’ımızı nasıl geliştirebiliriz? Yani görsel öğelere yeteneğimiz fazla olabilir, tasarımın algoritma kodlama kısmını da kıvırıyoruz peki göze hoş gözükenden nasıl emin olacağız? Bize güzel gözükmesi veya altın oranı bilmemiz yetmez sanırım?
Sevgiler, saygılar…
Görsel tasarımda görecelik olmakla beraber görselliğin insanlar üzerindeki etkisini ölçen çeşitli kullanışlılık (usability) testleri de yapılmıştır. Eğer bir şeyi insanlara görsellik kullanarak öğretiyorsanız işiniz daha da zor oluyor. İşin içine öğrenme süreci girdiği için artık görsel tasarımda kullandığınız her öğe öğrenmeyi olumlu yada olumsuz etkiliyor.
Daha iki gün öncesinde basılı görsel afişler tasarlayan bir arkadaşımla tasarımda göreceliği tartışıyorduk. Tartışma konusu; bir konuyu insanlara bilgisayar ile öğretirken ekran tasarımında konu başlığının dikey yazılıp yazılmayacağı idi. Arkadaşımız iyi bir afiş tasarımcısı ama burada öğrenme unsurunu dikkate almadığı için metinleri dik olarak yazmakta bir sakınca görmedi.
Makalede adı geçen görsel tasarımda dikkat edilmesi gereken noktalarda bireysellikten öte çeşitli testlerle ortaya konan ilkelerdir.
dönüp bakıyorum aralıklarla bu yazıya Muttalip, gerçekten çok faydalı, her kelimesiyle akılda yer etmesi gerekiyor, çünkü çalışmanın temel prensiplerinden bahsediyor. bu muhabbeti koyulaştırıp, işin teorik kısmı üzerinde daha çok yazman da elbette ki temennim. :)
Bu türden evrensel doğrular içeren tablet öneriler, insanlari bile bile lades demekten kurtarıyor.
Ne yazık ki, Türkiye’ de sadece akademilerde (belki) verilen hayat kurtarıcı öneriler her iş /sanat disiplininde de bu kadar net olarak tanımlı olabilse, Yazılsa çizilse ve tartışılsa.
Eline sağlık Muttalip!
Benim naçisane bir de önerim olacak.
Bu yapılması ya da yapılmaması gerekenleri, grafik ve metinsel olarak da desteklesek. Bizim gibi artık orta yaşları da hızlı hızlı tüketenlerin iyi hatırlayacakları, muhtemelen bugün aldığımız kararlara bile halen etkiyen "Doğru Ahmet" ve "Yanlış Mehmet" leri yukarıdaki bulletlarla birleştirsek belki de daha da akılda kalıcı ve somutlaycı bir değer üretmiş olacağız. Bu kollektif bir çalışma olabilir.
Örneklemek gerekirse,
ton karşıtlığı olan bir zemin ve üzerinde okunakli bir metin, ve okunakli olmayan bir materyal.
Tipografik olarak fevkalde bir metin ve okunamaz bir metin
İyi pictogram kulanimi ve vasat fotografik anlatım
vb
"Devlet buna bi’ şey yapması lazım" Murat Abi.
Murat kesinlikle söylediklerinde haklısın. En büyük arzum grafiksel olarak karşılaştırmalar yapmaktı. Ancak çok fazla zamanımı alacağından bu konuyu hep öteliyordum. Hiç bir şey yazmamaktansa metin olarak yazmayı tercih ettim. Ancak ilerleyen zamanlarda bu konuyu güncelleyerek grafik ve şemalarla desteklemeyi düşünüyorum. Belki başka arkadaşlarda bu makaleyi görselleştirirler.
Hoş olur değil mi?
super! ben de elimden geldiğince desteklerim.
Üzerime düşen bir görev varsa ben de yapmaya hazırımç Bu konularda söz sahibi olmamız adına güzel bir adım olur :)
Arkadaşlar top sizde öyleyse.Kolay gelsin.
Bir çeşit video tutorial üzerinde çalışıyorum Muttalip‘in belirttiği konular üzerinde, ancak After Effects üzerinde. Zaten After Effects’e birkaç özellik daha eklersek Photoshop’a gerek yok :)
Öhüm, evet çok iddialı oldu gibi son cümle ama, iddiamda ısrarcıyım. Zaten önemli olan eğer ki tasarım öğesiyse, Adobe’nin herhangi bir programı faydalı olacaktır kanaatindeyim, önemli olan öğeler ve renkler…
Merhaba aranıza daha dün katıldım ve bu makaleyi okumadan önce hazırlamış oldugum görsel efekti kendimce oldu dedim ve burada yazılanları okuduktan sonra hatalarımı anladım şimdi telafi etme yolundayım teşekkür ederim paylaştıgınız için
Makale
Haber
Etkinlikler
Yarışma
6. İstanbul Uluslararası Animasyon Festivali (IAFISTANBUL) Yarışması
6. İstanbul Uluslararası Animasyon Festivali (IAFISTANBUL) Yarışması
13-22 Kasım 2009 tarihleri arasında düzenlenecek 6. İstanbul Uluslararası Animasyon Festivali için film yarışması başvuruları başlamıştır.
Herkese ...
Kategori:
Yarışma
Kimler Burada? 
Son 1 dakika içinde MMIstanbul' da 409 (1 kayıtlı, 408 ziyaretçi) kullanıcı varmış. Login durumda olanlar aşağıda:
MMIstanbul Blog'undan
Blog Bölümü Blogevi.com'a Taşınıyor
Selam arkadaşlar MMIstanbul’da , tasarımcı ve programcıların blog yazılarını "feedleyerek" MMIstanbul okurlarını MMIstanbul ...
7.500'üncü üyemiz Cem Koç!
Neler Yapılabilir?
500 Hatası Hakkında!
Reklam, MMIstanbul ve Yeni Projeler (Durumumuz Bu Tarzında)









Paylaşımınız için teşekkür ederim. Ancak size bi soru sormak istiyorum.
"Öğretim tasarımı" ne demek tanımını yapabilir misiniz?
Bu yazıda ele aldığınız maddelerin materyal tasarımıyla ilgili olduğunu söylemek istiyorum. Çünkü materyalde görsel öğelerin birbirleriyle ilgili durumları bu bahsettikleriniz.
Öğretim tasarımı ise "Öğrenme, öğretme sürecinin niteliğini artırabilmek amacıyla, öğrenme kuramlarından ve öğretim teknolojisinden yararlanarak, öğrenme sürecinde yer alan öğelerin sistematik olarak geliştirilmesidir." olarak tanımlanabilir.
Öğretim tasarımındaki tasarım da şu anlama gelmektedir: "Belli bir probleme çözüm oluşturmak amacıyla, var olan çözümlerden yola çıkarak yeni önermeler geliştirme sürecidir."