Kamis, 25 Agustus 2011

6 Tips Membuat Tipografi Lebih Enak Dibaca

Tipografi merupakan suatu unsur penting di dalam desain. Tipografi bisa dengan mudah membantu penyampaian maksud dan ide dari suatu desain, sehingga lebih dimengerti oleh para penikmat desain. Sebegitu pentingnya peran tipografi pada desain yang kita hasilkan, hingga meskipun kita memiliki desain visual yang “wah”, tetapi kalau tipografi nya tidak mudah di baca dan susah di mengerti, maka desain tersebut termasuk gagal. 

Untuk menghindari itu, berikut 6 tips dasar untuk membuat tipografi lebih menarik, nyaman dan mudah terbaca.

1. Kerning
Kerning merupakan jarak antar huruf. Dengan pengaturan kerning yang tepat, suatu kalimat bisa menjadi terlihat lebih menarik sehingga enak dan nyaman untuk dibaca. 


2. Pemilihan font 
Pemakaian jenis font yang tepat dapat membantu desain menjadi lebih menyatu dan lebih cepat mengkomunikasikan maksud dari desain. Misalnya, pada desain brosur kecantikan, kita tidak mungkin menggunakan font yang ‘keras’, berbentuk kaku dan tebal. Akan lebih tepat jika kita menggunakan font yang tipis dan luwes, sesuai dengan kepribadian target market yang di tuju, yaitu wanita.

Jenis font bisa di ibaratkan jenis ’suara’ yang berbicara pada desain. Font dengan gaya tebal akan terasa seperti suara laki-laki dan bersuara berat. Font berbentuk kaku dan kotak-kotak, akan terasa seperti robot atau mesin yang berbicara, dan seterusnya. Masing-masing jenis font mempunyai jenis suara tersendiri.


3. Berat dan ukuran
Kita bisa memainkan berat (tebal tipis) dan ukuran (besar kecil) font, untuk memberikan emphasis (elemen mana yang akan di baca atau di tampilkan terlebih dahulu). Sehingga secara tidak langsung pembaca akan di tuntun sesuai dengan flow yang kita mau.

Cara ini juga untuk mencegah pembaca pusing akan bagian mana yang seharusnya di lihat terlebih dahulu. Salah urutan dalam membaca akan mengakibatkan informasi yang kita sebarkan susah di mengerti.


4.Leading
Leading adalah jarak spasi antara kalimat atas dan bawah dalam satu paragraf. Biasanya elemen ini jarang di utak-atik oleh kebanyakan desainer. Padahal leading yang di atur dengan baik akan membuat pembaca tidak merasa lelah jika mereka membaca suatu artikel yang panjang.

Jarak yang di hasilkan jika kita memainkan leading akan memberikan kesan ruang kosong (whitespace). Yang tentu saja membuat mata tidak cepat lelah saat melihat teks yang begitu banyak.


5.Warna
Warna pada font biasanya di sesuaikan dengan background. Jika background berwarna (foto) maka lebih baik menggunakan 1 warna font yang netral (putih misalnya). Yang pasti harus menghasilkan kontras yang cukup, sehingga tetap nyaman di baca dan tidak ‘menusuk’ mata.

Teman-teman desainer kebanyakan pasti menyukai warna background hitam, namun masalahnya kalau di website, kombinasi background hitam dan teks putih itu akan menghasilkan ‘efek negatif film’ pada mata saat kita selesai membaca.

Akan lebih baik jika warna background di buat tetap gelap, namun tidak hitam 100%, dan berikan warna abu-abu muda pada font. Dengan begitu maka mata tidak akan terlalu lelah dan ‘efek negatif film’ tidak akan ada lagi.


6. Lebar Paragraf
Hal ini sangat penting, karena sangat mempengaruhi kenyamanan membaca. Coba bayangkan paragraf yang lebar di halaman website dengan artikel yang panjang. Kita sampai harus perlu memutar kepala sedikit (dari kiri ke kanan) untuk membaca artikel tersebut. Saya jamin kita hanya akan bertahan 1-2 paragraf saja!

Idealnya paragraf tidak terlalu lebar (dan tidak terlalu pendek), harus di sesuaikan dengan besar font juga. Untuk ini memang kita harus mencoba langsung membaca paragraf yang kita desain untuk menemukan lebar yang ideal. Jika kita masih menggerakan kepala lumayan sering, itu artinya kita harus mengatur kembali lebar paragraf tersebut.



Semoga Bermanfaat... :)

Kamis, 11 Agustus 2011

6 Situs Text Logo Generator

Tampilan logo blog pada header yang khas dan memiliki desain yang bagus pasti menjadi dambaan setiap blogger. Logo blog biasanya ditampilkan sebagai bagian dari header yang berupa paduan gambar dan gambar teks yang berisi nama atau ciri dari suatu blog. Umumnya, logo blog digunakan untuk menggantikan teks pada bagian title dan deskripsi header. Tentu saja, membuat logo blog, meskipun hanya berupa logo text, bukanlah perkara mudah bagi setiap orang. Keahlian setidaknya dibutuhkan untuk membuat teks logo dengan menggunakan software image editing semacam Correl Draw maupun Photoshop.

Kabar baiknya, saat ini ada banyak layanan situs online logo creator and generator yang dapat memudahkan pekerjaan membuat logo blog. Siapa saja dapat dengan mudah membuat teks logo blog maupun logo blog untuk header dengan hasil yang lumayan baik dan tidak mengecewakan. Telah saya pilihkan 6 online logo generator/creator yang mudah untuk digunakan sebagai berikut:

Memiliki berbagai jenis text generator sesuai dengan bentuk design-nya, misalnya patterned text generator, glitter text generator, LCD text generator, marquee text generator, dan masih banyak lagi yang lainnya. Memiliki interface yang bersih dan waktu muat halaman yang cepat sehingga membuat kita semakin mudah dan cepat dalam membuat logo.

FLaming text memiliki banyak sekali koleksi design yang bermacam-macam dengan berbagai pilihan dari yang paling sederhana dan paling animatif. Membuat anda harus lebih jeli dan benar-benar fokus untuk membuat pilihan karena banyaknya design yang harus dipilih. Interface generator yang lengkap disertai live preview dari hasil teks yang diedit sehingga tidak perlu lagi berpindah halaman untuk kembali mengedit.

Sama halnya dengan flamingtext, cooltext memiliki banyak koleksi design dan memiliki interface editor yang mudah dan handy, sehingga siapapun dapat dengan mudah menggunakannya. Terdapat dua jenis design, yaitu logo dan button. Dilengkapi pula dengan puluhan jenis font menarik yang dapat dipilih dan disesuaikan dengan design blog.

Ketika membuka halaman web situs ini, anda akan masuk ke halaman text logo editor yang sederhana. Kostumisasi keseluruhan teks diserahkan kepada user, sehingga dapat membuat logo sesuai dengan kehendak. Pilhan style-nya tidak begitu banyak, namun masih cukup berharga mengingat hasil gambar dari online logo creator ini memiliki kualitas yang cukup baik.

Design-design pada situs ini lebih menekankan pada koleksi design font yang menawan. Design yang dihasilkan dengan generator dapat dikostumisasi lebih, namun warna gambar hitam dan putih menurut saya adalah yang terbaik karena kesan vector-nya sangat kuat dan memukau.

Cukup sederhana, atau bisa dibilang sangat sederhana, selain karena situs ini hanya memiliki satu halaman, design-nya pun sangat terbatas. Namun, bagi anda yang sedang belajar dan dalam proses awal blogging dan design gambar, situs ini bisa menjadi awalan bagi anda untuk belajar membuat design logo.

Setelah mendapatkan logo blog, pasang logo tersebut untuk menggantikan title dan description pada header blog. Simak Cara Mengubah/Memasang Gambar Background Header Blogger/Blogspot.


Semoga Bermanfaat... :)

Sabtu, 06 Agustus 2011

Apa Itu Situs Social Bookmarking ?

Anda tentu sering mendengar istilah social bookmarking sites atau situs social bookmark. Situs social bookmark merupakan suatu situs di mana Anda dapat menyimpan, mengelola dan berbagi alamat situs yang dianggap favorit.

Pada dasarnya situs social bookmark hampir mirip dengan menu Bookmarks pada Firefox atau Favorites pada Internet Explorer, yaitu untuk menyimpan halaman web yang dianggap menarik.

Bookmark atau Favorites tersebut disimpan pada komputer lokal, sehingga Anda tidak bisa mengakses daftar situs favorit tersebut pada komputer lain. Nah, situs social bookmark mengatasi kendala tersebut. Anda bisa mengakses halaman web favorit yang sudah tersimpan di situs social bookmark di mana saja selama ada fasilitas koneksi internet.

Beberapa contoh situs social bookmark antara lain:
mau lihat kumpulan situs sosial bookmarking yang terbaru klik disini.

Bagi sebagian blogger situs social bookmark seringkali digunakan untuk mendapatkan atau meningkatkan jumlah pengunjung. Caranya yaitu dengan men-submit artikel mereka ke berbagai situs social bookmark.


Semoga Bermanfaat... :)

Jumat, 05 Agustus 2011

Kumpulan Situs Social Bookmark Terbaru

Social bookmark adalah suatu layanan penyedia informasi kepada pengguna internet. Prinsip kerja social bookmark ini mereka tidak menulis artikel melain orang lain atau blogger yang mensubmit artikel di situs mereka.

Submit artikel ke social bookmark adalah salah satu teknik seo off page, yang memiliki banyak manfaatnya. Seorang master SEO setiap hari berburu sosial bookmark baru untuk meningkatkan backlink ke artikelnya. yang di konteskannya 

Berikut ini beberapa manfaat kita Submit artikel ke social bookmark:

1.Mudah terindeks di serp (search engine result page)
2.Meningkatkan pengunjung
3.Meningkatkan kualitas artikel kita, karena menjadi backlink untuk artikel


Daftar situs social bookmark indonesia terbaru:

1 http://www.populerkan.com 
2 http://www.beritapilihan.com 
3 http://lintasberita.com/ 
4 http://infogue.com/ 
5 http://www.kombes.com/
6 http://debuk.com/ 
7 http://negeriku.info/ 
8 http://www.beritahusaya.com/ 
9 http://bookmarking.bloggerceria.info/ 
10 http://www.beritague.com/ 
11 http://www.bookmarkindonesia.com/ 
12 http://www.situsportal.com/ 
13 http://sekilasinfo.net/ 
14 http://www.indokami.com/ 
15 http://www.antarblog.com/ 
16 http://directory.blogbareng.com/ 
17 http://bagikan.com/ 
18 http://sundulberita.com/ 
19 http://memburu.info/ 
20 http://www.bookmarkdofollow.com/ 
21 http://cherianews.info/ 
22 http://www.yebooo.com/ 
23 http://duzz.us/ 
24 http://www.duniaberitaterkini.com/ 
25 http://www.definisi.net/ 
26 http://www.indobookmark.com/ 
27 http://www.sajikan.com/ 
28 http://www.satuportal.net/ 
29 http://www.postingku.com/ 
30 http://www.kejartayang.com/
31 http://www.liputankhusus.com/

Daftar situs social bookmark luar terbaru :

1.digg.com
2.diigo.com
3.slashdot.org
4.del.icio.us
5.identi.ca
6.google.com/bookmarks
7.stumbleupon.com
8.technorati.com
9.digg.com.my
10.blogmarks.net
11. sosialmonkee.com


Semoga Bermanfaat... :)

Selasa, 02 Agustus 2011

Cara Membuat Iklan Melayang di Blogspot

Cara Membuat iklan melayang dengan satu klik. mungkin anda bisa melihat contohnya langsung diblog ini. Fungsinya buat apa? tentu untuk mengoptimalkan iklan.

Berikut kode scrintnya :

<style type="text/css">

#topbar{
position:absolute;
left:9px;
border: 2px red;
padding: 2px;
background-color: #FFFFFF;
width: 750px;
visibility: hidden;
z-index: 100;
}
</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")?document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div class="clear"></div>
<div id="topbar">
<div style="text-align:right">
<a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); returnfalse"><span><button>DOUBLE KLIK TO CLOSE ( 2x KLIK )</button></span></a></div><a style="font-weight: bold; color: black(51, 255, 51);">
</a><p><a style="font-weight: bold; color: black(51, 255, 51);" title=""><h2><center>Bantu Kami Mengembangkan Website Ini Dengan Satu Kali Klik Iklan DiBawah Ini. Terimakasih</center></h2></a>


</p>
<left><table style="width: 700px; height: 50px;" border="0"><tbody><tr><td style="vertical-align: top;">
<center>

IKLAN MELAYANG DISINI

</center>

<p></p><p></p></td></tr></tbody></table></left></div>


Cara Pasangnya :

Login ke Blogger
Pilih Rancangan
Tambah Widget/add Widget
Pilih HTML
Copy kode tadi di atas.
Masukan kode iklan dan paste di mengantikan huruf warna hijau di atas
Save. dan lihat hasilnya

Semoga Bermanfaat... :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Walgreens Printable Coupons