Prak 08 - Membuat Mock Up

 1. Tujuan
Membuat mockup webapps untuk memudahkan rancangan webapps.

2. Alat
Power Point

3. Bahan
Gambar.
https://id.pinterest.com/pin/654640495809922935/?lp=true 
Pallete color dari generate pallete color canva.
Font herbarium dan shorlines script serta century gothic.

4. Dasar Teori
Dalam dunia website, Mockup/Wireframe adalah rancangan awal sebuah desain web yang dibuat secara manual menggunakan photoshop, atau software pengedit gambar lainnya. Mockup merupakan gambar model atau prototif halaman web secara full dan detail. Format mockup ini biasanya berbentuk file .PSD (Photoshop Document).
Sebenarnya, selain menggunakan photoshop atau software pengedit gambar, Mockup juga dapat dibuat dengan software yang memang dikhususkan untuk membuat mockup seperti Mockingbird, Cacoo, Mockflow, dan sebagainya. Namun, bisanya software-software seperti ini justru hanya memungkinkan pembuat untuk membuat mockup yang sederhana alias seadanya. Misalnya, hanya sebatas layout dan navigasinya saja.
Mockup ini berfungsi sebagai acuan kerja pembuatan website agar tidak menyimpang dari tujuan awal membuatnya. Biasanya, pembuatan website yang menggunakan mockup lebih efektif dan terstruktur karena pada saat pembuatan mockup itu sudah ditentukan kerangka pembuatan websitenya.
Mockup dikerjakan oleh seorang web designer yang nantinya akan diserahkan pada web programmer. Oleh web programmer, Mockup ini nantinya akan di ubah ke bentuk halaman web berformat .html. Pengubahan ini biasanya disebut “Slicing PSD to HTML“. Pengubahan ini dilakukan secara manual oleh programmer dengan mengetikkan kode-kode HTML dan CSS.
 5. Hasil Praktikum

Belum ada progres

 
 6. Kesimpulan
3 mockups diatas adalah acuan kami untuk membuat webapp. Selanjutnya mockup ini kami buat versi htmlnya.

Komentar

Posting Komentar

Postingan populer dari blog ini

Prak 10 - Finishing Story Board

Gambar
A. Tujuan Menyelesaikan story board untuk project animasi branding komunitas Animasi B. Dasar Teori x Apa itu story board ? Storyboard adalah visualisasi ide dari aplikasi yang akan dibangun, sehingga dapat memberikan gambaran dari aplikasi yang akan dihasilkan. Storyboard dapat dikatakan juga visual script yang akan dijadikan outline dari sebuah proyek, ditampilkan shot by shot yang biasa disebut dengan istilah scene. Storyboard sekarang lebih banyak digunakan untuk membuat kerangka pembuatan website dan proyek media interaktif lainnya seperti iklan, film pendek, games, media pembelajaran interaktif ketika dalam tahap perancangan /desain. Apakah story board itu penting dalam proses pembuatan film atau karya animasi? Penting. Karena banyak keuntungan yang dapat diperoleh dengan menggunakan storyboard. Salah satu keuntungan menggunakan Storyboard adalah dapat membuat pengguna untuk mengalami perubahan dalam alur cerita untuk memicu reaksi atau ketertarika...
Baca selengkapnya

Prak 11 - Membuat Story Board Animatic

Gambar
A. Tujuan Membuat story board animatic untuk project animasi branding komunitas Animasi B. Dasar Teori STORYBOARD ANIMATIC  Storyboard Animatic ini digunakan untuk mengetahui pewaktuan secara realtime.  Sebenarnya bagian ini merupaka draft dari film animasi yang dibuat. Disitu sudah ada dialog, sound FX, narasi, layaknya sebuah film.  namun bedanya adalah gambar dari animatic storyboard adalah gambar still\diam karena materi yang dipakai dari storyboard yang diolah kemudian diproses melalui software editing  seperti adobe premiere adau adobe after effect  lalu dirender berupa out put file movie.  Animatic merupakan prototipe sebelum cerita yang asli dibuat untuk memastikan bahwa cerita sudah sesuai dan waktunya sudah tepat.  Dengan adanya animatic dapat mengurangi kesalahan dan dapat dilakukan perbaikan. C. Alat Laptop D. Bahan Powerpoint E. Tugas Praktikum Membuat Story Board Animatic F. Hasil Praktikum ...
Baca selengkapnya

Prak 05 - Dasar-Dasar After Effects

Gambar
A. Tujuan Belajar mengenai dasar-dasar After Effect dengan membuat animasi Pop Up Circle. B. Alat Adobe After Effects CC 2014 C. Bahan Shape Round D. Dasar Teori Langkah awal dalam belajar adobe after effect adalah mengenal bagian-bagian yang ada dalam adobe after effect.  Adobe After Effect merupakan aplikasi untuk keperluan efekvisual yang sudah menjadi standard dan sangat popular dalam dunia grafis (motion graphics), Adobe After Effect sangat banyak digunakan untuk pembuatan iklan, intro film, dan pemberian efek pada video berdurasi pendek. Kita bisa lihat, di youtube banyak sekali video-video yang menggunakan after effect. Dan hasilnya sangat luar biasa, anda bisa membuat simulasi pada video seperti halnya film-film hollywood.  Adobe After Effect sangat unggul untuk kebutuhan  Motion Graphic Design. Adobe after effect sangat populer dikalangan animator karena memiliki fasilitas yang sangat beragam. Mulai dari pengaturan perg...
Baca selengkapnya