Prak 03 - Mock Up Website

A. TujuanMahasiswa mampu membuat mock up website sesuai dengan tema website yang dipilih
B. Dasar TeoriDalam 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.C. TugasBuat mock up website sesuai dengan tema website yang dipilih
D. Hasil PraktikumMock up desain pageless



x

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 ketertarikan ya
Baca selengkapnya

Prak 04 - Rangkuman Materi Design Thinking

Gambar
A. Tujuan 1. Mahasiswa mampu mempersiapkan diri dalam menghadapi Tugas Akhir. 2. Mahasiswa dapat menyelesaikan tugas akhir menggunakan prinsip desain thinking . 1.    People centered : dalam metode ini, perlu ditekankan bahwa setiap tindakan yang dilakukan berpusat pad apa yang diinginkan dan dibutuhkan oleh user 2.    Highly creative : dalam menggunakan metode ini, dapat digunakan kreativitas sebebasnya, tidak perlu aturan yang terlalu kaku dan baku 3.    Hands on : proses desain memerlukan percobaan langsung oleh tim desain, bukan hanya pembuatan teori atau sebuah gambaran di kertas 4.     Iterative : proses desain merupakan sebuah proses dengan tahapan-tahapan yang dilakukan berulang-ulang untuk melakukan improvisasi dan menghasilkan sebuah produk atau aplikasi yang baik Proses dengan metode design thinking akan menghasilkan produk yang tidak hanya dapat dijual atau menggunakan teknologi yang paling canggih. Metode ini menggabungkan kebutuhan user atau pengguna, dengan kemampuan
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 G. Kesimpulan Pada praktiku
Baca selengkapnya