Catatan Desain Grafis tgl 21 Juli 2022 kamis
Pengertian dari Desain grafis adalah bentuk komunikasi visual yang memanfaatkan elemen grafis,seperti gambar,teks,warna,dan sebagainya untuk menyampaikan informasi secara efektif. Contoh penerapan desain grafis selain pada kemasan produk, di antaranya poster ,papan iklan ,brosur,dan masih banyak lagi.
Kategori Desain Grafis
- Secara garis besar,desain grafis dibedakan menjadi beberapa kategori
- Printing (percetakan) yang memuat desain buku,majalah,poster,booklet,leaflet,flyer,pamflet,periklanan,dan publikasi lain yang sejenis.
- Web Desain: desain untuk halaman web.
- Film termasuk CD,DVD,CD multimedia untuk promosi.
- Identifikasi(logo),EGD(Environmental Graphic Design): merupakan desain profesional yang mencakup desain grafis,desain arsitek, desain industri,dan arsitek taman.
- Desain produk,pemaketan dan sejenisnya.
Uraian Umum Pengantar Web Desain
Tujuan:Mengenal sejarah, konse desain web yang efektif dan menarik
Materi:
- Sejarah Web Desain
- Pengertian web desain
- Peran HTML dan CSS
- Aplikasi pendukung
Sejak awal kelahiran website di awal tahun 1990, para programer dan graphic desainer mendapatkan sebuah lahan baru untuk karya mereka, yang kemudian disebut web design. Seiring perkembangannya, web design akhirnya tumbuh menjadi segmen design tersendiri yang jelas-jelas terpisah dari graphic design. Skill yang dibutuhkan pun juga berbeda dengan graphic design, karena web design juga melibatkan berbagai bahasa pemrogaman.
Hingga saat ini, ada dua golongan utama pekerja web design. Golongan pertama adalah orang-orang yang dulunya programer, dan golongan kedua adalah orang-orang yang dulunya graphic designer. Karakter web yang dihasilkan dua kelompok ini cukup bertentangan. Mantan programer biasanya lebih mementingkan sistem, sedangkan mantan graphic designer lebih mementingkan tampilan. Kami pun juga berpendapat bahwa web desain yang sempurna selalu dihasilkan oleh minimal dua orang: satu orang graphic designer sebagai seniman, dan satu orang programer sebagai pengatur sistem.
Website pertama kali dibuat oleh Tim Berners-Lee pada bulan Agustus 1991. Website pertama itu bernama World Wide Web. Bentuknya sangat sederhana. Semua masih menggunakan script html standar tanpa ada unsur apapun. Website pertama tersebut masih ada dan bisa diakses hingga saat ini. Silahkan Klik di sini untuk melihatnya. Lahirnya website pertama merupakan babak baru bagi perkembangan komputer dan teknologi informasi.
Pada tahun 1994, World Wide Web Consortium (W3C) didirikan. Lembaga ini mengambil keputusan bahwa script HTML adalah script standar untuk semua website. Dalam perkembangan selanjutnya, script html tersebut dikembangkan lagi menjadi XHTML yang bersifat terbuka terhadap berbagai plugin script tambahan seperti Java, flash, dan Ajax.
Pada sekitar tahun 1995 muncul website dengan menggunakan tabel sebagai dasar layoutnya, atau yang biasa disebut table-based layout. Kehadiran Table-based layout merupakan gebrakan yang cukup signifikan bagi web design waktu itu. Dengan table-based layout, web bisa dibuat dalam beberapa kolom dengan posisi-posisi layout selangkah lebih maju. Website yang menggunakan Table-based layout diantaranya adalah W3C (1998) dan Yahoo (2002).
Pada tahun 1996 flash diintegrasikan dengan website. Pada awalnya script flash disebut dengan FutureSplash Animator, kemudian Macromedia Flash, dan sekarang Adobe Flash. Flash sendiri sebenarnya merupakan pengembangan dari Macromedia Shockwave (sekarang Adobe Shockwave). Program ini pertama kali ditujukan sebagai pembuat menu dan daftar multimedia content pada autorun CD-ROM.
Dengan adanya flash, gambar-gambar dalam website dapat ‘bergerak’. Selain itu fitur-fitur klasik html, seperti ‘link’ tetap bisa dihadirkan. Tetapi flash memiliki kekurangan, yaitu website menjadi berat dan sulit diakses. Selain itu, pengguna web juga harus memiliki flash plugin di browsernya, dan hal ini sangat merepotkan saat itu.
Pada tahun yang sama (1996), 3DML script diperkenalkan oleh Michael Powers. 3DML memungkinkan web untuk menampilkan animasi-animasi 3D. Tetapi inovasi ini jarang sekali digunakan. Sistem 3DML menggunakan XML non-standar serta hanya bisa dibuka oleh satu jenis browser saja, yaitu Flatland Rover. Hingga saat ini, belum ada plugin 3DML yang dibuat untuk browser umum seperti Mozilla Firefox.
Pada awal tahun 2000, Dynamic HTML (DHTML) diperkenalkan. Pada awalnya, DHTML merupakan gabungan dari flash dan html. Script ini dikembangkan lebih lanjut dan menjadi JavaScript. Tetapi seiring perkembangannya DHTML dan JavaScript tumbuh sendiri-sendiri dan memiliki platform yang sangat berbeda. Dengan DHTML, script animasi flash dapat diintegrasikan dengan HTML sehingga web tidak menjadi berat. Selain itu, DHTML juga mensupport HTML DOM, yang memberi keleluasaan script untuk melibatkan Operating System yang digunakan user dalam perintahnya.
Pada tahun yang sama (2000) Cascading Style Sheets (CSS) mulai diperkenalkan. CSS adalah platform web design yang sangat populer hingga saat ini. Dengan adanya CSS, script untuk tampilan bisa dipisah dari file HTML induknya. Dengan CSS, template web bisa dibuat lebih rapi. CSS memungkinkan banyak fungsi tampilan yang tidak mungkin dipenuhi oleh table-based layout. CSS akhir-akhir ini menjadi sangat populer dengan diperkenalkannya platform CMS opensource seperti Joomla dan WordPress. Hampir semua template WordPress dan Joomla menggunakan CSS sebagai basis tampilannya.
Pengertian Web Design
Web design adalah istilah mengenai desaign visual yang diterapkan kepada media digital yaitu website, design yang ditunjukan untuk pengembangan dan styling informasi di internet untuk menyediakan fitur konsumen high-end dan memberikan kualitas estetika. Definisi yang ditawarkan memisahkan desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs web, serta desain posisi web sebagai semacam desain grafis.
Secara tidak langsung, website design ini fokus pada tampilan, tapi tidak akan menghilangkan fungsi utama yang sedang di design. mampu memeberikan kenyamanan tambahan bagi pengunjung dan pembaca website
Peran HTML dan CSS
Jika HTML diibaratkan sebagai seorang manusia, maka CSS adalah pakaian yang membuat penampilan menjadi semakin menarik. CSS akan membantu para web designer untuk mengubah tampilan teks (baik dari bentuk dan ukuran font maupun warnanya), menambahkan gambar, hingga mengubah latar belakang sebuah halaman HTML.
Aplikasi Pendukung
Notepad++
Aplikasi coding ini cukup banyak digunakan para programmer aplikasi ini sangat mudah digunakan terutama bagi pemula yang baru terjun didunia programmer. Tetapi aplikasi Notepad++ sangat berbeda dengan aplikasi notepad biasa bawaan windows. Notepad++ ini telah ditambahkan banyak plugins-plugins. Fitur canggih yang terdapat pada Notepad++ ini seperti text-shortening, macro recording, dan shortcut costumization. Aplikasi gratis Notepad++ ini memiliki pendeteksi berbagai macam bahasa pemrograman seperti Assembly, C, Perl, PHP, Python, C++, Java, Javascript, C#, CSS, HTML, Pascal, Ruby, Shell, SQL, VB dan XML.
Visual Code Studio
Aplikasi Visual Studio Code mudah melakukan Pengeditan kode dan semua kode dapat didefinisikan ulang tidak hanya itu Edit dan debug aplikasi ini bisa di Sistem operasi manapun Visual studio code ini memiliki lebih dari 20.000 ekstension dan gratis dan open source. Visual Studio Code dapat digunakan di Windows, macOS, Linux. Aplikasi ini digunakan programmer untuk mengembangkan aplikasi untuk Android, iOS, Mac, Windwos, web dan cloud.
Sublime Text
Aplikasi ini cukup banyak digunakan untuk para programmer diindonesia. Aplikasi ini sangat kompatibel di semua versi Windows, Mac, maupun versi Linux. Sublime Text ini cukup mudah digunakan, Aplikasi ini sangat cocok untuk programmer khususnya web developer karena kombinasi warna kode dapat memudahkan pemisahan kode-kode seperti warna dan ukuran.
Atom
Atom ini adalah aplikasi dekstop yang dibangun dengan integrasi sebuah HTML dan Aplikasi ini dapat bekerja di seluruh sistem operasi, Seperti OS X, Windows, atau Linux. Aplikasi ini digunakan seorang programmer untuk kebutuhan aplikasi yang menggunakan teknologi Web. Tools yang terdapat di aplikasi ini seperti pelengkap otomatis yaitu yang dapat membantu Anda menulis code lebih cepat. Aplikasi ini juga memiliki fitur perlengkapan otomatis yang cerdas dan fleksibel.
Eclipse
Eclipse adalah IDE yang mendukung sistem plug-in dan memiliki berbagai format file. Aplikasi ini digunakan untuk mengembangkan aplikasi yang menggunakan Java, Anda juga dapat menggunakannya untuk menulis aplikasi dalam bahasa pemrograman lain (melalui plug-in). Aplikasi ini berguna sekali untuk Anda yang ingin cepat dalam hal pengkodean.
Geany
Geany adalah Aplikasi editor teks ringan. Aplikasi ini mendukung banyak bahasa pemrograman dan markup, seperti C, C #, C ++, PHP, HTML, CSS JavaScript, Python, Perl, Haskell, dan Pascal. Jenis file seperti Diff-output, file SQL. Aplikasi ini gratis dan dapat digunakan disemua sistem operasi.
GEdit
GEdit adalah Aplikasi ringan yang serbaguna. Aplikasi ini memiliki tampilah yang bersih dan sederhana. Aplikasi ini juga dilengkapi dengan fitur pemeriksa ejaan. Aplikasi ini gratis dan dapat digunakan oleh sistem operasi Windows, macOS, dan Windows.
Brackets
Brackets adalah Aplikasi editor kode yang dikembangkan oleh Adobe Systems. Aplikasi ini sangat berfungsi untuk jenis pengeditan HTML, CSS, dan JavaScript. Aplikasi ini memiliki tampilan jernih. Aplikasi ini gratis dan dapat digunakan oleh sistem operasi seperti Linux, macOS, dan Windows.
NetBeans
NetBeans ini digunakan untuk mengembangkan aplikasi seluler, desktop, dan web dengan cepat menggunakan Java, C / C ++, PHP. Aplikasi ini dikembangkan dari sekelompok komponen software modular yang disebut ‘modul. NetBeans adalah aplikasi gratis yang dapat digunakan di semua sistem operasi seperti Linux, macOS, dan Windows.
GNU Emacs
Aplikasi GNU Emacs adalah Aplikasi pengeditan teks yang memiliki fitur pewarnaan sintaks dan support untuk berbagai jenis file. Aplikasi ini di dokumentasikan dengan built-in yang lengkap, Termasuk tutorial bagi pengguna (pemula) yang baru bergabung. Contoh fungsi dari aplikasi ini yaitu dapat mengedit teks, rencana proyek, pembaca surat dan berita, antarmuka debugger, kalender, klien IRC, dll.
Bluefish
Aplikasi bluefish adalah aplikasi editor yang cukup hebat yang banyak digunakan seorang programmer dan pengembang suatu web, Aplikasi ini memiliki banyak opsi untuk menulis situs web, script, dan kode pemrograman. Bluefish sudah cukup banyak mendukung bahasa pemrograman dan markup. Bluefish ini adalah aplikasi proyek pengembangan open source, yang diliris dengan lisensi GNU GPL.
UltraEdit
UltraEdit adalah aplikasi seorang pengembang / programmer. Aplikasi ini memiliki tema yang dapat dikonfigurasi, Dan baiknya lagi aplikasi ini memiliki integrasi OS (yaitu berbaris perintah dan ekstensi shell). Aplikasi ini dapat diterapkan dengan mudah. Ultraedit hadir bagi pengguna Windows, Mac, dan Linux.
Vim
Aplikasi coding Vim ini diliris pada tahun 1991 ini banyak digunakan oleh seorang programmer yang suka menggunakan OS terutama Linux. Aplikasi ini memiliki tampilan yang sederhana seperti CMD (Command Line Interface). Didalam fitur aplikasi ini Anda bisa menggunakan tombol pintas shortcut untuk mempercepat proses peng-codingan. Aplikasi ini merancang beberapa program seperti Bash script, C, dan PHP.
Xcode
Aplikasi Xcode ini merupakan software untuk mengembangkan perangkat lunak untuk iOS, iPadOS, macOS, watchOS, dan tvOS. Xcode memiliki bahasa multi-paradigma yang dikembangkan oleh Apple Inc, Mereka bersama-sama membuat pengalaman pemrograman menjadi lebih menarik dan menyenangkan. Hal yang menarik dari Xcode ini adalah elemen dan desain yang dapat langsung Anda gunakan. Interface Builder pada Xcode menampilkan rendering langsung pada Coding Anda.
TextMate
TextMate adalah aplikasi yang dirancang untuk editor GUI versi ringan terutama untuk Anda pengguna macOS. Aplikasi ini memiliki fitur-fitur declarative costomizations, folding section, shell integration, dan memiliki plugin yang banyak. Aplikasi ini cocok untuk pemula karena sangat membantu untuk menulis dan men-debug kode.
diposting oleh TKJ10 @ Juli 21, 2022
0 Komentar
0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda