mengidentifikasi dan mengimplementasikan kebutuhan pengguna terhadap grafik pada aplikasi berbasis web

NAMA : DIAR SIRAZUDIN BARIZ

NPM : 51417658

KELAS : 3IA07

Proses berpikir secara detail untuk kasus pemodelan disain grafis yang diperlukan dalam memperindah tampilan web

Kehadiran HTML5 merupakan terobosan besar dalam dunia internet khususnya untuk mendesain sebuah website. HTML5 hadir dengan banyak fitur baru, namun juga menghilangkan beberapa fitur yang ada di HTML versi sebelumnya. Di dalam membuat website, HTML mempunyai peran untuk menentukan struktur dan tipe konten seperti paragraf, heading, list, image, canvas dan multimedia, sedangkan CSS berperan menentukan tampilan laman web seperti background, margin, warna, font-family, alignment dan sebagainya.

CSS tidak bergantung pada HTML dan dapat digunakan dengan bahasa markup berbasis XML apa pun. Dalam implementasinya, CSS dapat disertakan langsung di dalam file HTML dan dapat pula diletakkan di dalam file terpisah. CSS sebagai file terpisah lebih disukai karena dapat digunakan di lebih dari satu file HTML dan menjadikan tampilan halaman web (web page) lebih seragam.

Perangkat lunak disain grafis yang diperlukan dalam memperindah tampilan web

CoffeeCup Free HTML Editor

CoffeeCup Free HTML Editor merupakan versi gratis dari produk berbayar, dan karena ini versi grati maka beberapa fitur pada aplikasi ini dihilangkan seperti desain menu CSS dan Upload menggunakan FTP.

Notepad++

Notepad++ adalah editor source code yang luar biasa dengan banyak fitur yang antara lain:

Syntax highlighting akan membuat kamu lebih mudah untuk membaca dan memahami kode kamu.

Code folding memungkinkan kamu untuk collapse /menutup beberapa area kode untuk sementara agar kamu dapat fokus pada area lainnya yang sedang kamu kerjakan.

Auto-completion membantu kamu memasukkan kode  lebih cepat (dan akurat)

PageBreeze

Web designer berpengalaman  tidak akan terkesan dengan aplikasi ini karena PageBreeze masih didasarkan pada teknologi lama, tetapi jika kamu hanya mencari aplikasi hanya untuk menciptakan sesuatu yang sangat sederhana maka itu menjadi cerita yang berbeda.

Bluefish Editor

Bluefish merupakan aplikasi editor programmer web yang juga mencakup banyak alat web pilihan. Bluefish dimulai dengan trik editing biasa seperti sintaks (ASP.NET, CSS, HTML, JavaScript, PHP dan banyak lagi didukung), code folding, alat pencarian yang kuat, autocompletion, dan banyak lagi.

https://www.downloadsoftwaregratisan.com/aplikasi-gratis-terbaik-untuk-web-design/

https://www.termasmedia.com/kode-web/css/38-korelasi-antara-css-dan-html.html 

Memahami konsep pemodelan desain grafik pada aplikasi berbasis web berikut elemenelemen yang dibutukan untuk membangunnya

NAMA : DIAR SIRAZUDIN BARIZ

NPM : 51417658

KELAS : 3IA07

Ragam layout pada web

1.     Static

Layout static pada web desain memiliki ukuran tetap pada semua resolusi browser. Lebar layout static ini menggunakan satuan pixel (px) sehingga akan menghasilkan layout yang statis.
Contoh layout static: Facebook, Twitter.

2.      Fluid

Layout fluid memiliki kemampuan untuk menyesuaikan lebar layout sesuai dengan resolusi browser. Hal tersebut terjadi karena lebar layout menggunakan satuan percent (%) sehingga lebar layout akan mengikuti resolusi browser saat dikecilkan atau dibesarkan (resize).
Contoh layout fluid: gmail, yahoo mail.

3.      Responsive

Layout responsive memiliki kemampuan untuk berganti layout pada resolusi tertentu. Layout bisa berganti ini berkat kehadiran CSS3 dengan sintax media queries nya. Kalo di pemrograman fungsinya mirip ‘if‘, tapi ini di css. Jadi sebuah web bisa memiliki tampilan berbeda saat dibuka dengan pc, tablet atau smartphone

4.      Responsive-fluid

Layout responsive-fluid merupakan gabungan antara responsive dengan fluid sehingga lebar layout akan mennyesuaikan resolusi dan akan berganti layout pada resolusi tertentu. Layout ini menggunakan media queries dan satuan percent (%) untuk ukuran.
Contoh layoutresponsive-fluid: forefathersgroup.com

5.      Horizontal Scrolling

Layout horizontal scrolling adalah dengan menata content web kesamping, sehingga untuk melihat content web tersebut menggunakan scroll horizontal.

Contoh layout horizontal scrolling: deanoakley.com

6.      Parallax Scrolling

Layout parallax scrolling menggunakan beberapa layer dan setiap layer memiliki kecepatan perpindahan yang berbeda-beda saat di scroll sehingga menimbulkan efek yang menarik.
Contoh parallax scrolling: ascensionlatorre.com

Ragam tipografi yang digunakan pada setiap bagian/layout dari web

Sans Serif

Huruf yang berada di bawah keluarga Sans Serif hampir mirip dengan huruf yang berada di bawah keluarga Roman, hanya saja jenis huruf ini tidak memiliki sirip di ujung. Ketebalan hurufnya pun tidak tebal tipis, melainkan solid. Kesan yang ditimbulkan jenis huruf ini adalah modern, kontemporer, dan efisien. Bisa dibilang huruf di kategori Sans Serif merupakan versi modern dari Roman. Jenis font yang ada di kategori Sans Serif adalah Arial, Century Gothic, Futura, Helvetica, Lucida Grande, Trebuchet MS, dan Verdana

Format gambar yang dapat disisipkan dalam web

·         GIF

File GIF ini sangat cocok untuk gambar dengan sedikit warna seperti ikon untuk web ataupun clipart. Karena kemampuanya dapat menyimpan banyak frame dalam satu gambar, format ini cocok digunakan untuk animasi. Dan ukuran file yang bergantung pada jumlah warna yang terpakai, maka format ini juga sangat cocok untuk gambar yang simpel dalam hal pewarnaan, misalnya untuk gambar garis pembatas, border, dan lain sebagainya.

·         JPEG

JPEG mendukung hingga 1 juta warna, sehingga dapat menyimpan gambar dalam format true color (24-bit). Meskipun dapat menyimpan sampai dengan 16 juta warna, JPEG dapat memiliki ukuran file yang sangat kecil karena format ini menggunakan teknik kompresi yang sangat komprehensif. Karena kemampuan kompresi nya yang tinggi ini, format ini sangat cocok untuk menyimpan gambar-gambar fotografi.

·         PNG

Format PNG akan sangat cocok digunakan untuk gambar logo pada website yang terkadang dibutuhkan tranparansi/alpha channel. Selain itu PNG juga cocok untuk gambar fotografi berkualitas tinggi dimana ukuran file tidak menjadi pertimbangan.

Konsep warna pada web

·         Porsi 60% sebagai warna dominan.

Warna dominan akan menjadi warna yang akan banyak digunakan dalam desain, seperti warna identitas perusahaan yang harus ditonjolkan

·         Porsi 30% sebagai warna sekunder kontras dari warna dominan

Porsi 30% digunakan sebagai warna sekunder yang digunakan sebagai kontras dari warna dominan. Menjadi penghias yang mendukung warna dominan menjadi lebih terlihat menonjol

·         Porsi 10% adalah warna aksen yang melengkapi

Gunakan porsi 10% sebagai aksen untuk mendapatkan kombinasi yang lebih bervariasi namun tetap menjaga keserasian keseluruhan tampilan website.

Konsep resolusi pada layar monitor

QVGA (320 X 240)

Resolusi ini digunakan pada handphone lama atau jadul karena sangat stabil dalam menampilkan gambar bergerak.

VGA (640 X 4800)

Merupakan resolusi terendah pada monitor computer, dan resolusi ini juga sangat baik untuk digunakan pada kamera digital atau handphone dalam artian pada saat setting merekam video

SVGA ( 1366 X 768)

Merupakan resolusi menegah pada monitor tabung. Sedang perbandingan resolusinya adalah 4:3.

XGA (1024 X 768)

Resolusi ini sangat baik dan banyak digunakan sebagai keluaran pada hasil rekaman smartphone high end. Selain itu resolusi ini juga sangat baik digunakan pada projektor.

WXGA (1366 X 768)

Reolusi ini memiliki perbandingan layar adalah 16 : 9 atau banyak yang menyebutnya dengan widescreen. Resolusi ini digunakan pada laptop atau computer standar

HD (1280 X 720)

Resolusi yang sangat ideal dalam menampilkan film masa kini. Biasa terdapat pada monitor keluaran terbaru yang jika pada computer harus didukung dengan video card menengah keatas. Dan jika pada TV maka resolusi ini terdapat pada TV LCD atau LED widescreen

Full HD ( 1920 X 1080)

Pada resolusi layar ini terjadi peningkatan dari resolusi layar HD yaitu pada Kualitas video yang tampil pada resolusi ini sangat tajam dan jernih. Resolusi layar ini biasanya di temukan pada Komputer atau Laptop High-end atau kelas atas yang tentunya memiliki harga yang mahal karena hasil yang di tawarkan dari resolusi ini sangat nyaman untuk dinikmati. karena hasil yang di tawarkan dari resolusi ini sangat nyaman untuk dinikmati.

Ragam jenis browser yang digunakan untuk menampilkan web

 1. Internet Explorer

Internet Explorer mungkin merupakan web browser yang pertama kali digunakan. Perangkat lunak yang di bawa oleh salah satu sistem operasi terbaik di dunia yaitu Microsoft ini memang menjadi andalannya. Sejak diluncurkan pertama kali tanggal 16 Agustus 1995, IE terus mengalami perkembangan versi dari waktu ke waktu.

2. Mozilla firefox

Di setiap komputer mungkin akan selalu didapati web browser yang satu ini. Software browser gratis ini dikembangkan oleh yayasan mozilla dan ratusan relawannya. Sejak pertama kali diluncurkan mozilla menjadi perhatian karena dianggap sangat unggul menganai masalah keamanannya seperti jenis malware berbahaya. Di dukung pula dengan tampilan grafis yang baik dan kecepatan akses internet yang tinggi, membuatnya semakin dicintai oleh pemakainya.

3. Google Chrome

Perusahaan teknologi raksasa ini seakan tidak puas pada kekuasaannya, dengan meluncurkan web browser bernama Google chrome. Versi beta yang diluncurkan pada 2 September 2008 dalam 43 bahasa ini menyediakan web browser terbaru yaitu “Google Chrome With 3D” dengan keberadaan HTML5. HTML5 mampu mambaca jenis file-file ASCII sebagai instruksi sebuah browser agar tampilan grafis pada sebuah halaman web.

4. Flock

Web browser yang memberikan kenyamanan menjelajah sosial median ini memang sangat terkenal pada fitur web browser penyedia jejaring sosial. Browser sosial internasional berbasis firefox ini memberikan pengalaman baru bagi pecinta sosial media terpooulr. Kemudahan cara membuat facebook, bertwitter, atau Skype menjadi andalan web browser flock yang tak tergantikan

5. Opera

Perangkat lunak rowser antar platform ini diluncurkan oleh pembuatnya oleh Opera software yang ada di Oslo, Norwegia. Proyek yang di mulai pada tahun 1994 ini menghasilkan fitur yang kemudian banyak di tiru oleh pesaingnya. Fitur seperti browser pop-up, integrasi dengan tool translasi, filter URL, low bandwidth menjadi kelebihan utama Opera. Meskipun begitu, hanya sedikit pengguna opera dibandingkan dengan web browser lain namun, untuk keluaran browser mobile yaitu Opera mini masih menjadi nomer satu.

Perangkat lunak/fungsi/ fitur yang digunakan untuk membuat disain grafis pada web

Adobe Illustrator

Adobe Illustrator merupakan sebuah software yang dikembangkan oleh perusahaan software terkemuka Adobe System yang dapat digunakan untuk editor gambar vektor. Adobe Illustrator sendiri pertama kali dirilis sekitar tahun 1986 dan hanya dapat berjalan pada sistem operasi Mac OS. Namun seiring perkembangannya software desain grafis yang satu ini mampu untuk berjalan pada sistem operasi Windows. Sebagai salah satu software desain grafis yang cukup populer, Adobe Illustrator sudah mengalami banyak pengembangan, versi - versi yang sudah rilis dipasaran mulai dari versi 1 hingga sekarang sudah rilis Adobe Illustrator versi CC yang tentu sudah banyak penambahan fitur - fitur didalamnya. Secara garis besar fungsi Adobe Illustrator adalah sebagai software editing gambar vector.

Namun fungsi lainnya dari Adobe Illustrator adalah dapat mendesain berbagai macam hal yang di perlukan kita di zaman yang serba modern ini diantaranya adalah

·         Membuat desain logo

·         Desain Aplikasi

·         Desain Gambar

·         Desain Wallpaper

·         Desain Kartun

·         Desain Ikon

·         Desain Website

CorelDraw

Corel Draw adalah software atau aplikasi berbasis dekstop komputer yang digunakan untuk membuat atau melakukan editor grafik vektor. Aplikasi yang dibuat oleh Corel (sebuah perusahaan software yang berbasis di Ottawa, Kanada) dirilis pertama kali dengan versi 1 pada Januari 1989. Dalam perkembangannya, aplikasi ini sudah muncul versi terbarunya yakni Corel Draw 8 atau Corel Draw X8 yang dirilis pada tanggal 15 Maret 2016.

Aplikasi Corel Draw ini fokus pada editor gambar, sehingga banyak dipakai oleh pengguna dalam bidang advertising, desain visual, serta percetakan dan bidang lain yang memerlukan format visualisasi.

Secara umum fungsi corel draw adalah sebagai editor grafik vertor yang menghasilkan gambar visual. Namun, banyak sekali pengguna corel draw yang menggunakannya diberbagai bidang yang memiliki insting desain grafis atau karya visual. Berikut ini contoh kegunaan corel draw yang mungkin sesuai dengan bidang Anda.

·         Menggunakan corel draw untuk membuat desain logo atau simbol untuk branding

·         Menggunakan corel draw untuk membuat undangan, brosur, pamflet, dan lain – lain

·         Menggunakan corel draw untuk membuat cover buku

·         Menggunakan corel draw untuk membuat gambar ilustrasi

·         Menggunakan corel draw untuk mendesain suatu tampilan web yang kita inginkan

Adobe InDesign

Adobe InDesign adalah perangkat lunak Dekstop publishing (DTP) yang diproduksi oleh Adobe System yang dapat digunakan untuk membuat brosur, poster, majalah, atau pun buku. Memiliki fokus pada rancangan sekaligus beberapa halaman dan/atau halaman master suatu buku ataupun website yang akan di buat

https://hiduptreda.com/knowledge/berbagai-macam-layout-desain-web.html

https://idseducation.com/articles/mengenal-tipografi-dalam-desain-grafis/

https://www.codepolitan.com/ketahui-jenis-file-gambar-yang-tepat-untuk-web

https://www.niagahoster.co.id/blog/warna-efektif-desain-website/

https://ruanglaptop.com/penjelasan-berbagai-resolusi-layar/

https://wawanpurnawan.wordpress.com/2014/10/03/macam-macam-web-browser/

mengimplementasikan kebutuhan pengguna ke dalam model desain grafik pada aplikasi berbasis perangkat bergerak

NAMA : DIAR SIRAZUDIN BARIZ

NPM : 51417658

KELAS : 3IA07

Perangkat lunak disain grafis yang diperlukan dalam memperindah tampilan aplikasi perangkat lunak bergerak

Adobe Photoshop

Adobe Photoshop merupakan salah satu software desain grafis paling populer saat ini. Meskipun sebenarnya software ini secara khusus dirancang untuk memanipulasi objek atau gambar dan biasa digunakan oleh para fotografer untuk mengedit foto hasil jepretannya agar terlihat lebih menarik.

Namun, Adobe Photoshop juga sangat bisa diandalkan untuk kebutuhan desain grafis seperti membuat banner, desain logo, tipografi, dan kebutuhan desain lainnya.

GIMP

Bagi sebagian orang, GIMP seringkali disebut sebagai alternatif dari Photoshop. Selain gratis, software GIMP juga bersifat open source, yaitu dapat dikembangkan oleh siapa pun.

Software ini dianggap sebagai salah satu software desain grafis terbaik karena fiturnya yang lengkap dan mudah digunakan bahkan untuk pemula.

Kelebihan utama GIMP adalah tampilannya yang cerah dan modern. Tentunya, karakteristik ini sangat cocok untuk para desainer muda.

 Adobe Illustrator

Memang banyak sekali software hasil buatan adobe yang sangat mudah penggunaannya dalam hal desain grafis. Untuk software ini, keunggulannya dibanding keluaran adobe lainya adalah untuk membuat vektor. Tak jarang dari kita jika mengunduh hasil vector dibeberapa situs, akan mendapati file yang memiliki format .AI, karena memang rata rata mereka para pembuat desain lebih nyaman dan puas jika menggunakan Adobe Illustrator.

Inkscape

Software ini merupakan perangkat lunak editor gambar vektor yang bersifat perangkat lunak bebas di bawah lisensi GNU GPL. Keunggulan softarware ini tentunya mudah digunakan, banyak pilihan warna, file software tersebut ringan, dan juga hasilnya bisa dilihat di browser juga, serta memiliki fitur backup otomatis jika software tersebut not responding. Selain itu ada banyak sekali keunggulan dari software tersebut

CorelDraw

Corel Draw adalah sebuah program komputer yang melakukan editing pada garis vektor. Program ini dibuat oleh Corel, sebuah perusahaan software yang berkantor pusat di Ottawa, Kanada. Corel draw memiliki kegunaan untuk mengolah gambar, oleh karena itu banyak digunakan pada pekerjaan dalam bidang publikasi atau percetakan ataupun pekerjaan di bidang lain yang membutuhkan proses visualisasi.

https://www.belajar-komputer-mu.com/2012/09/pengertian-dan-kegunaan-program-corel-draw.html

https://dewailmu.id/software-desain-grafis-untuk-pc/

https://fastwork.id/blog/software-desain-grafis/

kebutuhan pengguna terhadap grafik pada aplikasi berbasis perangkat berggerak

NAMA : DIAR SIRAZUDIN BARIZ

NPM : 51417658

KELAS : 3IA07

Proses berpikir secara detail untuk kasus pemodelan disain grafis yang diperlukan dalam memperindah tampilan aplikasi perangkat bergerak

Jaman sekarang telah banyak kita temui desain grafis dengan berbagai macam bentuk dan animasi yang di hasilkan dari pemodelan desain grafis. Salah satunya adalah animasi bergerak, tak di sangka hal ini sangat menarik minat orang untuk mengetahui, mengenal, bahkan ingin membuat sendiri animasi bergerak tersebut, namun dalam kenyataanya membuat animasi bergerak tak semudah menikmatinya saja butuh banyak pengetahuan, skill serta inovatif dalam pembuatan animasi bergerak tersebut. Contoh masalah tersebut adalah saat mendesain awal animasi kemudian tingkat ketajaman warna dari animasi tersebut serta kesempurnaan dari hasil yang akan di dapat dari animasi bergerak yang kita buat

Pemecahan masalah/ kasus secara detail

Dalam hal ini ada banyak sekali pemecahan masalah yang dapat kita tempuh untuk menyelesaikan masalah yang kita miliki saat membuat suatu animasi bergerak. Salah satunya adalah memilih software yang tepat untuk mendukung kita dalam membuat animasi bergerak yang akan kiat buat, kemudian membuat desain awal yang sesuai selera, aturan dan tata tertib yang ada dalam membuat suatu animasi bergerak. Dan yang terakhir adalah memiliki pengetahuan yang luas untuk dapat mengkombinasikan berbagai ide yang kita miliki yang dimana dapat membantu kita dalam membuat suatu animasi bergerak sesuai ekspektasi dan keinginan kita.

konsep pemodelan desain grafik pada aplikasi berbasis perangkat bergerak berikut elemen elemen yang dibutukan

NAMA : DIAR SIRAZUDIN BARIZ

NPM : 51417658

KELAS : 3IA07

Konsep resolusi layar pada perangkat bergerak

1.      Resolusi HD (720p)

HD adalah singkatan dari High Definition. HD berarti pixelnya 1280 x 720.

2.      Resolusi Full HD (1080p)

Full HD adalah kelanjutannya dan sekarang sudah menjadi standar resolusi layar di pasaran. Full HD adalah 1920 x 1080 pixel.

3.      Resolusi QHD (2k)

QHD atau Quad HD memiliki definisi empat kali lipat dibanding HD Standar. Itu berarti anda bisa memasukkan jumlah pixel empat biji layar HD kedalam satu layar QHD dengan ukuran sama. Resolusi pixel QHD adalah 2560 x 1440

4.      Resolusi Ultra HD (4k)

4K adalah 4096 pixel, dan Ultra HD adalah 3840 pixel. Ultra HD adalah 3840 x 2160, sementara 4K adalah 4096 x 2160. Mereka biasanya disingkat menjadi 2160p berhubung perbedaan jumlah pixelnya tidak begitu besar.

Konsep layout pada apps perangkat bergerak

Linear Layout

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

Relative Layout

RelativeLayout 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).

Frame Layout

Layout ini adalah layout yang paling sederhana. Layout ini akan membuat komponen yang ada didalamnya menjadi menumpuk atau saling menutupi satu dengan yang lainnya (layering). Komponen yang paling pertama pada layout ini akan berada dibawah komponen-komponen diatasnya. Pada penggunaan fragment, FrameLayout memiliki kemampuan untuk menjadi container untuk tiap fragment didalam sebuah Activity.

Grid Layout

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). Dalam sebuah referensi, GridLayout merupakan komponen Layout yang sangat fleksibel dan dapat dimanfaatkan untuk menyederhanakan pembuatan Layout UI yang bersifat kompleks dan bersarang yang terdapat di komponen Layout lainnya.

Konsep tipografi yang sesuai untuk disain grafis apps perangkat bergerak

1. Roman

Huruf di keluarga Roman memiliki ciri khas tersendiri yang muda dikenali. Huruf Roman memiliki ketebalan dan ketipisan pada setiap garis di huruf – hurufnya. Semua huruf yang ada di bawah naungan kategori Roman memiliki ciri khas klasik, anggun, tegas, lemah gemulai dan feminim. Keluarga huruf Roman sudah ada sekitar abad 11 atau 12. Karena itu, huruf Roman merupakan salah satu kategori huruf yang paling tua. Jenis font yang ada di kategori huruf Roman antara lain Bodoni, Georgia, dan Times New Roman.

2. Egyptian

Huruf yang berada di bawah keluarga Egyptian memiliki ciri huruf seperti papan. Berbeda dengan kategori Roman yang memiliki tebal tipis di hurufnya, Egyptian memiliki ketebalan yang hampir sama di setiap hurufnya. Kesan yang ditimbulkan oleh jenis huruf Egyptianadalah kokoh, kuat, kekar, dan stabil. Jenis font yang ada di kategori Egyptian adalah Rockwell dan Typo Slab – Serif.

3. Sans Serif

Huruf yang berada di bawah keluarga Sans Serif hampir mirip dengan huruf yang berada di bawah keluarga Roman, hanya saja jenis huruf ini tidak memiliki sirip di ujung. Ketebalan hurufnya pun tidak tebal tipis, melainkan solid. Kesan yang ditimbulkan jenis huruf ini adalah modern, kontemporer, dan efisien. Bisa dibilang huruf di kategori Sans Serif merupakan versi modern dari Roman. Jenis font yang ada di kategori Sans Serif adalah Arial, Century Gothic, Futura, Helvetica, Lucida Grande, Trebuchet MS, dan Verdana.

4. Script

Sama seperti namanya, huruf yang berada di bawah kategori ini memiliki rupa layaknya tuliksan tangan. Tetapi bukan huruf cetak ya. Seperti tulisan tangan sambung yang dibuat dengan pena, kuas, atau pensil tajam. Biasanya huruf di bawah kategori ini memiliki ciri khas miring ke kanan. Kesan yang ditimbulkan oleh kategori huruf ini adalah pribadi dan akrab. Jenis font yang ada di kategori ini adalah Freestyle Script dan French Script.

5. Miscellaneous

Huruf yang berada di kategori ini tidak memiliki ciri khas atau rupa yang spesifik seperti 4 kategori lainnya. Huruf yang berada di bawah kategori ini biasanya merupakan pengembangan dari bentuk – bentuk yang sudah ada, hanya ditambahkan hiasan, ornament atau garis – garis dekoratif. Jenis font yang ada di bawah kategori ini sangat banyak, antara lain Comic Sans MS, Joker, dan Magneto.

Format gambar yang dapat disisipkan dalam apps perangkat bergerak

·         JPEG

·         GIF

·         PNG

Konsep warna pada apps perangkat bergerak

Dalam pengolahan image, dikenal dua macam warna paling populer yang menjadi standar

internasional, yaitu RGB dan CMYK.

1. RGB adalah singkatan dari Red-Green-Blue. 3 warna dasar yang dijadikan patokan warna secara universal (primary colors). Dengan basis RGB, seorang desainer bisa mengubah warna ke dalam kode-kode angka sehingga warna tersebut akan tampil universal. Dasar warna ini menjadi standar pasti dalam konteks profesional, seorang desainer tidak bisa mengatakan sebuah warna berdasar pertimbangan subektif, misal: biru muda menurut orang awam adalah birunya langit di siang yang cerah, hal ini bisa jadi berbeda bagi orang lain dengan pertimbangan yang lain pula.

Untuk menyamakan persepsi dalam definisi warna, perlu adanya standar internasional dalam konteks kerja profesional. Dengan standar RGB, seorang desainer dapat mengatakan warna dengan komposisi angka yang jelas, warna biru memiliki komposisi perpaduan antara unsur Red, Green, Blue dengan derajat angka untuk R : 115 – G : 221 – B : 240.

2. Standar warna internasional lainnya yang digunakan untuk dunia percetakan adalah 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. CMYK merupakan standar warna berbasis pigment-based, menyesuaikan diri dengan standar industri printing. Sampai saat ini dunia cetak- mencetak memakai 4 warna dasar dalam membuat warna apapun.

Konsep input pada apps perangkat bergerak

Input adalah semua data dan perintah yang dimasukkan ke dalam memori komputer untuk selanjutnya diproses lebih lanjut oleh prosesor. Sebuah perangkat input adalah komponen piranti keras yang memungkinkan user atau pengguna memasukkan data ke dalam komputer, atau bisa juga disebut sebagai unit luar yang digunakan untuk memasukkan data dari luar ke dalam mikroprosesor.

Input pada apps perangkat bergerak berarti memasukan gambar atau grafik yang telah kita buat untuk membuat rangkain gambar bergerak kedalam aplikasi pengolah animasi (gambar bergerak)

Disain grafis untuk apps perangkat bergerak yang sesuai dengan user experience dan user interface

·         Adobe Photoshop

·         Adobe InDesign

·         Adobe Illustrator

·         Corel Draw

Perangkat lunak/fungsi/ fitur yang digunakan untuk membuat disain grafis pada apps perangkat bergerak

·         Macromedia Flash

·         Houdini Animation Software

·         Power Animator

·         Adobe Photoshop

·         Blender

·         Adobe Flash

https://ruanglaptop.com/penjelasan-berbagai-resolusi-layar/

https://medium.com/@mahesaiqbal6/layout-pada-aplikasi-android-3e85cf66757e

https://ilmudesaingrafis.wordpress.com/2011/01/27/konsep-warna-arti-warna-merah-hijau-biru-kuning-oranye-abu-abu-hitam-desain-grafis/