PERTEMUAN III Oleh : Fajar Y. Zebua.  Tujuan  Mengatur berbagai elemen pada halaman web untuk memberikan kenyamanan pada pengunjung.  Kejelasan = Hubungan.

Slides:



Advertisements
Presentasi serupa
Amy Cintya Fitri Pendidikan B. Jepang 2 A
Advertisements

PRINSIP DESIGN IMK.
Pertemuan 2.  Dreamweaver adl salah satu program pembuatan website yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat dipergunakan untuk.
OpenOffice.org Impress
keyakinan, kepercayaan, ketelitian, kehidupan.
PEMBUATAN MEDIA PRESENTASI DENGAN POWER POINT
Drs. Iwan Wijaya PELATIHAN MEDIA PRESENTASI DENGAN Ms. POWER POINT 2007 SELAMAT DATANG di.
Lily Puspa Dewi 1 PPA Pertemuan ke – 3 Chapter 3 & 4.
PRESENTASI Presenter Audiens Presentasi adalah pertukaran informasi
Panduan Poster Ilmiah.
Web Design Muhamad Akbar. Ukuran Halaman Fixed page widths – Flexible page widths –Mail.yahoo.com.
HTML (Hypertext Markup Language)
Desain Antar Muka (Interface) Disusun Oleh : Dr. Lily Wulandari Program Pasca Sarjana Magister Sistem Informasi Universitas Gunadarma.
Desain permodelan grafis
PENGERTIAN CSS.
CSS.
KEMENTERIAN PENDIDIKAN NASIONAL
Microsoft Office PowerPoint 2007.
Bekerja dengan file dan desain web
Pemrograman Berbasis Web CSS
Ega puspitriani Pendidikan B. Jepang 2 A
Pertemuan ke 3 Pengenalan kepada HTML By Tri Pratiwi BSc, Meng, MPhil.
PENGANTAR TEKNOLOGI INFORMASI ( PTI ) pertemuan 2 Oleh : L1153 Halim Agung,S.Kom.
KEMENTERIAN PENDIDIKAN NASIONAL
CSS (Cascading Style Sheet)
Usability: Disain Web yang Brilian
CSS Eksternal & Style Elemen
Oleh : Fajar Y. Zebua ◊ ◊ Id YM : fajarzebua ◊ Mobile Phone :
HTML Universitas Muhammadiyah Surakarta Yogiek Indra K.
IRAWATI, S.Kom.,MT. PEMROGRAMAN WEB
Basic Design Principles
Desain Antar Muka (Interface)
PERTEMUAN CSS Pengenalan CSS.
Membangun Web Site“Cantik”
Memahami format teks pada halaman web Menyajikan teks dalam format tertentu pada halaman web Create By Widiyono.
DESAIN.
TEKS & TABEL DREAMWEAVER
Microsoft Office PowerPoint 2007.
KOMPUTER APLIKASI IT XHTML & CSS MODUL 06
KOMPUTER APLIKASI IT XHTML & CSS MODUL 02
Materi 1. Konsep dasar, pembuatan dan aplikasi multimedia
Perancangan Multimedia Bertalya
KEMENTERIAN PENDIDIKAN NASIONAL
Teknik Presentasi.
JUDUL BIDANG STUDI Tampilan:
PANDUAN PEMBUATAN PRESENTASI
CSS Pertemuan 12 Matakuliah : L0182 / Web & Animation Design
INTERNET (Praktikum) STMIK “BINA NUSANTARA JAYA”
PERTEMUAN 5 CSS IMAGE.
Area Kerja Dreamweaver
Nelly Indriani Widiastuti S.Si., M.T IF - UNIKOM
Teknik Pembelajaran IPA
Presentasi Efektif Dengan Microsoft Power Point
Konsep Pewarnaan Website
CSS.
Microsoft Power Point 2007.
3. The performance of a client-server system is influenced by two network factors: the bandwidth of the network (how many bits/sec it can transport) and.
Membuat Presentasi Baik & Menarik.
Darmawan satyananda Mathematics department State university of malang
TUGAS ANDA HANYA MENYEBUTKAN WARNANYA SAJA.
Abdu Hari Wijaya Nurul Fajri
RANCANGAN POSTER ILMIAH
Hyperlink, Chart, Smart Art dan Etika dalam membuat presentasi
Microsoft Office PowerPoint 2007 Part 1.
MUHAMAD HENRICK CAHYANTO, ST SMAN 11 BANDUNG
Ciri-Ciri Reka Letak Yang Baik.
Media Presentasi Menggunakan Microsoft Power Point 2007.
KEMENTERIAN PENDIDIKAN NASIONAL
Tri Hita Karana as the basic philosophy of Balinese Political Ecology: a case study of traditional Balinese agricultural organization Subak I Gede Herry.
Integrasi e-Office dan Saga
Transcript presentasi:

PERTEMUAN III Oleh : Fajar Y. Zebua

 Tujuan  Mengatur berbagai elemen pada halaman web untuk memberikan kenyamanan pada pengunjung.  Kejelasan = Hubungan antar elemen-elemen.

 what is part of what  what is different from what  how different elements relate to each other Prinsip utama = Ekonomis

 Kontras (Contrast )  Warna (Colour)  Kekayaan (Richness)  Dinamis (Dynamism)

 Menonjolkan hal-hal agar terlihat lebih jelas.  Kontras : - High Contrast - Low Contrast

 spired.at/ spired.at/

 Konsisten dan Seimbang  Tidak baik menggunakan warna yang banyak

 Warna yang cukup  Sisakan ruang putih pada layout  Gunakan latar belakang yang tidak menonjol pada bagian utama layout  Hindari warna yang intens

 Warna merah terlalu menonjol

 Hindari menyandingk an warna intens dengan foto

 Kombinasi warna tidak baik, ditambah ukuran font yang kecil

 warna  pola  layering  efek 3D seperti gradients  bayangan  highlights.

 Gerakan  Tidak harus animasi

 Don't use too many font sizes  Use sans-serif face for all body copy  Don't use too many typefaces  Emphasis  Alignment  Contrast in text  Case / Capitalisation  Spacing text  Text block size

ADA PERTANYAAN?

Q U I Z