Setelah sukses dengan event pertama kini DELOGIN kembali mengadakan event, yaitu Event DELOGIN 2nd. Berbeda dengan event sebelumnya, kali ini terdapat dua kategori, yaitu Best Design dan Best Article.
Best Design
Dalam kategori ini sama dengan Event Best Design Template yang biasa sobat ikuti. Design keseluruhan template, waktu loading, dan tingkat responsive blog akan dinilai. Perlu diperhatikan, penggunaan gambar dan icon serta penyesuaian warna juga akan mempengaruhi penilaian.

Best Article
Dalam event kali ini DELOGIN menambahkan kategori best article. Pada kategori ini penilaian didasarkan pada seberapa informatif artikel yang ada. Selain itu ada nilai tambahan jika artikel yang ditulis lebih mudah untuk dimengerti.

Dengan hanya sekali mendaftar sobat bisa ikut serta dalam dua kategori event tersebut dan pastinya akan menjadi suatu kebanggan tersendiri jika menang dalam 2 kategori sekaligus. Bagaimana?... Tertarik mengikuti event kali ini?... Bagi yang tertarik mengikutinya silahkan membaca syarat dan ketentuan dibawah ini agar bisa dianggap sah menjadi peserta event.

Syarat dan ketentuan:

1. Template hasil Design atau Redesign sendiri
2. Blog pendaftar tidak mengandung unsur SARA dan Pornografi
3. Blog yang didaftarkan merupakan blog pribadi, bukan lembaga, komunitas, sekolah, dsb
4. Event dimulai tanggal 14 - 21 Agustus 2014
5. Event ditutup pada tanggal 21 Agustus 2014 pukul 24.00 atau 00.00
6. Pengumuman pemenang selambat-lambatnya 3 hari setelah event ditutup
7. Syarat dan ketentuan dapat berubah sewaktu-waktu

Pastinya sobat sering mendengar istilah Serif dan Sans-Serif dalam dunia design, apalagi bagi sobat yang menekuni tipografi. Namun belum tentu semua mengetahuinya bukan!... Dalam dunia web design kedua jenis font ini cukup penting untuk diperhintungkan karena bagaimanapun website atau blog tidak luput dari yang namanya teks. Oleh karena itu pada kesempatan kali ini saya akan sharing sedikit mengenai kedua jenis font ini.
Jenis font terbagi menjadi 2 kategori utama, yaitu serif dan sans-serif. Perbedaan keduanya sangat mudah ditemukan, seperti yang terlihat pada gambar serif memiliki garis atau lengkungan disetiap ujung huruf, sedangkan sans-serif tidak memilikinya dan bersifat solid. Untuk lebih jelasnya akan saya jabarkan mengenai definisi keduanya:

SERIF (Old Style)

Jenis font serif adalah huruf yang memiliki garis-garis kecil atau lengkungan pada badan huruf yang biasa disebut counterstroke. Menurut berbagai sumber,  garis-garis kecil pada serif membantu mata manusia membaca lebih nyaman dan cepat. Oleh karenanya serif cocok digunakan untuk content atau isi.

Contoh font yang termasuk golongan serif: Bodoni, Book Antigua, Cambria, Century, Garamond, Georgia, Lucida Bright, Palatino, Perpetua, Times New Roman, Trajan Pro, dsb.

SANS-SERIF (Modern Style)

Berbeda dengan serif, jenis font sans-serif tidak memiliki garis-garis kecil, melainkan bersifat solid, lebih tegas dan kaku, itulah yang membuatnya terlihat modern. Walaupun kebanyakan sans-serif digunakan sebagai title atau judul, tidak sedikit juga yang menggunakannya untuk content.

Contoh font yang termasuk golongan sans-serif: Arial, Calibri, Century Gothic, Franklin Gothic, Geneva, Helvetica, Impact, Lucida, Myriad, Tahoma, Trebuchet, Tw Cent Mt, Verdana, dsb.

Setelah mengetahui definisi dari keduanya muncul pertanyaan, mana yang terbaik?... serif atau sans-serif?... Untuk title menurut saya memang lebih baik menggunakan sans-serif karena akan terlihat menonjol dan terkesan modern. Akan tetapi untuk content memang banyak yang membenarkan bahwa serif lebih cocok digunakan daripada sans-serif, apalagi untuk media cetak. Akan tetapi untuk media online hal tersebut tidak menjadi masalah, menggunakan serif maupun sans-serif, semuanya cocok asalkan pengunjung nyaman membaca content blog sobat. Jadi dapat diambil kesimpulan bahwa baik serif maupun sans-serif semuanya baik asalkan nyaman untuk dibaca.

          Akhirnya, setelah sempat telat beberapa hari akhirnya saya sempatkan mengumumkan hasil dari Event Design Template DELOGIN yang pertama ini di Blog resmi DELOGIN. Sebelumnya saya sudah share hasil penilaian dari event kali ini di Group DELOGIN, untuk melihatnya silahkan klik disini.


          Berdasarkan hasil penilaian dapat dilihat hampir semua peserta sudah mampu menata layoutnya dengan rapi, akan tetapi masih banyak template yang belum responsive, hal tersebut bisa jadi kendala di era sekarang yang mayoritas visitor memakai ponsel sebagai sarana mencari informasi di dunia maya. Dengan hanya memanfaatkan tampilan ponsel bawaan blogger itu tentu tidak bisa dibilang cukup, tantangan kita sebagai web designer adalah membuat tampilan yang responsive.
          Setelah penilaian yang cukup sulit dan ketat tersebut didapat 10 peringkat teratas yang akan mendapatkan award. Langsung saja, inilah para Pemenang Event Design Template DELOGIN 1st:

Peringkat Pertama

Nama Author: Rifan Hidayat
Url Facebook: https://www.facebook.com/riefand.riefund
Url BLog: http://ngudang.blogspot.com
Nama Template: Black Oops V.0.0

Peringkat Kedua

Nama Author: wahid_husain
Url Facebook: https://www.facebook.com/wahid.ayam.a
Url BLog: http://wahid-emalution.blogspot.com
Nama Template: aisuka template dark

Peringkat Ketiga

Nama Author: Andre Pamungkas
Url Facebook: https://www.facebook.com/andrepamungka
Url BLog: http://www.tisatu.com
Nama Template: TS

Peringkat Keempat

Nama Author: Harris Munahar
Url Facebook: https://www.facebook.com/harris.munaharr
Url BLog: http://zimibot.blogspot.com
Nama Template: Zimibot Windows 8

Peringkat Kelima

Nama Author : Fadhil Khairi Mutha
Url Facebook : http://goo.gl/SSDSFF
Url BLog : http://www.tipsfadhil.blogspot.com
Nama Template : Jalan Fadhil Template

Peringkat Keenam sampai Kesepuluh

Nama Author: Dimas Anwar Aziz
Url Facebook: www.facebook.com/DimasAnwarAziz
Url BLog: www.masdimas.com
Nama Template: TDMS

Nama Author : Irfan Prastiyanto
URL Facebook : facebook.com/irfanew
URL Blog : http://www.desainew.com
Nama Template : Seo Elite

Nama Author: Fawkes Cyber
Url Facebook: https://www.facebook.com/mynameis404
Url BLog: http://cyber-fawkes.blogspot.com
Nama Template: Dark Orange 

Nama Author: Tova Maulana
Url Facebook: https://www.facebook.com/Tova.OutSiderS.interizers.blogs
Url BLog: http://siteryze.blogspot.com
Nama Template: Simple Fryzer's v.1

Nama Author: Nizar Alfarizi Akbar
Url Facebook: https://www.facebook.com/nizar.akbar10
Url BLog: http://fariz-shared.blogspot.com
Nama Template: Fazshed

          Selamat bagi para pemenang, bagi yang belum beruntung jangan putus asa masih ada event kedua. Siapkan diri untuk event berikutnya dengan design yang menarik dan unik. Ganbatte ne...

          Setelah sekian lama menanti akhirnya sempat juga saya adakan Event pertama DELOGIN ini. Event ini mirip seperti event-event design template lainnya dimana para pesertanya akan mendaftarkan blognya untuk dinilai tampilannya. Ingat!... Tampilan, bukan artikelnya. Yang membedakan event DELOGIN ini dengan event lain yang serupa adalah penilaiannya yang akan saya tampilkan, jadi sobat bisa tahu dan membenahi kekurangan pada blognya.


          Pastinya sudah pada penasaran bukan, apa saja sih syarat dan ketentuan untuk bisa ikut serta!...

Syarat dan ketentuan:
1. Template hasil Design atau Redesign sendiri
2. Blog pendaftar tidak mengandung unsur SARA dan Pornografi
3. Event dimulai tanggal 14 - 21 Agustus 2014
4. Event ditutup pada tanggal 21 Agustus 2014 pukul 24.00 atau 00.00
5. Pengumuman pemenang selambat-lambatnya 3 hari setelah event ditutup
6. Syarat dan ketentuan dapat berubah sewaktu-waktu

          Mendesign web memang sebuah kata yang mudah diucapkan akan tetapi berbeda saat dilakukan. Karena design web juga termasuk seni, maka dibutuhkan kreatifitas dalam pembuatannya, oleh karenanya kita bisa menjadi seorang web designer asalkan kita kreatif. Nah, untuk menciptakan sebuah karya (design web) yang baik dan menarik kita harus mengetahui prinsip dalam merancang design web itu sendiri. Lalu apa sajakah prinsip-prinsip tersebut?... Okelah, mari kita bahas satu-persatu prinsip dasar merancang Design Web Profesional:

1. Balance

          Keseimbangan dalam design web bersifat visual, oleh karenanya hanya bisa dirasakan oleh mata kita. Ada dua bentuk keseimbangan layout yang dapat kita pilih sesuai selera kita, yaitu simetris dan asimetris. Layout bisa dikatakan mempunyai keseimbangan simetris apabila unsur-unsur di kedua sisi, baik kiri maupun kanan mempunyai proporsi sama. Untuk keseimbangan asimetris bisa dikatakan lebih abstrak, dikarenakan mempunyai unsur-unsur yang memiliki berat berbeda, akan tetapi bila digabungkan akan mempunyai berat sama. Lebih mudahnya, jika kita menaruh sebuah benda di sisi kiri dengan berat 50 dan menaruh 2 benda dengan berat masing-masing 25 maka akan menghasilkan keseimbangan di kedua sisi bukan!...

2. Color

          Setiap warna memiliki artinya sendiri-sendiri yang dapat memberikan efek pada design kita. Merah, biru, kuning, orange, hijau, ungu, merah muda, coklat, bahkan hitam dan putih sekalipun. Pemilihan warna yang tepat akan memberikan efek psikologi yang baik sesuai keinginan. Untuk lebih jelasnya mengenai arti dari masing-masing warna bisa membaca artikel DELOGIN yang bejudul Arti Warna dalam Design.

3. Graphics

          Walaupun dapat berdampak pada loading, pemberian unsur-unsur grafis memang perlu. Misalnya pemberian ilustrasi atau gambar-gambar pendukung pada design kita, hal tersebut dapat digunakan sebagai pendukung dalam menyampaian pesan secara visual, selain itu pesan dalam gambar lebih mudah ditangkap dibandingkan pesan dalam teks biasa. Para designer profesional pastinya tidak akan sembarangan menyertakan gambar kedalam karyanya, mereka pasti mengolah terlebih dahulu gambar yang akan mereka sertakan pada karya mereka. Oleh karenanya kita diwajibkan terampil dalam mengoperasikan photoshop atau program-program image editor lainnya.

4. Typography

          Tipografi adalah perpaduan seni dan teknik mengatur tulisan dengan maksud agar arti tulisan dapat lebih mudah dimengerti dan menarik untuk dibaca. Pengaturan tipografi yang dapat kita lakukan dalam design web diantaranya adalah pemilihan jenis font, warna text, jarak spasi dan baris, jarak paragraf, dan beberapa tambahan seperti penggunaan blokquote, tag pre, list dan nomer, dsb. Dengan adanya CSS3 dan HTML5 ini semua menjadi lebih mudah diatur dan tentunya lebih banyak pilihan. Walaupun hal tersebut tidak support pada beberapa browser lama. Selain itu dengan adanya Google Font kita dapat memilih font yang disuka dan dibutuhkan untuk design kita.

5. Connection

          Yang dimaksud koneksi disini adalah kesinambungan semua unsur-unsur design. Bisa dibilang koneksi ini adalah lem/perekat yang menyatukan semua element menjadi satu kesatuan yang memiliki arti sama. Percumah saja bukan jika kita membuat sebuah karya yang unsur-unsurnya tidak melekat satu-sama lain.

          Nah, setelah mengetahui prinsip-prinsip dasar tersebut yang perlu kita lakukan untuk dapat merancang design web profesional adalah mencari referensi tentang bentuk dan model untuk kita terapkan pada design kita nantinya. Dari hasil referensi tadi dapat kita padukan menjadi sebuah design baru, syukur-syukur bisa membuat inovasi sendiri.
          Okelah, sampai sini dulu postingan kali ini. Semoga bermanfaat...

          Warna merupakan salah satu elemen penting dalam Design, termasuk juga dalam design web. Sadar atau tidak setiap warna akan memberikan efek tersendiri bagi suatu design, bahkan hitam dan putih sekalipun. Kombinasi dari dua warna atau lebih juga akan berdampak pada hasil dari suatu karya design, bisa membuatnya menjadi lebih indah, bisa juga malah merusak keindahan design tersebut. Oleh karenanya pengetahuan akan arti dari masing-masing warna tersebut akan sangat membantu bagi kita sebagai seorang web designer dalam membuat sebuah karya yang bagus.
          Okelah, mari kita bahas arti dari masing-masing warna berdasarkan psikologi warna yang sering digunakan dalam design.

1. Merah (Bold)

Power, energi, kehangatan, panas, cinta, nafsu, marah, agresi, bahaya, berpendirian, dinamis, percaya diri, erotisme, keberanian, darah, resiko, ketenaran, perjuangan, perhatian, perang, bahaya, kecepatan, dan kekerasan.

          Secara umum warna merah berhubungan dengan perasaan yang meledak-ledak atau amarah. Selain itu warna merah juga mudah menarik perhatian dan meningkatkan nafsu makan, karena itulah banyak restoran atau produk makanan yang menggunakan warna merah sebagai warna dasar atau logo mereka.

2. Biru (Cold)

Kepercayaan, ilmu pengetahuan, keamanan, teknologi, kebersihan, keteraturan, damai, menyejukkan, spiritualitas, kesabaran, tenang, profesionalisme, serius, kebijakan, kelembutan, kreativitas, loyalitas, kesedihan, dan ketulusan.

          Biru adalah warna favorit saya, kenapa?... Biru merupakan warna yang menawan, tenang dan memberi kesan terhadap wawasan yang tinggi. Warna biru sangat baik untuk menumbuhkan loyalitas konsumen. Oleh karenanya banyak perusahaan yang menggunakannya sebagai warna dasar mereka. Selain itu di dunia pendidikan-pun juga sering menggunakan warna biru.

3. Kuning (Aglow)

Optimis, ceria, hangat, bersahabat, harapan, ingatan, imajinasi logis, energi sosial, kerja sama, kecemburuan, optimisme, musim panas, resah, ketidakjujuran, pengecut, pengkhianatan, pencerahan, dan intelektualitas.

          Kuning adalah warna yang ceria, hangat, dan menyenangkan, biasanya identik dengan sesuatu yang baru. Sering kali warna ini digunakan untuk mendapatkan perhatian orang, oleh karenanya warna kuning sering digunakan untuk memperkenalkan sebuah produk atau ciptaan baru.

4. Orange (Carefree)

Energy, keseimbangan, kehangatan, kuat, muda, fun, keterjangkauan, antusiasme, pencapaian bisnis, kesehatan pikiran, daya tahan, keadilan, kegembiraan, pertumbuhan, ketertarikan, kebebasan, dan pembuat gaduh.

          Warna orange adalah hasil peleburan antara merah dan kuning, sehingga masih memiliki beberapa kesamaan dari warna pembentuknya, yaitu kuat dan hangat, dan satu hal baru, yaitu efek riang. Warna ini sering dianggap sebagai warna dari inovasi dan pemikiran modern.

5. Hijau (Fresh)

Alami, sehat, keberuntungan, pembaharuan, penyembuhan, kelimpahan, keajaiban, muda, kesuksesan materi, daya tahan, ketergantungan, pertumbuhan, kesuburan, harmoni, optimisme, kebebasan, dan keseimbangan.

          Hijau adalah warna yang tenang karena biasanya dikaitkan dengan lingkungan dan alam. Di dalam desain grafis, kita bisa menggunakan warna hijau untuk memberikan kesan segar. Warna ini juga memiliki arti lain seperti pertumbuhan dan kesegaran, karenanya warna ini popular digunakan oleh produk-produk organik. Ada yang mengatakan bahwa warna ini dapat menetralisir mata dari warna yang panas.

6. Ungu (Majestic)

Misterius, artistik, kreatif, spiritual, kebangsawanan, pandangan ketiga, rahasia, upacara, telepati, pencerahan diri, arogan, kekasaran, ambisi, magic atau sihir, harga diri, keangkuhan, mandiri, dan transformasi.

          Warna Ungu adalah warna yang unik, karena sulit untuk dipadukan dengan warna lain selain hitam dan putih, dengan proporsi yang tepat tentunya. Warna ini cocok untuk warna tambahan atau pemanis dalam desain, karena jika terlalu banyak penggunaannya warna ini akan merusak desain dan akan memperlihatkan kesan jahat. Oleh karenanya hati-hati dalam penggunaannya.

7. Merah muda (Energetic)

Cinta, kasih sayang, feminim, romantis, persahabatan, kepercayaan, niat baik, damai, perasaan yang halus, manis, indah, cengeng, dan pengobatan emosi.

          Merah muda adalah warna yang melambangkan perasaan perempuan karena mengandung kesan feminim. Selain itu warna ini juga halus, mudah dikombinasikan dengan warna lain juga. Warna ini banyak digunakan sebagai lambang cinta atau kasih sayang.

8. Coklat (Warm)

Tanah atau bumi, daya tahan, pemikiran yang meterialis, stabilitas, berbobot, aman, kuat, reliabilitas, kedamaian, produktifitas, praktis, kerja keras, materialis.

          Coklat adalah warna bumi, memberikan kesan hangat dan aman. Dalam desain warna ini cocok digunakan sebagai background dari sebuah objek. Karena coklat dekat dengan warna Emas maka bisa terlihat kesan mahal dalam warna ini.

9. Putih (Pure)

Suci, kebersih, kedamaian, permohonan maaf, pencapaian diri, spiritualitas, natural, kosong, netral, awal baru, kemurnian, kesederhanaan, cahaya, persatuan, kedewaan, dan keperawanan.

          Putih adalah warna murni, mencerminkan kesan suci dan bersih. Warna ini bisa dipadukan dengan warna apapun, biasanya banyak digunakan sebagai background dengan objek yang menggunakan warna lebih gelap. Design yang menggunakan warna putih sebagai warna pokoknya akan membuat design itu terkesan simple dan elegant.

10. Hitam (Mixed)

Power, kecanggihan, kematian, ketakutan, misteri, kesedihan, keanggunan, kebebasan, berwibawa, penyendiri, disiplin, kekal, kemakmuran, elegant, perlindungan, pengusiran, mengikat, pelanggaran, dan formalitas.

          Warna hitam memiliki arti ganda yang bertolak belakang. Di satu sisi ia memberi makna kekuatan dan kecanggihan, tapi di sisi lain ia bermakna kejahatan dan kematian Akan tetapi dalam design semau warna jika digabungkan dengan warna hitam akan terlihat lebih menonjol dan keren.

          Dalam psikologi warna beberapa warna memang memiliki arti sama, hal tersebut dikarenakan warna tersebut masih satu rumpun atau jenis. Selain itu warna-warna tersebut memiliki sisi baik dan sisi buruk, oleh karenanya kita perlu menggabungkan beberapa warna untuk memperjelas arti dari masing-masing warna tersebut.
          Nah, seperti itulah kira-kira arti dari masing-masing warna. Mungkin ada beberapa yang membuat sobat bingung?... Jika masih bingung silahkan ditanyakan dalam kolom komentar. OK, sekian dulu postingan saya kali ini. Semoga bermanfaat...