Contoh penerapan tipografi pada desain web

Untuk meningkatkan tampilan dalam desain web dibutuhkan juga keterampilan dalam penataan teks, tipografi merupakan hal yang sangat penting dari desain web. Jenis tipografi seperti huruf besar dan tebal akan meningkatkan nuansa dari sebuah situs. Berikut ini beberapa tipografi pada situs yang dapat menginspirasi kita.








Denisechandler.com

 

 

Wakwaw.com

 

 

Visualrepublic.net

 

 

Convergese.com

 

 

Losttype.com

 

 

Sasquatchfestival.com

 

 

Openpublicapp.com

 

 

Dotvita.com

 

 

Rxbalance.com/

 

 

Kylesteed.com

 

 

Amazeelabs.com

 

 

Madebywater.com

 

 

Abutler.net

 

 

 Kylemkramer.com

 

 

Moresoda.co.uk




Populer post:
10 desain web unik dengan gambar tangan.
50 situs untuk desain grafis dan tutorial Photoshop.
17 poster karakter dari film Hobbit.
Karya inspirasi dari andreea cernestean.
10 tutorial photoshop seputar Halloween.



Semoga bermanfaat.




Komentar

Posting Komentar

Postingan populer dari blog ini

Tutorial:Membuat poster dengan Photoshop.

Gambar
Apa itu poster? Menurut wikipedia, definisi poster atau plakat adalah karya seni atau desain grafis yang memuat komposisi gambar dan huruf di atas kertas berukuran besar. Pengaplikasiannya dengan ditempel di dinding atau permukaan datar lainnya dengan sifat mencari perhatian mata sekuat mungkin. Karena itu poster biasanya dibuat dengan warna-warna kontras dan kuat. Terinspirasi dari maraknya berita tentang kekerasan baik di media cetak dan media elektronik,saya tergerak untuk membuat sebuah poster yang berjudul  STOP KEKERASAN.Ikuti tutorial di bawah ini Preview. Sebelum mengikuti tutoriak ini silahkan lihat hasil akhir yang akan kita peroleh                                                                                                                    Resource >> stock image.zip Tutorial. Langkah 1 Jalankan program Photoshop lalu buka file gambar tangan pilih File>Open. Langkah 2 Balik gambar tangan dengan menekan Image>Rotate canvas>Flip canvas Vertical
Baca selengkapnya

Teori lingkaran warna

Gambar
Brewster adalah orang yg pertama kali mengenalkan pengelompokan warna atau di sebut teori lingkaran warna dia membagi warna dalam 4 klasifikasi: 1.Warna primer yaitu warna dasar yg bukan campuran dari warna2 lain,merah,biru dan kuning adalah golongan dari warna primer. 2.Warna sekunder yaitu hasil dari pencampuran warna2 primer dengan komposisi 1:1 contoh warna jingga merupakan campuran warna merah dengan kuning,warna ungu adalah campuran dari warna merah dan biru,warna hijau adalah campuran warna biru dan kuning. 3.Warna tersier yaitu campuran salah satu warna primer dengan salah satu warna sekunder contoh warna jingga kekuningan didapat dari pencampuran warna kuning dan jingga. 4.Warna netral yaitu campuran ketiga warna dasar dalam proporsi 1:1:1 warna ini sering muncul sebagai penyeimbang warna2 kontras di alam,biasanya hasil campuran yg tepat akan cenderung menuju ke hitam. Lingkaran warna primer hingga tersier bisa di kelompokan menjadi dua kelompok besar,yaitu kelompok warna pan
Baca selengkapnya

Menggambar ikon baju pelampung di Photoshop

Gambar
Pada tutorial ini kita akan membuat sebuah ikon baju pelampung menggunakan Photoshop. Teknik yang digunakan yaitu menggambar menggunakan Path, melukis manual dengan Brush dll. Langsung saja kita ikuti tutorialnya. Final preview Berikut adalah hasil akhir yang akan kita peroleh.     Detail tutorial Tingkat Kesulitan: Pemula, Menengah Software yang Digunakan: Adobe Photoshop Teknik yang Dipelajari: Path, gradasi warna, lukis manual dengan brush dll.   Riset Sebelum mulai menggambar lakukan riset dengan mencari gambar baju pelampung di Google.   Tutorial   Langkah 1 Mulai dengan membuat sebuah dokumen baru dengan ukuran 1200 x 1500 px.    Langkah 2 Ubah warna depan/Foreground menjadi # ff7e00. Seperti terlihat pada gambar berikut:    Langkah 3 Aktifkan Pen tool lalu buatlah sebuah path seperti pada gambar:   Langkah 4 Buat layer baru, lalu klik kanan di atas kanvas pilih Fill path dan ikuti pengaturan seperti pada gambar:   Langkah 5 Setelah path terisi oleh warna orange hapus pat
Baca selengkapnya