Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
WEB DESAIN
prepared by ratno suprapto MINGGU #2
WEBDESAIN
UNSUR & ELEMEN DESAIN DALAM PERANCANGAN WEB DESAIN
Web Desain adalah istilah yang sering digunakan
untuk menggambarkan
bagaimana tampilan isi suatu website atau situs.
WEB DESAIN
WEB DESAIN
Tampilan dari website biasanya berupa hypertext (HTML) atau hypermedia yang
dikirimkan ke user melalui World Wide Web.
WEB DESAIN
Untuk menampilkan suatu desain web atau isi dari suatu website,
dibutuhkan sebuah browser web atau software (perangkat lunak)
berbasis web.
WEB DESAIN
Tujuan dari web desain adalah untuk membuat tampilan website yang meliputi sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada web server.
WEB DESAIN
Bisa juga, sebuah website berupa
sekumpulan teks, gambar, suara,
video dan konten lainnya, serta dapat
bersifat interaktif maupun statis.
Web Desain terbagi menjadi
beberapa kategori,
diantaranya:
WEB DESAIN
KATEGORI WEB DESAIN
WEB DESAIN!STATIS
WEB DESAIN!DINAMIS
WEB DESAIN!BERBASIS APLIKASI !
INFORMASI
Web jenis statis dalam arti
desain berarti diam/tidak bergerak.
!Jenis web ini juga dapat
berarti jenis web yang tidak
memerlukan up date konten.
Web jenis dinamis dalam
arti desain berarti
bergerak. !
Jenis web ini juga dapat
berarti jenis web yang
memerlukan up date konten setiap hari.
Web jenis ini adalah web
yang memerlukan
sistem informasi. !
Kebutuhan isi seperti data
mahasiswa, data pegawai, data
keuangan, data barang, dan data lainnya.
UNSUR Web Desain: 1. LOGO 2. BRAN NAME (NAMA
PERUSAHAAN) 3. TEXT 4. IMAGE/GAMBAR 5. BACKGROUND (COLOR/
IMAGE) 6. COLOR 7. VIDEO 8. SYMBOL/ICON 9. GRID 10. LAYOUT
WEB DESAIN
UNSUR, ELEMEN & KONTEN DESAIN
DALAM WEB DESAIN
ELEMEN Web Desain: 1. MAIN MENU 2. SUB MENU 3. SUB-SUB MENU 4. HEADING 5. BODY TEXT 6. SCROLL DOWN 7. BUTTON 8. POP UP 9. BANNER 10. NAVIGATION (LINK)
WEB DESAIN
UNSUR, ELEMEN & KONTEN DESAIN
DALAM WEB DESAIN
KONTEN Web Desain:!!Berisi tentang apa saja yang akan ditampilkan dalam web. Seperti: !1. SEARCH 2. FORUM 3. NEWS FEED 4. DESIGN 5. BLOG 6. ADVERTISING 7. MARKETING 8. ALNALYTICS/STATISTIC 9. etc.
WEB DESAIN
UNSUR, ELEMEN & KONTEN DESAIN
DALAM WEB DESAIN
Tahap-tahap dalam merancang web desain:!!1. IDE!2. KONSEP!3. SKETSA !4. NAVIGASI (KONTEN)!5. WIREFAME DESIGN!6. LAYOUT & DESIGN!7. DEVELOP/PROGRAMMING
WEB DESAIN
TAHAP-TAHAP DALAM WEB
DESAIN
!Pastikan anda memiliki ide atau gagasan kreatif dalam memulai
perancangan web.
WEB DESAIN
IDE
TAHAP-TAHAP DALAM WEB
DESAIN
!Pastikan ide/gagasan yang
anda miliki dituangkan kedalam konsep perancangan.
WEB DESAIN
KONSEP
TAHAP-TAHAP DALAM WEB
DESAIN
!Pastikan untuk membuat
sketsa dalam bentuk gambar atau bagan.!
!Gunakan kertas kosong dan
pensil/pulpen.
WEB DESAIN
SKETSA
TAHAP-TAHAP DALAM WEB
DESAIN
!Buatlah navigasi atau konten apa saja dan seperti apa alur
web desain yang anda rancang.
WEB DESAIN
NAVIGASI
TAHAP-TAHAP DALAM WEB
DESAIN
[KONTEN]
!Wirefame adalah bentuk dasar atau bentuk awal layout desain
dalam merancang web.
WEB DESAIN
WIREFAME
TAHAP-TAHAP DALAM WEB
DESAIN
!Memulai perancangan layout dan desain melalui software
grafis.
WEB DESAIN
LAYOUT &! DESAIN
TAHAP-TAHAP DALAM WEB
DESAIN
!Memulai perancangan web
desain melalui software web builder.
WEB DESAIN
DEVELOP &! PROGRAMMING
TAHAP-TAHAP DALAM WEB
DESAIN