Desain Grafis WWW - faculty.petra.ac.idfaculty.petra.ac.id/ido/courses/grafis/desain_grafis.pdf ·...
Transcript of Desain Grafis WWW - faculty.petra.ac.idfaculty.petra.ac.id/ido/courses/grafis/desain_grafis.pdf ·...
Desain Grafis WWWIdo Priyono Hadi
Web site adalah koleksi dari banyak file yang dihubungkan satu sama lain.
Halaman web adalah dokumen yang ditulis dalam html [hypertext mark-up language] yang bisa dilihat oleh siapapun dan kapanpun – bagi orang yang mempunyai web browser.
Copyright by Ido
3 Generasi Desain Website : sebuah hipotesa 1
3 Generasi Desain Website : sebuah hipotesa 2
3 Generasi Desain Website : sebuah hipotesa 3
3 Generasi Desain Website : sebuah hipotesa 3 : Contoh
Proses Pembuatan Website
1. Define Content / Website ObjectivesMaksud dan Tujuan situs. Kebutuhan orang membaca halaman web Anda. Yang terbaik anda bisa menemukan kebutuhan mereka.
2. Develop ArchitectureMembuat kerangka dasar situs atau arsitektur atau hirarki. Gunakan flowchart. Prioritas dan kategori. Tentukan link diantara kategori.
3. Create DesignDesain seharusnya bisa tampak bagus di monitor komputer. Konsistensi desain pada semua halaman web SANGAT penting. Warna, Huruf, Grafis, Garis, Tabel, Logo, dan Navigasi
4. Implement The SiteUjikan desain web anda pada berbagai monitor komputer, platforms dan browsers sebelum di upload di server World Wide Web.
5. Maintaining the site
Define Content/ Isi
Tentukan Maksud dan Tujuan Situs AndaApa Kebutuhan Orang Mengunjungi Situs AndaTentukan Target Umur Rata-rata Audiencedan Tingkat Ketrampilan.Kenali Audience AndaJagalah Content Anda Fresh dan Up To DateDahulukan Kualitas di Atas KuantitasNyatakan Kebijaksanaan Anda Dg Jelas [Privacy Policy, Copyright, Disclaimer]
What is a Map?What is Site Map?
Map adalah bentuk khusus komunikasi visual representasi dunia tiga dimensi dalam bentuk dua dimensi. Map adalah sebuah geometri imajinasi visual.
Belum ada definisi umum tentang site map. Bisa diartikan sebuah index, table of content, sekilas, atau diagram.Site Map adalah navigasi untuk pengunjung ke sebuah website.
Arsitektur Situs : Site Map
Arsitektur Situs : Sequence
Informasi mengalir spt narasi linier, time line, logis, kronologis, serial dari umum ke khusus, alphabetis, index, ensiklopedia, dan glossaries.
Arsitektur Situs : Grid
Korelatif variabel, time line vs historical information. Kategori standar : events, technology, culture, etc. User hrs mengenali interrelationships antara kategori informasi.
Arsitektur Situs : Hierarchy
Bagus untuk menyusun struktur informasi yang komplek. Bagus untuk website, spt single homepage. Navigasinya mudah dimengerti. Lebih familiar dg diagram hirarki.
Arsitektur Situs : Web
Web spt struktur organisasi, ada batasan pada pola penggunaan informasi. Informasi mengalir bagai ide bebas, sesuai keinginan users. Struktur spt ini membingungkan users tentang interrelationships menu.
Pengorganisasian Desain Sitemap
Pengorganisasian Desain Sitemap
Ingatlah ! : Web site bukanlah seperti publikasi cetak tradisional yang dapat
dibaca secara berurutan dari satu halaman cover ke halaman cover lain.
Web site dibagi ke dalam bagian-bagian pendek dalam link interaktif yang bisa membantu pengunjung melihat contentmelalui point of interest mereka.
Buttons [tombol], graphics, dan hypertext memberikan navigasi/ rute dari sebuah content web koneksi satu sama lain.
Arsitektur Situs : Summary