Icon And Graphics.

Slides:



Advertisements
Presentasi serupa
Pertemuan 8 Interaksi Manusia dan Komputer Viska Armalina, ST., M.Eng
Advertisements

PERBEDAAN PIXEL DAN VEKTOR
Interaksi Manusia dan Komputer - part 2 Danny Kriestanto, S.Kom., M.Eng.
Session 1 GUI (grafik user interface dan Pengenalan warna)
TEKNOLOGI INFORMASI DANKOMUNIKASI Created by Silvia Adiswan, S.Kom.
Pengertian grafis Desain Grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan pada sang desainer (perancang) untuk memilih,
Grafika Komputer (TIZ10)
INTERAKSI MANUSIA DAN KOMPUTER
Pengenalan Grafis Berbasis Vektor
Praktikum PTI Sekolah Tinggi Ilmu Statistik Oleh : SIS - BPS Pengolahan Citra.
PENGOLAHAN CITRA DIGITAL
Praktikum PTI Sekolah Tinggi Ilmu Statistik Oleh : SIS - BPS
Pengolahan Citra Pertemuan 14.
Jurusan Perencanaan Wilayah dan Kota Fakultas Teknik Universitas Indonusa Esa Unggul Topik 10 Teori Warna.
Grafika Warna Dewi Octaviani S.T, M.C.s.
W A R N A 4/14/2017.
Graphical User Interface (GUI)
Keseimbangan, Penekanan, Kesatuan
IMAGE ENHANCEMENT (PERBAIKAN CITRA)
Mengidentifikasi Perangkat Lunak Pembuat Grafis Definisi Desain Grafis Tujuan Desain Grafis Manfaat Desain Grafis Elemen Desain Grafis Prinsip Dasar Desain.
PRINTING PROSES VCD 0018.
MENGENAL GRAFIS DAN PROGRAM APLIKASINYA
PENGOLAHAN WARNA CITRA
DASAR DESAIN GRAFIS.
Interaksi Manusia & Komputer
KONSEP INTERFACE
Hieronimus Edhi Nugroho, M.Kom
Image Processing 1. Pendahuluan.
Grafis berbasis Vektor dan Bitmap
EDY WINARNO fti-unisbank-smg 31 maret 2009
Anna Dara Andriana S.Kom.,M.Kom
GRAPHIC APpLICATION PROGRAM
Pengertian grafis Desain Grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan pada sang desainer (perancang) untuk memilih,
Definisi Desain Grafis
Pemrogaman Multimedia : Dasar Multimedia
Dosen : Bella Hardiyana S. Kom
MENGENAL GAMBAR DIGITAL
Informatics Engineering Dept
Teori Warna Grafik Komputer 2.
Definisi Desain Grafis
Pengantar Design Grafis
FAKTOR MANUSIA (2) (LANJUTAN) DOSEN. UTAMI DEWI WIDIANTI.
JENIS-JENIS PROGRAM PEMBUAT GRAFIS
Gambar Bitmap Gambar bitmap atau yang sering juga disebut raster terdiri atas sekumpulan titik-titik (pixel) yang berdiri sendiri dan mempunyai warna sendiri.
ILUSTRASI Ilustrasi berasal dari bahasa latin ilustrare yang artinya penampakan, kemuliaan, cahaya, penerangan dan penggambaran secara hidup-hidup. Ilustrasi.
Graphical User Interface (GUI)
Faktor Manusia.
Operasi Aritmatika dan Geometri pada citra
Faktor Manusia dalam IMK
Informatics Engineering Dept
Nilai & Warna, Ruang, Gerakan
Faktor Manusia.
Charles S. Pierce dan Tipologi Tanda
TINGKAT KEABUAN DAN WARNA CITRA
DESAIN GRAFIS IMK 2015 Laseri, S.Kom.
Pertemuan 10 (Lanjutan) F. Menaikkan Kapasitas Penyimpanan Data
PRAKARYA MULTIMEDIA KELAS X SEMESTER /2016.
Pengolahan Citra Digital
Dosen Pengampu Mata Kuliah : Muhammad Fauzi. M.Ds
Faktor Manusia.
Pengertian Pixel Pixel :
Faktor Manusia.
Mengidentifikasi Perangkat Lunak Pembuat Grafis Definisi Desain Grafis Tujuan Desain Grafis Manfaat Desain Grafis Elemen Desain Grafis Prinsip Dasar Desain.
PENGOLAHAN CITRA DIGITAL. URAIAN MATERI PCD Pemberian Evek Pada Gambar Vektor dan Bitmap Penggabungan Teks & Citra Bitmap Penggabungan Teks & Citra Vektor.
KONSEP DASAR CITRA DIGITAL (2) dan SISTEM PEREKAMAN CITRA
Format citra Oleh : Kustanto 11/10/2018.
Bekerja dengan Warna.
Faktor Manusia.
PERSENTASE Dasar Desain Grafis Sekolah: SMK Telkom Makassar Program Keahlian : Teknologi Komunikasi Dan Informatika Kompetensi Keahlian : Teknik Komputer.
Mengenal Warna. Warna dapat didefinisikan secara obyektif/fisik sebagai sifat cahaya yang dipancarkan, atau secara subyektif/psikologis merupakan bagian.
Transcript presentasi:

Icon And Graphics

Tujuan / Kompetensi Memahami Icon Memahami Graphics Memahami Tips Perancangan Icon Mengetahui Macam-macam Icon Mengetahui Kombinasi Warna yang Baik dan yang Buruk

ICON GRAPHICS SOAL Daftar pustaka About

Menu utama Pengertian ICON Icon bisa juga disebut simbol, ialah antarmuka grafik disebuah data yang digambarkan oleh gambar kecil yag menggambarkan program komputer ataupun berkas komputer dalam pengelola berkas sebuah sistem operasi Icon merupakan sebuah lambang kecil berupa gambar yang tampak pada layar komputer. Biasanya dipakai untuk melambangkan dokumen atau program lain dan disk drive

Charles Sanders Peirce merupakan seorang filsuf dan ahli logika, Amerika. Bagi Pierce, ikon termasuk dalam tipologi tanda pada trikotomi kedua. Ikon merupakan sebutan bagi tanda yang non-arbitrer (bermotivasi). Menurut Pierce, Ikon adalah hubungan antara tanda dan objeknya atau acuan yang bersifat kemiripan (Sobur, 2004:41). Menu utama Icon menurut Pierce

Menu utama Tips Merancang Icon Pertimbangkan untuk membuat icon yang realistis dan memiliki bentuk unik Jangan pernah membuat icon yang sama persis dengan icon yang sudah ada Buatlah icon yang sederhana Gunakan visualisai gambar yang mudah dikenali Terlihat menarik dengan warna hitam putih ataupun berwarna

Beberapa icon umum. Digunakan untuk apa? Menu utama Beberapa icon umum. Digunakan untuk apa? Hot Cold Fast Slow Engine Oil Ammeter/ Generator Straight Turn Automatic Variable Regulation Plus/ Positive Minus/ Neg

Kode Jumlah Maksimal untuk Difrensiasi Keefektifan Manusia Menu utama Kode Jumlah Maksimal untuk Difrensiasi Keefektifan Manusia

Menu utama Contoh Icon

Concrete and familiar shapes Visually & conceptually distinct shapes Menu utama Concrete and familiar shapes Visually & conceptually distinct shapes

Contoh Borders degrading icon distinctiveness Menu utama Contoh Borders degrading icon distinctiveness Communication relationships in icons Avoid excessive detail in icon design

Menu utama Pengertian Grafis Grafis adalah kombinasi dari titik-titik yang nantinya menghasilkan bentuk visual tertentu. Titik-titik tersebut tidak selalu berbentuk titik hitam, tetapi juga bisa berbentuk titik-titik dengan bermacam warna, tergantung dari jenis grafis itu sendiri. Kombinasi titik-titik tersebut bisa berupa rumusan. Grafika (dari bahasa Inggris "Graphic") adalah presentasi visual pada sebuah permukaan seperti dinding, kanvas, layar komputer, kertas, atau batu bertujuan untuk memberi tanda, informasi, ilustrasi, atau untuk hiburan.

Menu utama Atribut Grafis 1.Warna ➢ CMYK (Cyan, Magenta, Yellow, Black) ➢ RGB (Red, Green, Blue) ➢ BW (Black White) 2.Resolusi Grafik mendeskripsikan tentang banyaknya detail gambar yang tersimpan. Resolusi sering digunakan sebagai jumlah pixel dalam pencitraan gambar digital. 3.Tipe File BMP, JPG, PNG, GIF, PCX, CDR, SVG

Jenis-Jenis Grafis Grafis Bitmap Grafis Vektor Menu utama Jenis-Jenis Grafis Grafis Bitmap Gambar bitmap merupakan duplikat atau tiruan persis dari gambar asli dalam bentuk gambar digital. Gambar jenis ini tersusun dari sejumlah titik pixel (picture element)/dot/point/titik koordinat yang ditempatkan pada lokasi-lokasi tertentu dengan nilai warna tersendiri sehingga membentuk pola tertentu di layar komputer. Grafis Vektor Gambar vektor adalah gambar yang tersusun oleh sekumpulan garis, kurva, dan bidang tertentu dengan menggunakan serangkaian instruksi yang masing-masing didefinisikan secara matematis. Setiap garis, kurva, dan bidang tertentu tersebut mempunyai properti atau atribut masingmasing berupa fill, stroke, dan node. Gambar vektor tidak dipengaruhi oleh resolusi gambar atau titik pixel (dpi) seperti pada gambar bitmap.

Types of graphics (by purpose) Menu utama Types of graphics (by purpose) Navigational. To identify links that may be followed Representational. To illustrate items mentioned in text Organizational. To relate items mentioned in text Explanative. To show how things or processes work Decorative. To provide visual appeal and emphasis

Menu utama Pengertian Warna Warna menurut Teori adalah spektrum tertentu yang terdapat di dalam suatu cahaya sempurna (berwarna putih). Identitas suatu warna ditentukan panjang gelombang cahaya tersebut. Dalam seni rupa, warna bisa berarti pantulan tertentu dari cahaya yang dipengaruhi oleh pigmen yang terdapat di permukaan benda. Teori Brewster adalah teori yang menyederhanakan warna yang ada di alam menjadi 4 kelompok warna. Keempat kelompok warna tersebut, yaitu: warna primer, sekunder, tersier, dan warna netral. Teori ini pertama kali dikemukakan pada tahun 1831.

Fungsi Warna Warna mempunyai beberapa fungsi, seperti: Menu utama Fungsi Warna Warna mempunyai beberapa fungsi, seperti: fungsi identitas, dimana orang mengenal sesuai dari warnanya, seperti seragam, bendera, logo perusahaan dll. fungsi isyarat, warna memberikan tanda-tanda atas sifat dan/atau kondisi, seperti merah bisa memberikan isyarat marah atau bendera putih mengisyaratkan "menyerah" fungsi psikologis, warna juga memberikan kesan terhadap yang melihat, seperti misalnya warna hijau rumput dapat memberikan kesan yang menyegarkan fungsi alamiah, warna adalah properti benda tertentu, seperti buah tomat jarang ada yang hitam kan http://pengantar-warna.blogspot.com/2008/09/fungsi-warna-beberapa.html

Aspek yang Perlu Diperhatikan Dalam Menggunakan Warna Menu utama Aspek yang Perlu Diperhatikan Dalam Menggunakan Warna Aspek Psikologi, hindari penggunaan tampilan yang secara simultan menampilkan sejumlah warnatajam. Warna merah, jingga, kuning, dan hijau dapat dilihat bersama – sama tanpa perlu pemfokusan kembali, tetapi cyan, biru, dan merah tidak dapat dilihat secaraserempak dengan mudah. Pemfokusan kembali mata yang berulang – ulang akan menyebabkan kelelahan penglihatan. Asperk Perceptual, Persepsi adalah proses pengalaman seseorang dalam menggunakan sensor warnanya. Diterima tidaknya layar tampilan warna oleh para pengguna, sangat bergantung pada bagaimana warna digunakan. Warna dapat meningkatkan interaksi hanya jika implementasinya mengikuti prinsip dasar dari penglihatan warna olehmanusia.- Aspek Kognitif, Jangan menggunakan warna yang berlebihan karena penggunaan warna bertujuanmenarik perhatian atau pengelompokan informasi. Sebaiknya menggunakan warnasecara berpasangan. Kelompokkan elemen – elemen yang saling berkaitan dengan latar belakang yang sama ; Warna yang sama membawa pesan yang serupa- Urutkan warna sesuai dengan urutan spektralnya Kecerahan dan saturasi akan menarik perhatian-

Pemilihan Kombinasi Warna yang Baik dan yang Buruk Menu utama Pemilihan Kombinasi Warna yang Baik dan yang Buruk

Daftar Pustaka http://id.wikipedia.org/wiki/Ikon_(komputer) http://komputer.yn.lt/adalah/?arti=icon https://fahri99.wordpress.com/2007/06/20/relasi-makna-cs-pierce/ http://mohanbscrew.blogspot.com/2012/10/pengertian-grafis-dan-perbedaan-grafis.html http://id.wikipedia.org/wiki/Grafika https://missimanakondou.wordpress.com/it-ma/xii/gasal/jenis-grafis/ http://www.notepedia.info/2013/05/memahami-dasar-warna.html http://pengantar-warna.blogspot.com/2008/09/fungsi-warna-beberapa.html Daftar Pustaka

Nisa Dwiyanti 6306120009 Alifah Novita 6306120078 Pratiwi Citra 6306124111