Element Desain Mobile 5. Color

Presentasi berjudul: "Element Desain Mobile 5. Color"— Transcript presentasi:

1 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.

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

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

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

5 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

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

7 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

8 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

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

10 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

11 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

12 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. -

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

14 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

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

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

17 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.

18 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.

19 MATERI BELAJAR Mobile Design Tools Perbandingan berbagai ukuran layar

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

21 MATERI BELAJAR Mobile Design Tools The Iphone Calculator

22 MATERI BELAJAR Q & A