Element Desain Mobile 5. Color MATERI BELAJAR Element Desain Mobile 5. Color Hambatan yang berhubungan dengan Color adalah mobile screens, yang terdiri dari sejumlah berbeda warna dengan tingkat kedalaman. Ketika desain yang komplek tampil pada mobile device yang berbeda, keterbatasan kedalaman warna akan menyebabkan “banding” atau “unwanted posterization” pada gambar.

Element Desain Mobile 5. Color Contoh beberapa level posterization MATERI BELAJAR Element Desain Mobile 5. Color Contoh beberapa level posterization

Element Desain Mobile Contoh Device dan Color yang disupport MATERI BELAJAR Element Desain Mobile Contoh Device dan Color yang disupport

Element Desain Mobile 5. Color - Psikologi Warna Karakteristik Warna MATERI BELAJAR Element Desain Mobile 5. Color - Psikologi Warna Karakteristik Warna

Element Desain Mobile 5. Color - Palet Warna MATERI BELAJAR Element Desain Mobile 5. Color - Palet Warna Menentukan palet warna dapat berguna untuk menjaga konsistensi dari penggunaan warna di desain mobile. - Ada 3 cara menentukan palet warna : 1. Sequential : primary, secondary,tertier color 2. Adaptive : leverage the most common color 3. Inspired : great pieces of design that might see online

Element Desain Mobile Contoh : palet warna ( http://kuler.adobe.com) MATERI BELAJAR Element Desain Mobile Contoh : palet warna ( http://kuler.adobe.com)

Element Desain Mobile 6. Typography MATERI BELAJAR Element Desain Mobile 6. Typography - “ Any customer can have a car painted any color that he wants so long as it is black “ ( Henry Ford) - Ada 2 pendekatan untuk penulisan di mobile screen : 1. subpixel : - pembagian setiap pixel menjadi merah, hijau dan biru pada level microscopic

Element Desain Mobile 6. Typography 2. Pixels per inch (PPI) MATERI BELAJAR Element Desain Mobile 6. Typography 2. Pixels per inch (PPI) - pixel density ditentukan dengan membagi lebar area dalam pixel dengan lebar area dalam inch - pada device mobile, semakin tinggi density of pixels , maka semakin tajam layar yang terlihat pada mata telanjang

Element Desain Mobile Microsoft clear Type dengan subpixels MATERI BELAJAR Element Desain Mobile Microsoft clear Type dengan subpixels

Element Desain Mobile Type Options : MATERI BELAJAR Element Desain Mobile Type Options : Tipe text dalam mobile device seperti sans-serif, monospace fonts , Arial, dll Perubahan Font : Beberapa device APIs mengizinkan kita untuk load a typeface ke dalam native application. sIFR menggunakan Flash untuk mengantikan HTML text dengan flash text

Element Desain Mobile Readability MATERI BELAJAR Element Desain Mobile Readability Role yang penting dalam typography adalah kemampuan dibaca. Berikut ini ada 6 aturan : Use a high-contrast typeface Use the right typeface Provide decent leading or line spacing Leave space on the right and left of each line Generously utilize headings Use short paragraphs

Element Desain Mobile 7. Graphics MATERI BELAJAR Element Desain Mobile 7. Graphics - Gambar yang digunakan untuk membangun pengalaman secara visual - Graphics dapat digunakan untuk menambah kesan “Look & Feel” atau content yang inline dengan text. -

MATERI BELAJAR Element Desain Mobile . Contoh : Ribot’s Little Spender application use graphics

Element Desain Mobile . Bentuk Graphics : MATERI BELAJAR Element Desain Mobile . Bentuk Graphics : 1. Iconography : penggunaan icon untuk mengkomunikasikan ide atau aksi pada user dalam visual. 2. Foto dan Gambar : menambah makna pada content

Element Desain Mobile . Dengan foto atau gambar Iconography MATERI BELAJAR Element Desain Mobile . Dengan foto atau gambar Iconography

MATERI BELAJAR Mobile Design Tools . Mobile Design membutuhkan elemen desain dan tools yang khusus.

Mobile Design Tools . Desain untuk Device yang tepat MATERI BELAJAR Mobile Design Tools . Desain untuk Device yang tepat - the spirit of your design should be able to be adapted to multiple devices - Fokus pada mendapatkan pengalaman yang terbaik dari market.

Mobile Design Tools . Desain untuk Berbagai Ukuran Layar MATERI BELAJAR Mobile Design Tools . Desain untuk Berbagai Ukuran Layar - Mobile device terdiri dari berbagai bentuk dan ukuran. - Pilihan bagus untuk pelanggan tapi buruk untuk desain. - Berita baiknya adalah mayoritas ukuran mobile device berbagai orientasi yang sama yaitu potrait atau landscape walaupun berbeda dimensi.

MATERI BELAJAR Mobile Design Tools Perbandingan berbagai ukuran layar

Mobile Design Tools Tipical arah informasi pada device mobile MATERI BELAJAR Mobile Design Tools Tipical arah informasi pada device mobile

MATERI BELAJAR Mobile Design Tools The Iphone Calculator

MATERI BELAJAR Q & A