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.
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.
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
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.
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
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
Tidak ada komentar:
Posting Komentar