Desain web Good vs bad Dimas wahyu utomo

Slides:



Advertisements
Presentasi serupa
Kategori Desain Grafis
Advertisements

Dasar-dasar Web Design
Agung Anugrah Prahara
Alat-alat yang digunakan untuk membuat website, dalam hal ini software yang digunakan, misalnya menggunakan Adobe Photoshop sebagai alat desainnya, Macromedia.
Membuat Template Web Website yang baik adalah website yang konsisten. Konsisten di sini berarti memiliki bentuk, layout dan navigasi yang sama antar satu.
Desain Web Nanik Triana, M.Kom
Desain Web R0312 – Grafik Komputer.
Untuk membuat sebuah web sendiri tanpa bantuan jasa pembuat website dibutuhkan lebih dari sekedar ide dan software web editor yang baik. Samping harus.
Rekayasa Web 04. Kebutuhan Aplikasi Web
PalComTech. WORLD WIDE WEB (WWW), Adalah sarana internet yang menampilkan tampilan berupa gabungan teks, grafis, suara bahkan video yang bersifat interaktif.
Proses Pengembangan Website
Tahapan Proyek Pembuatan Situs Web
Chapter 8 Desain Web.
Konsep Pemrograman Internet
Mengelola isi halaman web
KONSEP WEB.
Desain permodelan grafis
INTERNET Internet adalah jaringan antara komputer di seluruh dunia.
DREAMWEAVER MX DAN HTML. PEMBUATAN WEBSITE BLUE SKY FC DENGAN MENGGUNAKAN for further detail, please visit
PI. Manajemen Informatika, Direktorat Program Diploma Tiga Manajemen Cara belajar Modifikasi Motor Matic Lowrider for further detail, please visit
Pengenalan HTML Oleh Benny Irawan. WORLD WIDE WEB Web pada awalnya merupakan ruang informasi dalam internet, dengan menggunakan teknologi hyperteks, terdiri.
KONSEP PEMROGRAMAN WEB
UNIVERSITAS GUNADARMA
MENU dan navigasi situs
Interaksi Manusia & Komputer Website
Proses Pengembangan Website
DESAIN GRAFIS (CITRA BITMAP DAN VEKTOR)
KOMPUTER DALAM PEMB. FISIKA
KUALITAS APLIKASI WEB Siti asmiatun, m.kom.
KONSEP DASAR DESAIN WEB
Pramita Firnanda 2 D3 Teknik Informatika A
Tahapan Proyek Pembuatan Situs Web
Pengertian grafis Desain Grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan pada sang desainer (perancang) untuk memilih,
Php, dan MysQL Pembuatan Website Showroom Tambra Mobil Menggunakan Dreamweaver 8, for further detail, please visit
WEB MENDESAIN for further detail, please visit
Web-Based User Interface
Web-Based User Interface
Internet dan Web By : Lisda Juliana P..
Pertemuan 5 Electronic Commerce
Interaksi Manusia dan Komputer
Mengelola isi halaman web
Website Panduan Dan Latihan English Grammar Septian Budi Praditya
PEMBUATAN WEBSITE ARSENAL ONLINE STORE BERBASIS Reizky Adityo Kurniawan, for further detail, please visit
KOMPUTER GRAFIS TV - PERTEMUAN 10 TUJUAN INSTRUKSIONAL UMUM (TIU)
WEBSITE APLIKASI PENJUALAN ONLINE SRIWIJAYA MOTOR AKHMADI FIRMANSYAH
DASAR DASAR MULTIMEDIA
Overview Teknologi Internet
Konsep Pemrograman Internet
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
DESAIN GRAFIS.
PEMBUATAN WEBSITE FLORAGRAHA BONSAI MENGGUNAKAN PROGRAM Yudha Permana,
MACROMEDIA FLASH 8 MEMBUAT WEBSITE GAME MENGGUNAKAN JOOMLA
MERANCANG PEMBUATAN WEBSITE
REKAYASA WEB Development Process
PRAKARYA MULTIMEDIA KELAS X SEMESTER /2016.
PENGENALAN DESAIN GRAFIS
Desain grafis = proses pemikiran yang diwujudkan dalam gambar.
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Internet dan Perc. Web By : Lisda Juliana P. , Ssi.
Mengelola isi halaman web
Interaksi Manusia dan Komputer Antar Muka, Desain Layar, dan Usabilitas dari situs Harry Suryadi ( ) Henry Santoso ( )
Assalamualaikum Wr. Wb..
Abdu Hari Wijaya Nurul Fajri
BAB I PENGANTAR DESAIN GRAFIS.
MUHAMAD HENRICK CAHYANTO, ST SMAN 11 BANDUNG
MUHAMAD HENRICK CAHYANTO, ST SMAN 11 BANDUNG
DREAMWEAVER.
E L E M E N MULTIMEDIA Toto Haryadi MULTIMEDIA
UltraDev 4 Membuat Situs Web Green Day Dengan Macromedia Dreamweaver
KOMUNIKASI MULTIMEDIA
Transcript presentasi:

Desain web Good vs bad Dimas wahyu utomo 1535010049 Moch satria a 1535010051 Gina rizka aLSYAH 1535010056 Aldi kurniawan 1535010067

Apa itu website? Website banyak juga di sebut web oleh kebanyakan orang, website lebih tepatnya adalah halaman informasi yang disediakan dalam mode online atau memakai internet sehingga dapat diakses dengan banyak orang

Desain web Suatu proses pembuatan website yang meliputi beberapa aspek berbeda, seperti: tata letak halaman website, konten dan desain grafis Mendesain web dapat dilakukan lewat coding yang pasti berhubungan dengan html, css dan php, dan mendesain lewat software editor seperti : photoshop, corel draw, adobe illustrator, paint dll. Sebelum mendesain sebuah web, lebih baik nya kita memahami beberapa fungsi situs web, agar desain web yang kita buat sesuai dengan fungsi yang kita tujukan

Fungsi web 1. Fungsi Komunikasi Pada umumnya situs web yang berfungsi sebagai komunikasi adalah web dinamis, web yang dilengkapi dengan fungsi-fungsi komunikasi seperti : Web mail, chatting, forum dll 2. Fungsi Informasi - Menekankan pada kualitas konten, Karena ditujukan untuk menyampaikan isi websitenya - Sebaiknya berisi teks dan grafik - terdapat fungsi seperti : informasi, berita, library, file dll

3. Fungsi Entertainment Sebagai sarana hiburan, yang dapat lebih mengutamakan penggunaan animasi gambar dan element bergerak yang dapat meningkatkan mutu presentasi desain contoh web entertainment : game online, nonton film online, music online, anime dll. 4. Fungsi Transaksi Situs web ini dapat dijadikan transaksi bisnis baik barang ataupun jasa, situs web ini menghubungkan subjek dan subjek lain melalui sarana elektronik. Pembayarannya bisa menggunakan karrtu kredit, transfer dll.

Hal wajib yang harus di kuasai desainer web Cita rasa seni Harus mampu menciptakan keindahan di dalam halaman web Dapat memilih warna yang baik dan memadukannya dengan warna lain Mampu membuat bentuk atau sketsa yang baik dari bentuk dasar halaman web Harus mampu menggabungkan imajinasi atau ide orisinil dengan ide dari pihak klien yang memesan desain Mampu menempatkan komponen multimedia pada bagian-bagian tertentu, sehingga halaman web menjadi lebih menarik

Tool pendukung perancangan web Mampu menggunakan program aplikasi editor seperti: photoshop, corel draw, Adobe ilustrator,dsb Mampu menggunakan program aplikasi untuk mengatur layout web, seperti macromedia dreamweaver, page maker, notepad, dsb Mampu menggunakan program aplikasi untuk membuat animasi web, seperti macromedia flash, swish, dsb Teknik membuat interface web Seorang Web designer harus memiliki wawasan dalam bidang IMK (Interaksi Manusia dan Komputer), sehingga dapat membuat desain web yang user friendly Seorang Web designer harus memahami setiap komponen-komponen dasar pembentuk situs web, seperti bahasa HTML, penggunaan image, multimedia

Larangan untuk desainer web Membuat halaman home memiliki banyak gangguan, seperti : terlalu banyak link keluar Memaksakan logo atau gambar yang tidak cocok, jika warna atau desain tidak melengkapi satu sama lain, tampilan akan menjadi tidak menarik Memakai gaya teks yang tidak konsisten Terlalu banyak konten yang tidak berhubungan atau tidak penting

GOOD VS BAD WEBSITE Target dari website Good : situs yang bagus akan dapat mengarahkan user kepada konten yang ia butuhkan. Hal tersebut dapat berupa judul atau tulisan tertentu agar user dapat mengidentifikasi apa yang dia butuhkan dan apa yang ingin dia dapatkan Bad : cenderung berfokus pada mempromosikan banyak hal yang dapat menguntungkan bagi suatu perusahaan, membanjiri user dengan seribu informasi sehingga sulit untuk user mendapatkan hal yang ia butuhkan

Responsive Good : terlepas dari dari perangkat apapun yang digunakan untuk membuka website, web tersebut dapat menyajikan tampilan yang jelas dan mudah dimengerti dan menyesuaikan perangkat. Bad : website yang tidak adaptif terhadap perangkat yang digunakan untuk mengunjungi website tersebut. Membuat user menggulingkan halaman ke kanan dan kekiri karena halman web yang tidak menyesuaikan perangkat

Navigasi Good : link, button tertata rapi dan dilabeli dengan kata – kata yang simple dan mudah dimengerti. Disusun dengan cara yang logis sehingga memudahkan user mengunjungi tautan yang dibutuhkan Bad : susuan tidak logis dan membingungkan user, navigasi yang tidak simple membuat user terkadang terjebak dan memilih untuk meninggalkan website tersebut

Up to date Good : website yang bagus terus berubah dan berkembang melaui pengujian, pembaruan, perluasan, dll Bad : tidak memperbarui website, tidak memperbarui konten, membiarkan konten yang sama dalam situs, dll

Desain layout Good : layout yang memudahkan user untuk mendapatkan infromasi yang jelas terutama pada website yang berfungsi sebagai fungsi informasi Bad : membingungkan user mengenai bacaan mana yang harus dibaca terlebih dahulu

Search bar Good : search bar memiliki fungsi untuk membantu user dalam mendapatkan informasi / kebutuhannya dalam mengunjungi sebuah website Bad : jika tidak ada search bar, maka akan membuang waktu user dalam mendapatkan kebutuhan / informasi dalam suatu website