Penjelasan Warna Additive Warna Additive digunakan untuk desain tampilan dilayar monitor, tidak untuk kebutuhan cetak. Di antara sistem warna additive adalah RGB,LAB color dan HLS. Desain yang menggunakan model warna additive misalnya game,wallpaper,web dan video. Warna Subtractive Andaakan mendapatkan beberapa opsi untuk mengkalibrasi warna dari monitor Anda. Jumlah minimum warna yang diterima harus 256. Anda juga dapat menyesuaikan gamma, kecerahan, dan kontras monitor Anda. Target Penyesuaian Monitor dapat digunakan untuk menilai apakah monitor Anda disesuaikan untuk tampilan terbaik atau tidak. Semakinbanyak warna yang dapat ditampilkan, semakin jelas dan kompleks tampilan film. Selain itu, warna sangat mempengaruhi mood dan detail film. Saat ini, ada banyak jenis color gamut, seperti sRGB dan DCI-P3, yang banyak digunakan di laptop. Khusus untuk pecinta film, laptop dengan layar 100% DCI-P3 color gamut sangat direkomendasikan. Perbedaandari teori ini sendiri dengan kedua teori sebelumnya, Munsell menyatakan warna pokok yang ada terdiri dari warna merah, kuning, hijau, biru serta jingga. Dan sedangkan warna sekundernya sendiri terdiri atas warna jingga, hijau muda, hijau tua, biru tua serta nila. Pentingnya Teori Warna Prealbuminadalah protein yang dibuat di hati Anda. Prealbumin membantu membawa hormon tiroid dan vitamin A melalui aliran darah Anda. Malnutrisi adalah suatu kondisi di mana tubuh Anda tidak mendapatkan kalori, vitamin, dan/atau mineral yang dibutuhkan untuk kesehatan yang baik. Brightnessadalah sebuah tingkat kecerahan, bisa juga disebut sebagai ketajaman warna. Bila pengaturan brightness warna semakin tinggi maka tampilan gambar dan video akan tampak lebih cerah dan tajam. Brightness bisa juga diartikan sebagai gelap atau terangnya suatu objek. Jumlah brightness ini berbeda sesuai dengan tingkat kecerahan yang ada. Saatmenyambungkan TV atau layar berkemampuan HDR10 ke PC Windows yang mendukung HDR dan gamut warna lebar (WCG), Anda akan mendapatkan gambar yang lebih cerah, lebih dinamis, dan lebih mendetail dibandingkan dengan tampilan rentang dinamis standar (SDR). Microsoft Store memuat semakin banyak aplikasi dan game HDR. Sebuahstudi baru-baru ini dilakukan Sleep Junkie, sebuah e-commerce kasur, yang melakukan survei kebiasaan tidur 1.000 orang Amerika dan memperkuat ajaran Alison. Pakar tidur dan penulis, Christine Lapp, mengungkapkan tempat tidur yang didorong ke dinding sejajar dengan pintu dan perabotan adalah posisi terburuk untuk istirahat malam. PnNO. Model warna membantu kita untuk menguraikan warna yang kita lihat. Masing-masing model warna memiliki metode yang berbeda dalam mendefinisikan dan menggolongkannya. Semua model warna menggunakan nilai numerik untuk mewakili visible spectrum dari warna. Untuk kebutuhan cetak, biasanya model warna yang dipakai adalah CMYK. Namun, untuk tampilan di layar monitor saja, seperti web, wallpaper, game, atau video, biasanya menggunakan model warna RGB. Model warna adalah sebuah model matematika abstrak yang menjelaskan bagaimana warna dapat disajikan sebagai sebuah tupel dari angka-angka, biasanya tiga atau empat nilai atau komponen warna. Macam-macam model wama di komputer antara lain RGB, CMYK, HSL, LAB Color, dan YIQ. Namun, dalam modul ini pembahasan akan lebih fokus pada model wama CMYK dan RGB. 1. Model warna RGB Model warna RGB adalah sebuah model warna additive di mana pancaran wama red {merah, green hijau, dan blue biru ditambahkan bersama dengan cara yang bervariasi untuk mereproduksi susunan wama yang lebar. Wama additive digunakan untuk lighting, video, dan monitor. RGB adalah sebuah ruang wama yang sifatnya bergantung kepada perangkat. Perangkat yang berbeda akan mendeteksi. atau mereproduksi nilai RGB secara berbeda. Pengkodean wama RGB .dapat ditulis dalam angka heksadesimai basis 16 untuk masing-masing komponen R, G, atau B. a UnhiiW mam mumi akan cfitufes dengan kode 000000 R=00, G=00, B=00 b. Unfe pMi sempuna akan cfituBs dengan kode FFFFFF R=FF, G=FF, B=FF c. Unluk bim mumi akan cfilufes dengan kode 00Q0FF R=00, G=00, B=FF 2. Model wama CMYK CMYK adalah kependekan dari Cyan, Magenta, Yellow, kuning , dan wama utamanya, yaitu black fhiftamj Baring ksii dfadikan referensi sebagai suatu proses pewamaan dengan mempergunakan 3. Model wama HSL HSL adalah suatu model wama yang diperoleh dari warna RGB dan wama tergantung jenis perangkat yang digunakan. HSL kependekan dari hue, saturation, dan lightness. Di dalam HSL, ketiga karakteristik pokok dari warnanya adalah sebagai berikut. a. Hue adalah warna yang dipantulkan dari atau memancarkan melalui suatu objek. Hue diukur sebagai lokasi pada standar color wheel, yang dinyatakan dalam tingkat antara 0° dan bv Lightness adalah tingkat keterangan relatif atau kegelapan dari warna. Pada umumnya diukur dalam persentase dari 0% hitam ke 100% putlh. c. Saturation kadang-kadang disebut chroma, adalah kemumian atau kekuatan dari warna. Saturation menghadirkan jumlah kelabu sebandlng dengan hue, mengukur persentase dari 0% hitam kelabu sampat 100% warna yang dipenuhi. Pada standar color wheel, saturation meningkat dari pusat ketepi. 4 Model warna LAB color Model warna LAB berdasarkan pada persepsi manusia atas warna. Warna lab merupakan salah satu dari beberapa model warna yang diproduksi oleh Commission Internationale d’Eclairage CIE, suatu organisasi yang menciptakan standar semua aspek cahaya. Nilai numerik di dalam LAB menguraikan semua wama yang ditangkap seseorang dengan penglihatan normal. Sebab, wama LAB menguraikan bagaimana suatu warna dibandingkan dengan berapa banyak bahan wama tertentu yang diperlukan untuk suatu alat seperti suatu monitor, desktop, printer, atau kamera digital untuk menghasiikan wama. LAB menguraikan wama dalam kaitannya dengan lummance atau lightness-components L dan dua chromatic components, yaitu komponen merah dan hijau, serta komponen kuning dan biru. & Model warna Y1Q YIQ KependeKan dan luma. In-phase, dan Quadrature. Komponen Y luma merupakan satu-sananva komponen yang dicunakan oleh televisi hitam-putih. I dan Q mewakili informasi chrominance sksgat yang dcursskan dalam video sistem untuk menyampaikan informasi wama dari gambar. Sistem YIQ drnaksudkan untuk mengamtoil keuntungan dari karakteristik manusia dalam merespons wama. Msc& eoih sensitif aertiadap perubainsn dalam kisaran oranye ke biru I, daripada di kisaran ungu ke _ jufesn^naang unsur pada Yt I. dan Q ndakiya diukur antara 0 dan 255. Unsur Y berupa -ilia lumrarca sadar^ran il dan Q anSara 0 yang mewakili wama hijau dan 255 yang mewakili unsur fcsams jiarc- \denpan magensa.. Dalam desain grafis, warna merupakan hal pertama yang akan dilihat seseorang. Kesan pertama terhadap warna akan menggambarkan keseluruhan gambar atau grafis. Warna dapat memberikan sugesti yang mendalam kepada seseorarig yang melihatnya. Jadi, pemilihan warna yang tepat menjadi salah satu hal yang sangat penting dalam menentukan respons audiens terhadapa sebuah karya grafis. Dalam pembuatan sebuah ddsain grafis, penentuan komposisi warna sangat penting. Komposisi berarti to compose, yang berarti mengarang, menyusun, atau mengubah Dalam dunia dpsain ada dua macam model warna yang sering digunakan, yaitu CMYK dan RGB. RGB dan CMYK adalah singkatan dari sistem pewarnaan. Perbedaan paling mendasar dari RGB dan CMYK adalah RGB lebih ditujukarv untuk digital appearance atau tampilan yang bersifat digital, sedangkan CMYK untuk kepentingan percetakan. CMYK merupakan singkatan dari Cyan, Magenta, Yellow, dan Black. Penggabungan 100% cyan, magenta, dan yellow menghasilkan akan warna hitam black, tetapi tidak 100% hitam mumi melainkan abu-abu gelap. CMYK lebih sempurna dibandingkan RGB karena memasukkan unsur hitam di sana. CMYK sering kali disebut warna proses process color dengan mempergunakan empat warna. CMYK adalah sebuah model warna berbasis pengurangan sebagian gelombang cahaya substractive color model dan dipergunakan dalam pencetakan berwarna. Jadi, untuk mereproduksi gambar yang relatif sempurna dibutuhkan sedikitnya empat tinta, yaitu cyan, magenta, yellow, dan black. Keempat tinta tersebut disebut tinta/warna proses. Tinta proses adalah tinta yang dipergunakan untuk memproduksi warna dengan proses teknik cetak tertentu, seperti offset lithography, rotogravure, letterpress, atau sablon. Berbeda dengan tinta yang hanya digunakan satu lapisan single layer, karena tinta yang digunakan dapat ditumpuk-tumpuk, maka sifat tinta proses harus memenuhi standar tertentu, seperti spesifikasi warna dalam model warna CIE LAB dan nilai opacity/transparency. Kesalahan warna dalam penumpukan dua macam tinta disebut ink trapping berbeda dengan layout trapping error. ISO 2846-1 hingga ISO 2846-5 adalab standar yang ditetapkan oleh badan standardisasi internasional terhadap warna dan nilai transparansi dari tinta proses empat warna CMYK, masing-masing untuk proses pencetakan sheet-fed and heat-set web offset lithographic printing, Coldset offset lithographic printing, publication gravure printing, screen printing, dan flexographic printing. Sebuah warna dalam model warna CMYK dapat dituliskan ke dalam beberapa bentuk, di antaranya CMYK c, m, y, k atau Cc Mm Yy Kk, di mana c, m, y, k memiliki nilai masing-masing antara 0-100. Misalnya warna scoolbus yellowadalah CMYK 0,15, 95, 0 atau dapat dituliskan CO M15 Y100 K0. Kode di depan berarti warna schpolbus yellow memiliki komposisi warna tinta Magenta 15% dan ditambah tinta Yellow 95%. Dalam model warna CMYK juga terdapat wama primer, sekunder, dan tersier. Warna primer dalam model wama CMYK adalah wama-wama yang hanya terdiri atas satu komposisi warna, misalnya CMYK 100, 0, 0, 0, CMYK 0, 50, 0, 0, dan lainnya. Adapun warna sekunder dalam model warna CMYK adalah wama-wama di mana komposisinya terdiri atas campuran dua macam tinta proses, misalnya CMYK 50,70,0,0, CMYK 0,100,100,0, dan lainnya. Sedangkan warna tersier dalam Itiodel warna CMYK adalah semua wama di mana komposisinya terdiri atas campuran tiga macam warna proses. 2. Warna RGB RGB Red, Green, dan Blue merupakan sistem pewamaan untuk tampilan secara digital dan banyak digunakan untuk monitor komputer, video, layar ponsel, dan lainrlain. Sistem wama RGB terdiri dari 100% red, 100% green, dan 100% blue yang menghasilkan 100% putih serta tidak ada wama hitam di RGB. Jika warna red, green, dan blue tersebut dikombinasikpn, maka terciptalah warna putih. Inilah alasan RGB disebut additive color atau warna pencahayaan. Pada perhitungan dalam program-program komputer, model warna direpresentaasikan dengan nilai komponennya, seperti dalam RGB r, g, b masing-masing nilai antara 0 hingga 255 sesuai dengan urutan masing-rhasing, yaitu pertama red, kedua green, dan ketiga blue. Dalam suatu ruang yang sama sekali tidak ada cahaya, maka tidak ada sinyal gelombang cahaya yang dapat diserap oleh mate kite atau RGB 0, 0, 0. Jika diberikan cahaya merah dalam ruangan tersebut, maka ruangan akan berubah warna menjadi merah dengan nilai misalnya RGB 255, 0, 0, dan semua benda di dalam ruangan tersebut hanya terlihat berwarna merah. Warna RGB merupakan prinsip warna yang digunakan oleh media elektronik seperti televisi, monitor komputer, dan juga scanner. Oleh karena itu, warna yang ditampilkan RGB selalu terang dan menyenangkan, karena 6\-setting untuk display monitor, bukan untuk cetak, sehingga lebih leluasa dalam bermain warna. Tapi bukan berarti RGB bebas masalah, karena tampilan warna RGB akan selalu terikat dengan kapasitas/kemampuan gratis komputer yang menyandangnya. Jadi, apabila komputer yang dipakai mempunyai kartu gratis yang bagus serta monitor LCD, maka tampilan warna RGB-nya akan jauh lebih bagus dibandingkan monitor tabung dengan kartu gratis yang biasa-biasa saja. Warna RGB juga dipakai untuk perangkat input, seperti scanner. Model warna RGB lebih terang dan jelas. Dengan warna RGB, maka tampilan warna akan lebih kaya dan menarik. Apabila digunakan untuk warna cetak, maka desain Anda akan berantakan atau bisa dikatakan dengan gagal cetak, karena warna yang digunakan dalam percetakan berbeda dengan warna pada layar monitor komputer. Jika berhubungan dengan dunia percetakan/menggunakan mesin cetak, maka gunakanlah warna CMYK karena mesin cetak menggunakan medium film yang sangat terbatas dalam mencema warna. Namun juga memiliki keunggulan karena mesin cetak berhubungan dengan mass production produksi dalam jumlah yang besar jadi lebih efisien, hemat uang, dan. hemat waktu. Oleh karena itu, pasti ada penurunan kualitas/grade apabila warna RGB dipaksakan masukfilm atau percetakan perubahan warnanya bisa signifikgn. Akan tetapi, seandainya sudah membuat FA Final Artwork untuk cetak dalam color mode RGB, maka bisa konversi dahulu ke CMYK. Namun akan terjadi perubahan warnanya. Jadi, berhati-hatilah dalam memilih jenis pewarnaan yang digunakan dalam sebuah desain. Anda harus menentukan terlebih dahulu apakah untuk cetak atau untuk tampilan monitor saja, dan periksalah dengan hati-hati final artwork-nya agartidak terjadi kesalahan. Cetak dan web dua sisi dari koin desain yang disainer cetak dan web memiliki banyak kesamaan, ada beberapa variasi penting bagi orang-orang baik di luar maupun di dalam industri yang sering tidak pahami. Mulai dari alur kerja, format file hingga alat dan terminologi. Meskipun tidak mendetil, panduan berikut ini menawarkan gambaran singkat tentang beberapa perbedaan terbesar dan sering kali yang paling membingungkan diantara kedua disiplin ilmu Metode Cara Melihat Bagaimana Pengguna Berinteraksi dengan Desain AndaSalah satu perbedaan terbesar antara desain cetak dan web adalah bagaimana orang melihatnya. Memegang sesuatu yang di tangan Anda, seperti selembar kertas, brosur lipat, buku adalah pengalaman yang berbeda dibandingkan melihat sesuatu di layar. Ada beberapa persimpangan, seperti majalah digital mempunyai bentuk yang sama seperti desain cetak. Namun secara umum, pengalaman fisik dan digital adalah garis pemisah yang jelas antara desain cetak dan web. Dimana dan bagaimana desain akan dilihat mengambil peran yang besar dalam keputusan yang diambil si Pengalaman Bagaimana Desain Anda Melibatkan Indera PenggunaHal yang terkait erat dengan sifat fisik atau digital dari sebuah desain adalah bagaimana pengalaman si pengguna. Baik desain cetak maupun desain web memiliki kualitas visual yang sama, yakni desainnya harus memberi kesan yang baik tidak peduli apa pun produk akhirnya. Untuk komponen visual ini, desain cetak memberikan pengalaman sentuhan yang meliputi efek tekstur, bentuk, atau pencetakan seperti letterpress, embossing, atau screenprinting. Pengalaman desain web menambahkan kemungkinan untuk elemen audio/video dan opsi interaktif lainnya lebih detil pada poin 3.Ambil sebuah buku, sebagai contoh. Banyak pembaca yang menyukai berat buku di tangan mereka, tekstur, gemeresik, bahkan bau halamannya. Itu adalah kualitas yang tidak dapat diproduksi ulang dalam bentuk digital apapun. E-book, bagaimanapun itu juga memiliki kualitas unik mereka sendiri yang tidak ada dalam bentuk cetak. E-book anak-anak mungkin memiliki ilustrasi animasi, atau buku teks digital mungkin memiliki hyperlink ke sumber lain. Kedua pendekatan tersebut memiliki nilai dan daya tarik Statis vs. Interaktif Siklus Hidup Desain dan Cara Pengguna Terhubung dengan ProyekBegitu desain akan di cetak, desainnya tidak akan berubah kecuali keputusan untuk merancang ulang dan mencetak ulang, dimana ini akan menghabiskan waktu dan uang; tidak ideal. Desain web, bagaimanapun juga dapat diatur, diubah, atau didesain ulang sepenuhnya setiap saat. Banyak situs web terutama web yang sering berubah konten seperti situs berita akan terlihat berbeda setiap hari. Gambar yang berbeda, teks yang berbeda; mereka diciptakan untuk berarti bahwa tidak seperti disainer cetak, yang biasanya mengirimkan pekerjaan ke printer dan menganggapnya selesai, disainer web harus mempertimbangkan fungsionalitas dari proyek yang sedang berjalan. Elemen seperti tombol, tautan, efek mouse, formulir atau jajak pendapat, video, dan fitur interaktif lainnya harus bekerja dengan benar. Tidak ada cara cepat untuk kehilangan pengguna selain ketika sesuatu tidak berjalan seperti yang diharapkan. Desain web berbeda dari desain cetak dalam hal interaktif ini. Kualitas dinamis sering memerlukan semacam masukan atau interaksi pada posisi pengguna, seperti mengklik, mengetik, dll., yang mana ini membawa kita ke poin berikutnya...4. Penggunaan & Navigasi Membuat Desain Anda Ramah PenggunaKarena desain cetak tergantung pada ukuran fisik dan bentuk permukaan atau objek, navigasinya biasanya terbatas hanya untuk membalik atau membuka halaman. Pada web, navigasi tidak sesederhana itu. Pengguna mungkin berhadapan dengan sejumlah layout yang berbeda dan butuh cara mudah untuk menemukan konten yang mereka cari. Di sinilah guna dari menu. Menu menjadi pusat navigasi situs web dan harus berada di lokasi yang mudah ditemukan banyaknya variasinya web baru-baru ini, baik itu perangkat dan gadget, muncul kekhawatiran tentang bagaimana tampilan situs web di berbagai perangkat dan ukuran layar. Dimana ini mengarahkan fokus pada desain yang responsif atau desain yang disesuaikan dengan berbagai metode penayangan. Disainer web harus mempertimbangkan tidak hanya bagaimana desain itu akan tampil pada perangkat yang berbeda, tetapi juga apa yang akan terjadi dan bagaimana perubahan desain saat pengguna menggulir, memperbesar dan memperkecil, atau melakukan tindakan lainnya. Desain seluler dan penjelajahan web seluler menjadi pertimbangan yang sangat besar. Bagaimana keterbacaan dan navigasi harus berubah untuk menyesuaikan dengan format tersebut dan menciptakan pengalaman pengguna yang baik?5. Kompatibilitas Menguji Desain Web AndaBagi disainer web, kompatibilitas merupakan komponen utama dalam menciptakan pengalaman pengguna yang hebat. Setiap desain web, termasuk situs web, email, e-newsletter, dan format lainnya, harus tampil dan beroperasi dengan benar di berbagai browser web dan sistem operasi yang berbeda. Ini bisa menjadi rumit, karena berbagai platform ini masing-masing memiliki keterbatasan sendiri. Misalnya, iOS, sistem operasi mobile dari Apple, tidak akan menampilkan desain berbasis Flash, dan Internet Explorer versi 8 atau di bawahnya tidak dapat menampilkan SVG scalable vector graphics. Disainer web harus selalu mengingat semua isu ini dan yang lainnya untuk membuat desain mereka akrab pengguna sebisa mungkin dan bagi banyak orang sebisa Tata Letak Bagaimana Anda Menyusun Konten AndaBaik desain cetak maupun desain web memiliki banyak elemen desain yang sama, seperti tipografi, gambar/grafik, bentuk, garis, warna, dll. Jadi, banyak dari praktik terbaik berlaku untuk pendekatan juga memiliki persyaratan tata letak yang unik. Untuk desain cetak, semua informasi harus disajikan dalam batasan permukaan cetak, sedangkan untuk web, desainer memiliki fleksibilitas yang hampir tak terbatas untuk mengorganisir, mengatur, dan menyaring cetak harus memenuhi standar tertentu menggunakan parameter seperti margin dan bleed. Sementara itu situs web bertujuan memberikan pengalaman yang konsisten diantara metode penayangan yang berbeda, seperti web dan seluler. Karena berbagai browser dapat mengubah tata letak asli disainer web. Untuk mencapai fungsionalitas maksimal memerlukan pengujian terhadap berbagai browser dan sistem operasi yang Ukuran Memanfaatkan Ruang Desain Anda dengan BaikUkuran dan tata letak berjalan beriringan. Untuk desain cetak, ukuran permukaan cetak adalah salah satu penentu terbesar bagaimana disainer memanfaatkan ruangan itu. Elemen desain apa yang akan digunakan, jumlah dan ukuran teks, dll. Meskipun ada ukuran standar untuk berbagai proyek, seperti surat, kartu nama, poster, foto, namun kemungkinan hampir tidak terbatas. Karena permukaan kertas dan permukaan cetak lainnya dapat dipotong sesuai ukuran atau bentuk apa web, "ukuran" akan lebih abstrak. Ukuran desain yang dilihat terbatas pada sejumlah perangkat yang tersedia saat ini, dari monitor komputer, laptop hingga tablet dan smartphone. Namun konten tersebut idealnya harus menyesuaikan dengan perangkat apa pun. Kemampuan adaptasi itu dikenal sebagai desain responsif, yang semakin diminati karena kebiasaan orang menjelajahi web mulai beralih ke arah yang lebih Resolusi, Bagian 1 Ikhtisar & DPI Memastikan Desain Anda Terlihat BagusPenting untuk memahami dasar-dasar resolusi, baik untuk cetak dan web. Karena resolusi menentukan kualitas gambar, seberapa bagus tampilan foto dan grafis pada desain akhir Anda. Seperti penjelasan diatas, tetap bersama saya, kita akan membahas sesuatu yang sedikit teknis di akan sering mendengar resolusi yang mengacu pada dua istilah DPI titik per inci atau PPI piksel per inci. Banyak orang keliru menggunakan kedua istilah ini saling bergantian namun sebenarnya keduanya adalah hal yang berbeda. Bahkan pengembang perangkat lunak yang seharusnya tahu lebih baik, termasuk Adobe, kadang memberi label keduanya secara tidak berperan dalam proses pencetakan yang sebenarnya. DPI adalah kepadatan titik tinta yang tercetak pada permukaan cetak yang berukuran satu yang diatur untuk mencetak dengan DPI yang lebih tinggi akan menghasilkan gambar yang berkualitas lebih tinggi. Tapi, tidak seperti PPI, DPI tidak ada hubungannya dengan ukuran cetak. DPI berhubungan dengan kemampuan peralatan cetak yang digunakan, sesuatu yang diluar kendali bagi sebagian besar disainer. Selanjutnya, DPI tidak relevan untuk desain web, karena DPI secara khusus melibatkan bagaimana tinta dicetak di permukaan. Waspadalah karena banyak orang yang salah menggunakan "DPI" sebagai istilah umum untuk mengacu pada resolusi dalam konteks desain Resolusi, Bagian 2 PPI Memastikan Desain Anda Terlihat TerbaikPPI menyatakan jumlah piksel blok bangunan persegi dari gambar digital yang ditampilkan dalam satu inci ruang banyak piksel per inci kualitas gambar akan semakin tinggi, lebih jernih dan tajam. Pixelation buram, distorsi, kehilangan kualitas terjadi saat PPI tidak cukup untuk dicetak atau ketika gambar digital ditampilkan secara online pada ukuran yang lebih besar dari dimensi pixel pada perangkat yang kita gunakan saat ini memiliki resolusi yang telah ditentukan sebelumnya. Untuk web, standar umum kualitas gambar yang dapat diterima adalah 72 PPI. Meskipun ini dapat berubah karena banyak perangkat yang diproduksi dengan tampilan yang beresolusi tinggi. Sebastien Gabriel, perancang untuk Google Chrome, menjelaskanKomputer Windows memiliki PPI default 96. Mac memiliki 72 meski nilai ini belum akurat sejak tahun 80-an. Secara umum, desktop non-retina termasuk mac akan memiliki PPI minimum 72 hingga maksimum sekitar 120. Merancang dengan PPI antara 72 dan 120 akan memastikan pekerjaan Anda kurang lebih akan memiliki rasio ukuran yang sama di mana gambar digital yang diukur dalam piksel untuk dicetak yang diukur dalam inci, sentimeter, atau unit lainnya adalah dimana letak kebingungan sering terjadi. Jika piksel mewakili ruang layar, bagaimana cara menerjemahkan suatu desain untuk ditampilkan di atas kertas? Sebuah sumber resmi pemerintah Amerika yang memberitahu museum tentang cara melestarikan foto dan sumber lainnya, mereka menyarankan bahwa ukuran PPI dan cetak memiliki hubungan yang terbalik. Artinya, nilai PPI yang tinggi lebih banyak piksel per inci memadat atau mengurangi ukuran cetak secara fisik, namun meningkatkan kualitasnya. Ini berarti, tergantung pada karakteristik proyek tertentu, disainer harus menentukan PPI sebuah file untuk menghasilkan kombinasi ukuran dan kualitas yang tepat"Jumlah PPI yang dibutuhkan untuk cetakan yang berkualitas tergantung pada ukuran cetaknya. Cetakan yang besar umumnya dilihat dari jauh dibanding cetakan kecil, jadi jumlah PPI yang lebih kecil umumnya dapat diterima secara visual....”Tanpa pembesaran, mata manusia tidak bisa membedakan detail dalam cetakan lebih dari 300 PPI. Bergantung pada printer, standar umum saat ini membutuhkan 300 PPI untuk menghasilkan cetakan yang mungkin sering mendengar pembuat cetakan dan bahkan disainer mengungkapkan kebutuhan sebuah file untuk disimpan pada 300 DPI. Mereka benar-benar meminta 300 Jenis File Cara Memilih Format yang Tepat untuk Desain AndaDesainer memiliki banyak jenis file yang bisa dipilih. Tapi file apa yang tepat untuk situasi tertentu? Apakah tipe tertentu lebih cocok untuk web daripada untuk cetak, dan sebaliknya? Meskipun semua akronim bisa membingungkan, ada baiknya memahami bahwa setiap format file terbagi dalam dua kategori dasar raster atau vektor. Gambar raster terdiri dari piksel, foto digital contoh umumnya. Dan kualitasnya bervariasi tergantung pada resolusinya yang baru saja kita bahas di atas. Distorsi dapat terjadi dengan mudah jika gambar raster diperbesar melebihi resolusi yang diukur dalam piksel per inci yang memungkinkan. Gambar vektor, di sisi lain, tidak dibatasi oleh piksel. Tanpa terlalu teknis, vektor mengacu pada grafik yang didefinisikan oleh persamaan matematis, yang memungkinkannya diskalakan dengan ukuran apapun tanpa kehilangan adalah ikhtisar singkat dari beberapa jenis file yang umum, karakteristik mereka, dan jenis proyek yang dapat Anda gunakanUntuk Cetak & WebJPG atau JPEG Kebanyakan orang telah mengenal format ini. JPG adalah format file default pada banyak kamera digital. JPG harus disimpan dengan resolusi yang sesuai dan pada ruang warna yang benar CMYK untuk cetak dan RGB untuk web; penjelasan lebih detil lagi pada bagian selanjutnya.PDF digunakan secara umum, mempertahankan konten asli dan tampilan file terlepas dari di mana atau bagaimana akan paling umum untuk menyimpan grafis vektor untuk mempertahankan skalabilitasnya. Tidak selalu mudah dibaca pada gambar berkualitas tinggi; mendukung transparansi / cetakTIFF Gambar kualitas tinggi dan ukuran file yang besar mengkompresi gambar tidak akan mengurangi kualitas, tidak seperti JPG; kompatibel dengan Mac dan PC. Biasa nya digunakan untuk penyerahan akhir ke webGIF mendukung grafis yang menampilkan efek animasi dan/atau transparansi. Kemampuan warna tidak sebagus JPG hanya 256 warna atau kurang, jadi tidak cocok untuk foto. Ideal untuk grafis sederhana di web karena ukuran file yang rendah tidak berdampak negatif pada kecepatan pemuatan format vektor yang dapat ditingkatkan ke atas atau bawah sampai ukuran apapun tanpa kehilangan kualitasPerangkat lunak tertentuPSD file yang dapat diubah berbasis raster yang dibuat di PhotoshopAI file yang dapat diubah berbasis vektor yang dibuat di Adobe IllustratorCanva PNG atau JPGDengan banyaknya pilihan di luar sana, Canva membuat pilihan menjadi sederhana untuk proyek cetak dan desain Anda untuk web, selalu pilih "sebagai gambar", atau jika itu untuk cetak pilih "PDF".11. Warna, Bagian 1 Ikhtisar & CMYK Jenis Warna yang Akan Digunakan untuk MencetakWarna tampil sangat berbeda antara yang tercetak di selembar kertas dengan yang dilihat di layar. Ini karena melibatkan ruang warna yang berbeda CMYK untuk cetak dan RGB untuk web. Jika menggunakan kedua metode ini untuk satu proyek, misalnya, membantu bisnis untuk membuat logo situs web dan juga koordinator kartu bisnis, disainer harus memastikan warna yang tampil konsisten di antara kiriman yang cara melakukannya? Cara yang paling umum adalah dengan menggunakan Sistem Pencocokan Pantone. Warna yang ekuivalen dapat ditentukan untuk web dan cetak, dan juga untuk berbagai jenis permukaan cetak. Warna Pantone memiliki nomor referensi tersendiri, yang berbeda dari kode warna yang terkait dengan CMYK dan RGB. Sistem Pantone memudahkan desainer, klien, dan printer untuk berkolaborasi dan memastikan agar produk akhir terlihat sesuai mari kita bahas intinya. Apa itu CMYK? CMYK adalah singkatan dari empat warna tinta yang digunakan oleh semua printer cyan, magenta, kuning, dan hitam. Desainer mengidentifikasi warna individu yang ingin mereka gunakan untuk proyek cetak dengan kode yang memberikan persentase setiap jenis tinta yang dibutuhkan untuk membentuk warna tertentu. Misalnya, jika Anda ingin menggunakan warna biru yang sama dengan yang digunakan Twitter untuk logonya, panduan gaya perusahaan akan memberi tahu kami bahwa kode warna CMYK untuk "Biru dari Twitter" adalah 70/10/0/0 . Ini berarti sian 70%, 10% tinta magenta, dan tidak ada tinta kuning atau hitam. Anda kemudian dapat memasukkan kode tersebut ke dalam perangkat lunak rancangan Anda dan menggunakan warna biru yang sama persis seperti yang dimiliki oleh mengerjakan desain menggunakan ruang warna CMYK, penting untuk diingat bahwa warna di layar tidak menunjukkan dengan tepat bagaimana warna yang tampil saat dicetak. Proses pemeriksaan diperlukan untuk memastikan warna diterjemahkan dengan benar dari satu layar ke kertas Warna, Bagian 2 RGB Jenis Warna untuk Penggunaan untuk WebRGB mengacu pada warna yang Anda lihat saat Anda melihat layar digital atau monitor, titik merah, hijau, dan biru yang bergabung untuk menciptakan warna yang terlihat di layar TV atau komputer warna yang konsisten untuk web bisa menjadi rumit karena kemampuan tampilan bervariasi dari monitor ke monitor dan warna akan terlihat berbeda tergantung pengaturan kecerahan, kontras, dll. Idealnya, pengguna akan mengkalibrasi layar mereka untuk memastikan representasi warna yang akurat. Sistem operasi Mac dan Windows memiliki alat internal yang dapat Anda gunakan untuk mengkalibrasi layar laptop atau monitor eksternal Anda sendiri.Warna RGB diwakili oleh tiga set angka berkisar antara minimum dan maksimum, biasanya 0 sampai 255 yang mengacu pada jumlah cahaya merah, hijau, dan biru yang diperlukan untuk membuat warna tertentu. Untuk melanjutkan contoh Twitter, nilai RGB untuk "Twitter Blue" adalah 85/172/238, artinya 238 adalah nilai untuk cahaya biru, yang dominan. Enam digit kode yang dikenal sebagai nilai heksadesimal, biasa disebut kode hex, adalah cara lain untuk memberi label warna RGB. Ini digunakan secara khusus untuk mengidentifikasi dan membuat warna saat membangun desain dengan HTML dan ruang warna RGB menggunakan spektrum warna yang lebih besar daripada CMYK. Perlu dicatat beberapa beberapa disainer pada awalnya senang membuat proyek cetak dalam RGB karena opsi warnanya lebih banyak. Selanjutnya mereka akan mengubah desain yang telah selesai itu ke CMYK sebelum begitulah para disainer profesional berpikir tentang warna. Jika Anda merasa sedikit terbebani, Anda akan senang mengetahui bahwa Canva akan secara otomatis mengoptimalkan desain Anda untuk cetak dan warna Anda dari roda warna dengan menyeret mouse Anda mengelilingi lingkaran spektrum. Bila Anda siap untuk mendownload desain Anda, Anda akan diberikan dua pilihan untuk menyimpan sebagai gambar, atau desain Anda untuk web, selalu pilih "sebagai gambar", atau jika untuk ceak cetak pilih "PDF".13. Tipografi Bagaimana Cara Memilih dan Menggunakan Font yang Tepat untuk Desain yang TepatJika Anda pernah membeli font atau mengunduh font online secara gratis untuk suatu proyek desain, kemungkinan Anda memperhatikan bahwa font terdiri dalam dua kategori font desktop dan font web. Istilah ini berkaitan dengan perizinan, masalah hukum dan hak cipta seputar di mana, bagaimana, dan berapa kali font itu dapat digunakan. Secara umum, font desktop dilisensikan ke satu pengguna untuk dipasang di komputer mereka dan digunakan dengan berbagai cara, seringkali untuk desain cetak. Font web, di sisi lain, dibuat dan dioptimalkan secara khusus untuk digunakan di situs web, menggunakan CSS. Pilihan perancang untuk font web biasanya sangat terbatas, namun sumber daya seperti Google Fonts gratis dan TypeKit pilihan gratis terbatas; selain itu adalah langganan berbayar memberi banyak sumber daya aktual, disainer juga menangani tipografi. Pendekatan untuk mengatur jenis font ini berbeda antara proyek cetak dan web. Untuk cetak, selain dari praktik umum terbaik, apapun dapat terjadi. Pendekatannya bergantung pada proyek-proyek tertentu, dan perancang memiliki kontrol penuh tentang bagaimana tampilan web, bagaimanapun itu, font yang tampil bersih dan mudah dibaca seringnya adalah font sans-serif, atau serif yang tidak berkilau adalah prioritas. Para disainer memiliki sedikit kontrol terhadap bagaimana tampilan font di berbagai perangkat, sehingga meningkatkan keterbacaan semaksimal mungkin adalah kuncinya. Karena itulah konten web sering memiliki paragraf pendek teks yang pendek dan terdapat jarak antar baris yang memiliki kit font yang dapat diatur sendiri yang berisi lebih dari 140 font gratis untuk Anda gunakan dalam desain Anda. Jika Anda adalah pemula yang mulai menggunakan font, panduan komprehensif tipografi umum ini layak untuk Anda Kontrol Desain Keterbatasan dan Berapa Lama Proses BerlangsungTipografi bukanlah satu-satunya hal bagi disainer web dengan kontrol yang terbatas. Desain web adalah platform yang menarik karena disainer menentukan tampilan awal suatu proyek, namun pengguna dapat mengganti pilihan tersebut seperti mengubah ukuran jendela browser, memperbesar atau memperkecil, atau menyesuaikan setelan browser seperti pilihan font dan ukuran cetak memiliki kontrol lengkap yang banyak atau sedikit terhadap proyek mereka, seperti menyesuaikan, mengubah, atau mengatur sampai saat pencetakan. Pengguna tidak memiliki pilihan tentang bagaimana produk akhir akan terlihat, sebaliknya perancang cetak membuat keputusan yang tepat mengenai penampilan suatu desain selanjutnya mencari printer untuk mengakomodasi kebutuhan begitu desain keluar dari printer semua berakhir begitu saja. Disainer web, di sisi lain, memiliki kontrol yang lebih berkelanjutan. Jika seorang desainer ingin memperbaiki kesalahannya, mengubah elemen tertentu di situs web, atau bahkan memperbaiki keseluruhan desain, itu adalah Konstruksi Kenapa Metode Disainer Bervariasi dan Kapan itu pentingSetiap disainer memiliki proses sendiri, metode dan alur kerja pilihan mereka tentang bagaimana menyusun suatu desain. Untuk desain web, proses itu mungkin lebih berdampak pada produk akhir dibandingkan desain cetak. Anda lihat, para disainer cetak menyadari bahwa ada lebih dari satu cara yang benar untuk menyelesaikan sesuatu. Pada banyak situasi, selama desain itu terlihat bagus untuk hasil akhirnya, bagaimana cara sampai kesana itu tidak terlalu penting. Seorang disainer mungkin harus melakukan hacking dalam sebuah proyek, namun penonton yang melihat hasilnya kemungkinan tidak tahu hal sedikit lebih rumit untuk desain web. Bagaimana sebuah situs digabungkan, apa yang "di balik layar," demikian istilahnya, akan mempengaruhi produk akhir, termasuk penggunaan bagaimana pengunjung dapat menemukan hal-hal di situs, kecepatan pemuatan halaman dan visibilitas di mesin akhirnya Anda berhasil! Jika Anda masih membaca sejauh ini, saya memuji Anda. Saya harap Anda mempelajari sesuatu yang baru dan/atau sedikit paham tentang perbedaan antara desain cetak dan web. Jika Anda memikirkan perbedaan menarik lainnya atau persamaannya, beri tahu kami di komentar di bawah proyek desain baru? Anda juga akan menyukaiMenulis Ringkasan Desain yang Efektif Contoh-contoh mengagumkan Dan Templat Gratis Untuk Anda Aturan Emas yang Harus Anda Jalani Saat Menggabungkan Font Tips Dari Anda Membutuhkan Panduan Gaya Visual Berikut ini adalah cara untuk membuatnya.