Tugas Desain Pemodelan Grafik# Ke 5

KONSEP PEMODELAN DESAIN GRAFIK PADA APLIKASI MOBILE

Elemen - Elemen Desain Grafis Yang Harus Diperhatikan Dalam Mengaplikasikan Desain Grafis Pada Perangkat Mobile

1. Konsep Resolusi Layar Pada Perangkat Bergerak

Ketajaman warna dan detail gambar pada tampilan bitmap bergantung pada banyaknya pixel. Warna atau resolusi yang membentuk gambar tersebut. Resolusi pada perangkat bergerak terdiri dari :

- Resolusi HD (720p)

- Resolusi Full HD (1080p)

- Resolusi QHD (2k)

- Resolusi Ultra HD (4k)

2. Konsep Layout Pada Apps Perangkat Bergerak

Layout mendefinisikan struktur visual untuk antarmuka pengguna, seperti UI sebuah aktivitas atau widget aplikasi.

Layout pada aplikasi perangkat bergerak terdiri dari :

- LinearLayout adalah sekelompok tampilan yang menyejajarkan semua anak dalam satu arah, secara vertikal atau horizontal

- Relative Layout adalah Layout ini menampilkan komponen dalam posisi relatif. Posisi masing-masing Layout dapat ditentukan sebagai relatif terhadap elemen saudara (seperti di sebelah kiri atau di bawah tampilan lain) atau pada posisi relatif terhadap area RelativeLayout induk (seperti sejajar dengan bagian bawah, kiri atau tengah).

- FrameLayout ini adalah layout yang paling sederhana. Layout ini akan membuat komponen yang ada didalamnya menjadi menumpuk atau saling menutupi satu dengan yang lainnya (layering).

- GridLayout ini diperkenalkan pada API level 14 (Android 4.0 / Ice Cream Sandwich), layout ini akan memberikan kemudahan dengan mengakomodir komponen didalamnya ke dalam bentuk Grid (Kolom dan Baris).

3. Konsep Tipografi Yang Sesuai Untuk Disain Grafis Aplikasi Perangkat Bergerak

Tipografi yang sesuai untuk disain grafik pada aplikasi perangkat bergerak adalah Roman, Egyptian, Sans Serif, Script, Miscellaneous.

4. Format Gambar Yang Dapat Disisipkan Dalam Apps Perangkat Bergerak

Pengertian Format Gambar adalah suatu representasi spatial dari suatu obyek, dalam pandangan 2D atau 3D. Format file gambar yang ada saat ini :

- Bitmap (BMP),

- Joint Photographic Expert Group (JPEG/JPG),

- Graphics Interchange Format (GIF),

- Portable Network Graphics (PNG),

- Tagged Image File Format (TIFF),

- Icon (ICO),

- Enchanced Windows Metafile (EMF),

- PCX, ANI (Animation),

- Cursor (CUR),

- WBMP (WAP BMP),

- Adobe Photoshop Document (PSD),

- Corel Draw (CDR).

5. Konsep Warna Pada Apps Perangkat Bergerak

RGB adalah singkatan dari Red-Green-Blue. 3 warna dasar yang dijadikan patokan warna secara universal (primary colors).

CMYK yang merupakan Singkatan dari Cyan – Magenta – Yellow, dan K mewakili warna hitam. Seperti halnya RGB, CMYK menggunakan standardisasi warna dalam koordinat. Rangenya antara 0 – 100 sehingga kehadiran unsur K sangat menentukan. Berapapun koordinat CMY-nya, selama K- nya 100 maka warna tersebut akan jadi warna hitam.

6. Konsep Input Pada Apps Perangkat Bergerak

Masukan (input) merupakan awal dimulainya informasi. Bahan mentah dari informasi adalah data yang terjadi dari transaksi yang dilakukan oleh organisasi. Desain input digunakan untuk merancang tampilan layar dikomputer yang menggambarkan bagaimana bentuk pemasukan data.

7. Desain Grafis untuk Apps Perangkat Bergerak yang sesuai dengan UX dan UI

User Interface Design atau desain UI adalah sebuah desain keseluruhan gaya dan komponen yang ditampilkan di halaman web. Contohnya seperti tata letak dan bentuk desain menu, ikon, warna, gambar, tombol, dan semua komponen lainnya. Tampilan UI harus menarik, mudah dioperasikan, dan diposisikan dengan pas di laman web. Karena tujuan utamanya adalah untuk memberikan tampilan yang enak dipandang pengguna.

User Experience Design atau desain UX adalah sebuah proses yang komprehensif untuk mengembangkan pengalaman pengguna sebuah produk web. Caranya dengan memaksimalkan step by step yang dilakukan penguna di dalam web tersebut. Sejak awal tahun 2019 sampai sekarang, ada beberapa desain antarmuka yang menjadi tren masa kini.

contoh aplikasi desain grafis pada perangkat mobile

PicsArt

Canva

Adobe Photoshop Express

AutoCAD

3DC.io

Adobe Photoshop Lightroom CC

Adobe Illustrator Draw

AirBrush

Snapseed

Adobe Photoshop MIX

Adobe Photoshop FIX

Infinite Design 

Designapp Design Graphic

Desygner

Tugas Desain Pemodelan Grafik# Ke 4

 

Jenis-Jenis Desain Grafis Beserta Contoh

1. Identitas Visual 

    Sistem identitas visual adalah suatu sistem komunikasi visual yang membentuk dan dapat mengkomunikasikan identitas sebuah merek, perusahaan, lembaga, hingga produk. Visual identity umumnya digunakan untuk memberikan perbedaan antara sebuah produk barang atau jasa dengan produk barang dan jasa lainnya.

Sebagai contohnya adalah adidas vs nike.

2. Periklanan & Pemasaran

Jenis periklanan & pemasaran ini bertujuan agar masyarakat dapat mengetahui produk yang ingin disebarluaskan atau untuk memanggil customer hingga memutuskan untuk membelinya. selain itu idenya juga harus unik, desain yang menarik akan menarik minat masyarakat.

contoh : Flayer atau brosur, poster, banner, majalah, koran, spanduk, katalog & company profile.

3. User Interface (UI)

Desain Antar Muka atau User Interface adalah tentang bagaimana pengguna berinteraksi pada perangkat seluler/desktop atau aplikasi.

Khusus pada desain grafis, desain UI terfokus kepada pengalaman visual pengguna dan elemen desain grafis pada layar seperti:

    - Tombol

    - Menu Navigasi

    - Tata Letak (Layout)

    - Formulir (Form) Kontak, Pemesanan, Beli, Register

    - Desain Aplikasi

    - Tema Website (Wordpres, dll)

4. Publikasi Desain

Desain publikasi sebenarnya mengacu kepada industri desain grafis pada media cetak seperti Koran, majalah, hingga katalog, dst. Bisa juga dalam bentuk digital alias tidak dicetak sama sekali. Contohnya: Pdf

Contoh desain grafis publikasi:

    - Buku

    - Koran

    - Majalah

    - Katalog

    - Laporan Tahunan

5. Desain Kemasan

Packaging design atau desain kemasan merupakan salah satu cara untuk merepresentasikan sebuah merek/produk. Tidak hanya berfungsi dasar sebagai tempat menyimpan, penjualan, hingga distribusi.

6. Motion Grafis

Motion grafis ialah cabang dari desain grafis yang menggabungkan antara tipografi, ilustrasi, videografi, dan fotografi. Aplikasi yang banyak digunakan untuk motion grafis ialah adobe after effects atau sejenisnya.

Contoh motion grafis

    - Logo Animasi

    - Periklanan

    - Presentasi

    - Cuplikan

    - Video Tutorial & Promosi

    - Video Games

    - GIFs

7. Desain Grafis Lingkungan

Jenis desain ini dapat dilakukan dengan membuat sebuah tempat (ruang/lokasi) yang indah, menarik, unik, dan lebih mudah untuk mereka ingat.

contoh :

    - Mural

    - Desain Interior

    - Petunjuk Jalan

    - Branding Stadion

    - Branding Kantor

8. Seni & Ilustrasi

Desainer membuat komposisi yang dapat berkomunikasi dengan baik, tepat, dan dapat memecahkan sumber masalah. Seorang artis dan illustrator dapat membuat karya seni yang original mulai dari proses draft sketsa hingga digitalisasi.

contoh

    - Desain Kaos

    - Desain Pola atau Tekstil

    - Motion Grafis

    - Stok Gambar

    - Cover Buku

    - Grafis Novel

    - Infografis

    - Konseptual Arts

Pengertian Ide Dan Bagaimana Proses Untuk Mendapatkan Ide

    Salah satu sumber ide adalah imajinasi. Imajinasi, menurut Jack Stoops dan Jerry Samuelson, adalah kekuatan dari dalam diri kita yang memperbolehkan kita untuk mengalami apa yang telah kita alami, apa yang akan kita alami, dan apa yang tidak akan kita alami; imajinasi dapat menembus batasan ruang, waktu dan realitas. Imajinasi dapat membawa kita ke alam fantasi melalui dunia mimpi, yang sebenarnya adalah cermin dari keinginan dan pemikiran kita yang paling dalam.

Strategy yang membantu kita bermain-main dengan daya imajinasi kita untuk memancing ide-ide baru melalui pembentukan bentuk baru, yaitu :

1. Seleksi adalah proses pensortiran dimana kita menfokuskan pandangan kita ke satu bentuk tertentu untuk diobsevasi. Observasi meliputi perhatian detail terhadap bentuk, warna, cahaya, bahan, bagian-bagian daripada benda tersebut. Dengan observasi yang baik kita dapat menemukan bentuk-bentuk baru yang terdapat pada benda tersebut.

2. Alteration(perubahan) adalah perubahan yang dilakukan pada sebuah benda sehingga tercipta sebuah benda yang baru. Penggabungan dua elemen yang berbeda, dapat menciptakan suatu bentuk baru. Apel dan resleting adalah dua elemen yang berbeda, penggabungan keduanya dan alterasi dari bentuk apel menghasilkan suatu bentuk baru yang mempunyai nilai dan arti baru.

3. Abstraksi adalah pensederhanaan bentuk sehingga tercipta bentuk yang baru.

4. Spontanitas adalah pencatatan semua ide yang terlintas ke dalam bentuk visual, atau dapat juga disebut dengan brainstorming. Dengan demikian tanpa kita sadari kita juga membuat alterasi ide yang satu menjadi ide baru dan mengembangkannya terus sehingga menemukan ide yang terbaik.

Manfaat Dari Desain Grafis Beserta Contohnya 

1. Mempercepat Proses Pekerjaan 

Suatu pekerjaan akan dapat diperisngkat dengan menggunakan desain grafis, contohnya sebuah proposal yang harus memaparkan setiap detail perusahaan tetapi dengan menggunakan desain grafis maka akan lebih dipersingkat dengan membuatnya dalam bentuk gambar atau kurva.

2. Dapat Menyampaikan Pesan Dalam Bentuk Grafis 

Untuk membuat pesan dalam bentuk sebuah karya seni desain grafis tidaklah mudah, hal ini dapat dilakukan dengan mengikuti kurusus desain grafis yang terpercaya agar pesan yang dibuat dapat disampaikan kepada masyarakat.

3. Menjadi Tempat Pengungkapan Perasaan 

Setiap orang pasti memiliki perasaan yang terkadang sulit di ungkapan, setelah belajar desain grafis di dumet school dengan sebuah aplikasi photoshop ataua adobe lainnya dapat mengungkapkan perasaan dalam bentuk grafis.

4. Memberikan Hasil Gambar Yang Lebih Menarik Dan Indah 

Gambar yang dihasilkan baik melalui jepretan kamera ataupun karya tangan tidak selalu menghasilkan gambar yang sesuai keinginan, dengan sentuhan desaign grafis maka gambar tersebut akan lebih menarik dan indah di lihat.

5. Dapat Menghasilkan Uang 

Dengan sebuah hasil desain yang telah dibuat akan memiliki nilai yang berharga, bayangkan saja logo-logo perusahaan yang dibuat dari aplikasi desain bukan sekedar bernilai ratusan ribu saja, bahkan ada yang bernilai milyaran.

Contoh desain dalam kehidupan sehari-hari

1. Advertising (Periklanan)

2. Business (Bisnis)

3. Political (Politik

4. Education (Pendidikan)

5. Film and animation (Film dan animasi)