İ.Ü. AÇIK VE UZAKTAN EĞİTİM FAKÜLTESİ Grafik Tasarım Standartı

Transkript

1 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 1 / Amaç Kapsam Sorumlular Tanımlar Standartların Detayları... 2

2 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 2 / AMAÇ Auzef bünyesinde veya işbirliğinde üretilen eğitim öğretim materyalinde kullanılan görsel öğelerin standartlarının tanımlanmasını amaçlar. 2. KAPSAM İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi bünyesinde veya işbirliğinde üretilen eğitim öğretim materyali türlerini ve her bir tür için o materyal türüne özgü standartları kapsar. 3. SORUMLULAR İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi Yönetimi, Süreç Sorumluları, Süreç Asistanları, Şube Sorumluları 4. TANIMLAR AUZEF: İstanbul Üniversitesi Açık ve Uzaktan Eğitim Fakültesi ADEK: Akademik Değerlendirme ve Kalite Geliştirme Grubu 5. STANDARTLARIN DETAYLARI Animasyon Standartı: Bir konuyu anlatmak için, belirli bir senaryo ve kurgu doğrultusunda hazırlanmış görsellerin çeşitli dijital programlar yardımıyla hareketlendirilmesiyle oluşan hareketli görsel materyaldir. Tasarımcıların önceden hazırladıkları statik görsel materyallerin hareketlendirilmesiyle oluştuğu için illüstrasyon, fotoğraf, tipografi,vb. görsel materyalleri içermektedir. Ses ve/veya müzik kullanılabilir fakat kullanım zorunlu değildir. Başka bir materyal türünün içinde kullanılmak üzere üretilebilir. 2 boyutlu animasyonların üretimi için öncelikli olarak aşağıdaki programlar kullanılmaktadır: Adobe Flash Adobe Edge Animate (Html5 animasyon) Adobe After Effects Bir konunun daha iyi anlaşılabilmesi için hazırlanmış hareketli görüntüdür. Konuyla ilgili

3 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 3 / 10 izleyicinin kısaca özet bilgi edinmesini sağlar. Öğrenenin bir konuyu görüp izleyerek öğrenmesini sağlar. Konu bir süreci, mekanı, olayı anlatıyorsa veya konu içinde konunun daha iyi anlaşılabilmesi için izlenmesi faydalı olacak hareketli görüntüler varsa bu materyal türü tercih edilebilir. Senaryoya uygun ve tutarlı olmalıdır. İçerik olarak konuyu doğru şekilde anlatmalıdır. Görüntüler izleyicinin konuyu takip edip doğru şekilde anlayabileceği sırada ve hızda olmalıdır. Animasyonun hangi konuyu anlattığı rahatça anlaşılabilmelidir. (Bunun için başlık, giriş yazısı veya açıklayıcı seslendirme metni eklenebilir.) Düşük çözünürlüklü görsel materyaller kesinlikle kullanılmamalıdır. Animasyonun yayınlanacağı ölçülere uygun görseller tercih edilmelidir. Ekranda izleyicinin okuması gereken herhangi bir metin bulunuyorsa metinde kullanılan font için okunaklı bir karakter, renk ve yayınlanması planlanan ortamda rahat okunabilecek uygun bir font boyutu seçilmelidir. Metin, yazının uzunluğuna göre izleyicinin metnin tamamını okuyabileceği bir süre ekranda kalmalıdır. Ses ve görüntü sekronu düzgün olmalıdır. Animasyonun süresinin uzunluğu proje gereksinimlerine göre değiştirilebilmekle birlikte daha rahat izlenebilmesi için kısa tutulması tercih edilmelidir. Proje daha uzun olmasını zorunlu kılmıyorsa maksimum dk. ile sınırlandırılabilir. Başka bir materyal türünün içinde kullanılacaksa bu materyalde kullanılan görsel tasarıma ve konu içeriğine uygun olmalıdır. Projenin bütününe bakıldığında tüm elemanlar birbirleriyle tutarlı olmalıdır. Grafik Tasarım ve İllüstrasyon Standartı: Grafik tasarım, belirli bir konuyu anlatan ve tek başına kullanılabilecek görsel bir materyal üretimi için kullanılabildiği gibi bir materyal türünün veya sistemin ekranda görünmesi planlanan tüm öğelerinin (arayüzünün) hazırlanması için de kullanılmaktadır. İllüstrasyon, bir konuyu görsel olarak ifade eden çizim ve/veya kolajdır. Grafik tasarımın özellikleri;

4 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 4 / 10 Tipografi, fotoğraf, illüstrasyon vb. alt nesneler bulunabilir. Tasarım aşaması tamamlandığında ürün olarak statik görsel materyaller elde edilir. Temel olarak iki farklı amaç için üretiliyor olabilir; materyal türü olarak kullanım ve arayüz tasarımı olarak kullanım. Sonraki aşamada yazılıma gitmesi planlanan etkileşimli bir materyalin, yazılımdan önceki çalışma aşamasının sonucunda elde edilen ara ürün olabilir. İllüstrasyonun özellikleri; Adobe Illustrator, Freehand, Flash gibi vektör tabanlı bir programda vektörel; Photoshop, Corel Painter gibi bir programda ise piksel tabanlı (raster) görsel olarak üretilebilir. İçinde tipografi ve fotoğraf gibi alt nesneler bulundurabilir. Kendi başına bir materyal türü olarak kullanılabileceği gibi başka bir materyal türünin içinde de kullanılabilir. Materyal türü olarak hazırlanan grafik tasarım ürünü; Bir konunun daha iyi anlaşılması için hazırlanmaktadır. Görsel olarak ifade edildiğinde metin olarak ifade edildiğinden daha iyi anlaşılan konularda özellikle tercih edilir. Arayüz tasarımı için hazırlanan grafik tasarım ürünü; Kullanıcının etkileşime geçebildiği interaktif materyaller ve sistemler hazırlanırken üretilir. Bir sonraki aşamada yazılımı yapılacak ara üründür. Kullanıcının ihtiyaçlarını doğru şekilde karşılayabilmesi için grafik tasarım aşamasından önce çalışılan arayüz taslakları (wireframe ler) doğrultusunda çalışılır. İllüstrasyon; Bir konunun daha iyi anlaşılması için hazırlanmaktadır. Metin ağırlıklı uzun betimlemeler yerine bu tür görselleştirmelerle öğrenenin zihninde daha doğru bir imajın daha kısa sürede oluşması sağlanır. Konunun daha hızlı anlaşılmasını sağlar. Tüm öğrenenlerin zihninde aynı imajın canlanabilmesini sağlar. Materyal türü olarak hazırlanan grafik tasarım ürünü için; Senaryoya uygun ve tutarlı olmalıdır. İçerik olarak konuyu doğru şekilde anlatmalıdır.

5 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 5 / 10 Grafik tasarımın hangi konuyu anlattığı rahatça anlaşılabilmelidir. (Bunun için başlık ve/veya giriş yazısı eklenebilir.) Düşük çözünürlüklü görsel materyaller kesinlikle kullanılmamalıdır. Materyalin yayınlanacağı ve/veya basılacağı ölçülere uygun görseller tercih edilmelidir. (Uygun ölçülerde çalışılmalı ve uygun formatta export alınmalıdır.) Ekranda izleyicinin okuması gereken herhangi bir metin bulunuyorsa metinde kullanılan font için okunaklı bir karakter, renk ve yayınlanması planlanan ortamda rahat okunabilecek uygun bir font boyutu seçilmelidir. Başka bir materyal türünün içinde kullanılacaksa bu materyalde kullanılan görsel tasarıma ve konu içeriğine uygun olmalıdır. Projenin bütününe bakıldığında tüm elemanlar birbirleriyle tutarlı olmalıdır. Çalışmadaki layerlar ve nesneler başka bir çalışan dosyayı devraldığında anlayıp çalışabileceği şekilde isimlendirilerek gruplandırılmalıdır. Tasarımda kullanılan fontlar, fotoğraflar, dokular ve diğer ek materyaller çalışma dosyası içinde uygun konumda tutulmalıdır. Çalışma yapılırken kullanılan eklentiler, templateler, brushlar vb. ek dokümanlar çalışma klasörü içinde uygun konumda tutulmalıdır. Arayüz tasarımı için hazırlanan grafik tasarım ürünü için; Wireframe e uygun ve tutarlı olmalıdır. Eksik ekran/sayfa bulunmamalıdır. Proje başında belirlenen, arayüz tasarımında bulunması gereken tasarım öğelerinin kullanımı için görsel tasarım kuralları oluşturulmalıdır. Gerekli görülürse çalışma için görsel tasarım kurallarının bulunduğu bir tasarım rehberi hazırlanmalıdır. Çalışmadaki layerlar ve nesneler başka bir çalışan dosyayı devraldığında anlayıp çalışabileceği şekilde isimlendirilerek gruplandırılmalıdır. Hazırlanan butonlar için ayrı bir buton seti dosyası olutşrurulmalıdır. (Butonların 3 hali de bu buton seti içinde bulunmalıdır. Release, hover, click(pressed)) Hazırlanan ikonlar için ayrı bir ikon seti dosyası oluşturulmalıdır. Tasarımda kullanılan fontlar, fotoğraflar, dokular ve diğer ek materyaller çalışma dosyası içinde

6 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 6 / 10 uygun konumda tutulmalıdır. Çalışma yapılırken kullanılan eklentiler, templateler, brushlar vb. ek dokümanlar çalışma klasörü içinde uygun konumda tutulmalıdır. İllüstrasyon için; Senaryoya uygun ve tutarlı olmalıdır. İçerik olarak konuyu doğru şekilde anlatmalıdır. İllüstrasyonun hangi konuyu anlattığı rahatça anlaşılabilmelidir. Düşük çözünürlüklü görsel materyaller kesinlikle kullanılmamalıdır. Materyalin yayınlanacağı ve/veya basılacağı ölçülere uygun görseller tercih edilmelidir. (Uygun ölçülerde çalışılmalı ve uygun formatta export alınmalıdır.) Ekranda okuması gereken herhangi bir metin bulunuyorsa metinde kullanılan font için okunaklı bir karakter, renk ve yayınlanması planlanan ortamda rahat okunabilecek uygun bir font boyutu seçilmelidir. Başka bir materyal türünün içinde kullanılacaksa bu materyalde kullanılan görsel tasarıma ve konu içeriğine uygun olmalıdır. Projenin bütününe bakıldığında tüm elemanlar birbirleriyle tutarlı olmalıdır. Çalışmadaki layerlar ve nesneler başka bir çalışan dosyayı devraldığında anlayıp çalışabileceği şekilde isimlendirilerek gruplandırılmalıdır. Tasarımda kullanılan fontlar, fotoğraflar, dokular ve diğer ek materyaller çalışma dosyası içinde uygun konumda tutulmalıdır. Çalışma yapılırken kullanılan eklentiler, templateler, brushlar vb. ek dokümanlar çalışma klasörü içinde uygun konumda tutulmalıdır.

7 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 7 / 10 3D Animasyon Standartı: Üç boyutlu görsel modelleme programlarında oluşturulmuş görsellerle hazırlanmış hareketli görüntülerdir. 3D Max, Maya, Cinema 4D, Z-brush gibi 3 boyutlu modelleme ve animasyon programlarında hazırlanır. Çıkan ürün video veya animasyonun sekanslarından (karelerinden) oluşan sıralı imajlar olabilir. Tek başına kullanılabilecek bir materyal türü olarak veya etkileşimli bir materyalde kullanılmak üzere üretilmiş olabilir. Bir konunun daha iyi anlaşılması için hazırlanmaktadır. Metin ağırlıklı uzun betimlemeler yerine bu tür görselleştirmelerle öğrenenin zihninde daha doğru bir imajın daha kısa sürede oluşması sağlanır. Konunun daha hızlı anlaşılmasını sağlar. Tüm öğrenenlerin zihninde aynı imajın canlanabilmesini sağlar. 3 boyutlu ve hareketli bir görüntü olduğu için anlatılan konunun zihinde gerçek durumla/olayla daha hızlı ilişkilendirilebilmesini sağlar. Senaryoya uygun ve tutarlı olmalıdır. İçerik olarak konuyu doğru şekilde anlatmalıdır. Görüntüler izleyicinin konuyu takip edip doğru şekilde anlayabileceği sırada ve hızda olmalıdır. Animasyonun hangi konuyu anlattığı rahatça anlaşılabilmelidir. (Bunun için başlık, giriş yazısı veya açıklayıcı seslendirme metni eklenebilir.) Düşük çözünürlüklü görsel materyaller kesinlikle kullanılmamalıdır. Animasyonun yayınlanacağı ölçülere uygun görseller tercih edilmelidir. Ekranda izleyicinin okuması gereken herhangi bir metin bulunuyorsa metinde kullanılan font için okunaklı bir karakter, renk ve yayınlanması planlanan ortamda rahat okunabilecek uygun bir font boyutu seçilmelidir. Metin, yazının uzunluğuna göre izleyicinin metnin tamamını okuyabileceği bir süre ekranda kalmalıdır. Çalışmada ses bulunuyorsa, ses ve görüntü sekronu düzgün olmalıdır. Animasyonun süresinin uzunluğu proje gereksinimlerine göre değiştirilebilmekle birlikte daha rahat izlenebilmesi için kısa tutulması tercih edilmelidir. Proje daha uzun olmasını zorunlu kılmıyorsa maksimum dk. ile sınırlandırılabilir. Başka bir materyal türünün içinde kullanılacaksa bu materyalde kullanılan görsel tasarıma ve konu

8 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 8 / 10 içeriğine uygun olmalıdır. Projenin bütününe bakıldığında tüm elemanlar birbirleriyle tutarlı olmalıdır. Çalışmadaki nesneler başka bir çalışan dosyayı devraldığında anlayıp çalışabileceği şekilde düzenlenmelidir. Kullanılan fontlar, fotoğraflar, dokular ve diğer ek materyaller çalışma dosyası içinde uygun konumda tutulmalıdır. Çalışma yapılırken kullanılan eklentiler, templateler, vb. ek dokümanlar çalışma klasörü içinde uygun konumda tutulmalıdır. (Web/mobil/interaktif tahta vb. İnfografik Standartı: Bilgilendirme grafikleri ya da infografikler; bilgi, veri ve bilgi birikimlerini görsel olarak sergileyen grafiklerdir. Bu grafikler çok karışık konuları işaretler, haritalar ve teknik yazarlık ile çok kolay ve açıklayıcı bir şekilde sergiler. Tipografi, fotoğraf, illüstrasyon, grafik tasarım vb. alt nesneler bulunabilir. Tasarım aşaması tamamlandığında ürün olarak statik görsel materyal, hareketli veya interaktif görsel materyaller elde edilir. İnteraktif bir infografik tasarlanıyorsa sonraki aşamada yazılıma gitmesi planlanan etkileşimli bir materyalin, yazılımdan önceki çalışma aşamasının sonucunda elde edilen ara ürün olabilir. Adobe Illustrator, Freehand, Flash gibi vektör tabanlı bir programda vektörel; Photoshop, Corel Painter gibi bir programda ise piksel tabanlı (raster) görsel olarak üretilebilir. Html 5 tabanlı hazırlanması bekleniyorsa program olarak Adobe Edge kullanılır. Kendi başına bir materyal türü olarak kullanılabileceği gibi başka bir materyal türünin içinde de kullanılabilir. Bu materyal türü karmaşık verilerin ve bilgilerin daha rahat okunur, daha anlaşılır ve akılda kalıcı şekilde sunulmasını amaçlar. Ham bilgiler/veriler bu amaçla ilişkisel olarak gruplanarak organize edilir ve görselleştirilir. Senaryoya uygun ve tutarlı olmalıdır. İçerik olarak konuyu doğru şekilde anlatmalıdır. Birbiriyle ilişkili bilgiler kolay anlaşılır şekilde gruplanarak organize edilmiş ve anlatılmak istenen

9 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 9 / 10 konunun içeriğini doğru temsil eden görselleştirmeler kullanılmış olmalıdır. Hareketli infografiklerde taslak aşamasında storyboard oluşturulmalıdır. Tasarım en son üretilmesine karar verilen storyboarda uygun olmalıdır. İnteraktif infografiklerde taslak aşamasında wireframe oluşturulmalıdır. Tasarım en son üretilmesine karar verilen wireframe e uygun olmalıdır. İnteraktif infografiklerde hazırlanan butonların 3 hali de (release, hover, click(pressed)) çalışılmalıdır. İnfografiğin hangi konuyu anlattığı rahatça anlaşılabilmelidir. (Bunun için başlık ve/veya giriş yazısı eklenebilir.) Düşük çözünürlüklü görsel materyaller kesinlikle kullanılmamalıdır. Materyalin yayınlanacağı ve/veya basılacağı ölçülere uygun görseller tercih edilmelidir. (Uygun ölçülerde çalışılmalı ve uygun formatta export alınmalıdır.) Ekranda izleyicinin okuması gereken herhangi bir metin bulunuyorsa metinde kullanılan font için okunaklı bir karakter, renk ve yayınlanması planlanan ortamda rahat okunabilecek uygun bir font boyutu seçilmelidir. Tasarlanan infografiklerin; kendi içlerinde anlatım bütünlüğünü korumaları ve tutarlı bir devamlılık gösterebilmeleri için, biçimsel olarak (renk, font, stil) aynı dilde olmaları, bir ailenin parçaları gibi gözükmeleri gerekmektedir. Başka bir materyal türünün içinde kullanılacaksa bu materyalde kullanılan görsel tasarıma ve konu içeriğine uygun olmalıdır. Projenin bütününe bakıldığında tüm elemanlar birbirleriyle tutarlı olmalıdır. Çalışmadaki layerlar ve nesneler başka bir çalışan dosyayı devraldığında anlayıp çalışabileceği şekilde isimlendirilerek gruplandırılmalıdır. Tasarımda kullanılan fontlar, fotoğraflar, dokular ve diğer ek materyaller çalışma dosyası içinde uygun konumda tutulmalıdır. Çalışma yapılırken kullanılan eklentiler, templateler, brushlar vb. ek dokümanlar çalışma klasörü içinde uygun konumda tutulmalıdır.

10 Dök. No: AUZEF-SS Yayın Tarihi: Rev.No:00 Rev Tarihi: Sayfa 10 / 10 Sesli Slayt: Sunu dosyası formatında hazırlanan; resim, grafik ve seslendirme ile desteklenen, navigasyonu olan öğretici içerik sunum formatıdır. Sesli slaytın en önemli özelliği içeriklerin ekran ekran gelmesi ve içeriklerde seslendirme kullanılmasıdır. Gelişmiş powerpoint sunusu olarak tanımlanabilir. Ekranlar arasındaki geçiş ileri ve geri okları ile yapılır. İçindekiler butonu ile tüm slaytların listesine ulaşılabilir. İçerikle ilgili olarak tek yönlü bir mesajlaşma sistemi vardır. Öğrenci soru, öneri ve diğer isteklerini mesaj gönder butonunu kullanarak dersin öğretim üyesine veya sistemin admin kişisine gönderebilir. Yoğun anlatım özellikleri olmayan, sayfa sayısı az olan, mikro konular için kullanılmak üzere tasarlanmıştır. Hizmetiçi eğitim ve sertifika programları için kullanılabilir. Sesli slayt sunum formatında en önemli unsurlardan biri seslendirmedir. Temiz ve anlaşılır, kolay duyulabilir özelliklerde seslendirme kullanılması gerekmektedir. Slayt sayısının ideal olarak elliyi geçmemesi önerilir. Seslendirme ile içeriğin senkron halde çalışması anlatımı ve takibi kolaylaştıracaktır.