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