Prinsip-Prinsip Desain

Desain grafis dalam pandangan Ilmu Komunikasi adalah metode menyampaikan pesan visual berwujud teks dan gambar dari komunikator kepada komunikan. Dalam mendesain surat kabar misalnya, desainer grafis memerlukan pengetahuan tentang kebisaaan sang pembaca media agar dengan mudah mendesain tata letak dan visual yang cocok. Ini dengan motif agar pesan yang hendak disampaikan oleh media tersebut diterima dan sampai pada pembaca.

Prinsip- Prinsip Desain :

Prinsip-prinsip desain membantu menentukan bagaimana menggunakan elemen desain. Ada empat prinsip desain: keseimbangan, penekanan, irama, dan kesatuan. Prinsip-prinsip desain membantu anda untuk menggabungkan berbagai elemen desain ke dalam tata letak yang baik.

Keseimbangan setiap elemen pada susunan visual berat yang telah ditentukan oleh ukurannya, kegelapan atau keringanan, dan ketebalan dari baris. Ada dua pendekatan dasar untuk menyeimbangkan. Yang pertama adalah keseimbangan simetris yang merupakan susunan dari elemen agar merata ke kiri dan ke kanan dari pusat. Yang kedua adalah keseimbangan asimetris yang merupakan pengaturan yang berbeda dengan berat benda yang sama di setiap sisi halaman. Warna, nilai, ukuran, bentuk, dan tekstur dapat digunakan sebagai unsur balancing.

Irama
Rhythm / Irama adalah pola berulang yang dibuat oleh unsur-unsur yang berbeda-beda. Pengulangan (mengulangi unsur serupa dalam cara yang konsisten) dan variasi (perubahan dalam bentuk, ukuran, posisi atau elemen) adalah kunci untuk visual ritme. 

Penekanan
Penekanan yang berdiri atau mendapat perhatian pertama. Tata letak setiap kebutuhan yang penting untuk menarik para pembaca mata ke bagian penting dari tata letak. 

Kesatuan
Menyatukan elemen elemen oleh kelompok yang saling berdekatan sehingga mereka terlihat seperti satu kesatuan bersama. Ulangi warna, bentuk, dan tekstur. Gunakan kotak (dengan struktur yang halaman) untuk membuat kerangka untuk margin, kolom, jarak, dan proporsi.

Opini pada website :

1. Metaphor (Metafora)

Metaphor atau metafora merupakan sebuah aplikasi dari nama atau deskripsi istilah objek lain yang tidak dapat diartikan secara harafiah.aplikasi ini menghubungkan antara presentasi dan elemen-elemen visual dengan item-item yang berkaitan. Contoh dari Metaphor adalah website toko online yang dimana pengunjung dibawa ke tempat seolah-olah mereka benar ada di toko online tersebut.

Contoh untuk website http://www.worldwidestore.com. Banyak sekali Methaphor yang terdapat di website tersebut. Secara garis besar, desain pada website tersebut membuat pengunjung merasa seperti sedang berbelanja di toko sebenarnya. 

2. Clarity (Kejelasan)

Setiap membuat desain kita harus ada alasan yang kuat atau masuk akal dan jelas mengapa menggunakan setiap elemen yang berada dalam suatu interface yang kita buat, contoh peletakan suatu button, pembuat harus memiliki alasan mengapa diletakkan di tempat tersebut. Penggunaan elemen yang lebih sedikit akan lebih baik. Penggunaan background berwarna putih dianjurkan untuk memimpin mata dan membuat mata tidak lelah dengan aktifitas elemen yang ada pada suatu website.

Contoh untuk website http://www.schwab.com, dapat ditemukan prinsip Clarity (Kejelasan), website tersebut telah memenuhi salah satu syarat dalam prinsip Clarity yaitu penggunaan background yang berwarna putih.

3. Consistency (Ketetapan)

Dalam membuat desain haruslah memliki konsistensi dalam tampilan, pewarnaan, gambar, ikon, typography (model form yang digunakan pada suatu website), teks, dll. Harus ada konsistensi baik dalam layar maupun antar layar. Dan harus selalu ada metafora dimanapun juga. Setiap platform mungkin memiliki panduannya.

Contoh untuk website http://www.santafean.com memiliki prinsip konsistensi yang baik, baik dalam layar maupun antar layar. Desainnya cukup memukau dan menarik untuk dilihat.

4. Alignment (Perataan)

Untuk perataan desain dapat digunakan rata kiri, kanan atau tengah. Pada umumnya suatu teks pada website dimulai dari kiri atas (left alignment), dimana left alignment akan mengijinkan mata untuk menguraikan tampilan dengan lebih mudah. Selain itu dengan menggunakan bantuan garis akan membantu dalam hal perataan. Sembunyikan garis horizontal dan vertical untuk membantu mengalokasikan komponen window/jendela. Garis juga membantu menghubungkan hal-hal yang berhubungan dan memudahkan perataannya.

5. Proximity

Item-item yang berkaitan ditampilkan bersama pasti memiliki hubungan karena jarak yang jauh mengimplikasikan bahwa tidak ada hubungan antara item-item tersebut.

6. Contrast (Keserasian Tampilan)

Keserasian tampilan akan membuat pengunjung web tertarik pada web tsb. Kontras juga dapat memandu mata pengunjung untuk melihat keseluruhan interface. Keuntungan dari keserasian adalah untuk memperkuat fokus atau untuk memperkuat suatu interface. Kontras digunakan untuk membedakan aktifitas kendali. Juga dapat digunakan untuk men-set item yang paling utama. Item yang paling utama diberi highlight. Dengan mempergunakan geometri dapat membantu pengurutan. Kontras juga mendukung skimming secara cepat.

Read more »

Posted in: INTERAKSI MANUSIA DAN KOMPUTER (IMK),WEBSITE

Apakah Bahaya Dual System??

Dual System atau dalam bahasa awamnya 2 system operasi dalam satu PC. Apakah dual system itu berbahaya, bahayanya dimana ? dan bagaimana mengatasinya ?
 
Biasanya seorang pengguna menginginkan Dual system di dalam PC nya dengan berbagai alasan, salah satunya "Kurangnya kompatibel sebuah software pada system operasi tertentu". Tapi seberapa berbahayakah dua system itu?

Menurut Hemat dan Pengalaman saya....Dua system itu berbahayanya diamana? di pembagian ruang penyimpanan yang akan semakin sempit dan kerentanan system akan virus pun bisa terjadi, tetapi bisa ditanggulangi dengan cara penggunaan antivirus yang sama pada kedua system itu. Tetapi usahakan untuk PC yang menggunakan 2 system harus memiliki kapasitas harddisk yang cukup besar dengan partisi minimal 2 {kalau bisa 3 sebagai data utama} dan apabila ingin memasang system operasi ganda usahakan dari yang rendah ke tinggi misalkan XP dahulu trs Vista..Apakah Dibalik bisa? Bisa aja tergantung penempatan pada Harddisknya.

Read more »

Posted in: ARTIKEL,SISTEM OPERASI

Cara membuat Menubar pada blogspot/ Blogger

Hallo sobat, kita ketemu lagi. Kali ini saya akan sharing tutorial tentang Cara membuat Menubar di blog. Sobat tau menubar kan? benar.. Menubar adalah navigasi menu yang dibuat untuk memudahkan pengunjung blog mengunjungi suatu halaman blog. Biasanya menubar ini terletak di bawah header. Cara memasangnya tidak terlalu sulit kok sobat. Ikuti langkah - langkah di bawah ini:

1. Login pada blogger
2. Masuk ke halaman Template 
3. Edit HTML lalu Lanjutkan
4. Cari kode ]]></b:skin> , jika sudah ketemu pasang kode di bawah ini di atas kode ]]></b:skin>

#menubar{
width:900px;
margin-top:5px;
float:center;
background:#de360f;
height:35px;
border:1px solid #de360f;
}
#menubar-left{
float:left;
width:900px;
padding-top:1px;
}
#menubar ul{
position:relative;
overflow:hidden;
padding:0;
margin:0;
font-weight:none;
font-size:12px;
}
#menubar li{
cursor:pointer;
float:left;
margin:0 padding:0;
height:32px;
}
#menubar ul li{
float:left;
list-style:none
}
#menubar ul li a{
border-right:1px solid #F0512D;
float:left;
padding: 9px 12px;
text-decoration:none;
color: #ffffff;
font-weight:bold;
font-size:14px;
font-family: Calibri;
}
#menubar ul li a:hover{
background:transparent;
color: #ffa500;
}
#menubar ul li a.current, #menubar ul li a.current:visited, #menubar ul li a.current:hover{
color:#ffa500;
}

5. Setelah Itu Cari kode <div id='header-wrapper'> atau lebih lengkapnya seperti ini:

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blognya Reggy (Header)' type='Header'/>
</b:section>
</div>

 6. Pasang kode di bawah ini di bawah kode yang mirip dengan kode Pada no 5

 <div id='menubar'>
<div id='menubar-left'>
<ul>
<li><a href='http://forshareguys.blogspot.com/#'>Home</a></li>
<li><a href=' http://forshareguys.blogspot.com/ #'>Information</a</li>
<li><a href=' http://forshareguys.blogspot.com/ #' >Profil</a></li>
<li><a href=' http://forshareguys.blogspot.com/ #'>Informatika</a></li>
<li><a href=' http://forshareguys.blogspot.com/ #'>Software others</a></li>
</ul>
</div>
</div>

 7. Simpan Template

Keterangan:

- Kode yang berwarna Biru adalah kode ukuran menubar. Sehingga bisa sobat ganti sesuai keinginan
- Kode yang berwarna Merah HARUS sobat ganti dengan URL yang di inginkan, misal: Url ke suatu postingan / Kategori
- Kode Yang berwarna Ungu adalah Nama dari URL yang di inginkan
- Menubar bisa sobat ganti dengan mengcopy kode <li>hingga..</li> dan pastekan di bawahnya

Semoga dengan artikel ini sobat mengerti untuk memasang Menubar. Selamat Mencoba!!!

Read more »

Posted in: WEBSITE

Program Menghitung Luas Segitiga dengan Bahasa Pascal

Studi Kasus :

Menghitung Luas Segitiga

Jawaban :

procedure luas (a,t:integer);

var

Luas:integer;

begin

Luas:= (a*t)/2;

writeln('Luassegitiga = ',luas)

end;

var

a,n:integer;

begin

write('masukan alas= ');readln(a);

write('masukantinggi= ');readln(n);

luas(a,n);

end.

Read more »

Posted in: BAHASA PASCAL

5 Kategori Komputer yang Mendukung Windows 8

Microsoft Logo Windows 8

 Sistem operasi Windows 8 resmi dirilis oleh Microsoft pada 26 Oktober 2012. Produsen komputer pun menyambutnya dengan memproduksi beragam jenis perangkat komputer. Bahkan, ada sebuah komputer kategori baru yang diproduksi oleh produsen.

Selain dinavigasi melalui papan ketik, papan sentuh, dan tetikus, komputer bersistem operasi Windows 8 juga dapat dinavigasi dengan sentuhan jari.

Berikut ini adalah kategori perangkat komputer yang siap dipasangkan Windows 8.

Laptop

Yang pertama adalah komputer jinjing atau laptop, atau ada juga yang menyebutnya komputer clamshell (kulit kerang), karena bisa dibuka-tutup bak kerang. Kategori ini dibagi lagi dalam jenis notebook, netbook, dan ultrabook. Ada kemajuan pesat pada laptop generasi terkini, yang beberapa telah mendukung navigasi layar sentuh.

Tablet

Windows 8 tak hanya dirancang untuk komputer pribadi, tapi juga didesain untuk perangkat tablet. Tablet yang menggunakan prosesor berarsitektur x86 berjalan dengan sistem operasi Windows 8. Sedangkan tablet yang menggunakan prosesor berarsitektur ARM berjalan dengan Windows RT (Run Time).

Beberapa tablet Windows 8 disertai dengan aksesori penutup atau dock papan ketik (keyboard). Jika tablet dipasangkan ke dock, ia seakan berubah wujud menjadi notebook. Beberapa tablet Windows 8 yang menggunakan prosesor Intel Atom ataupun Core i menyediakan port USB, slot kartu memori eksternal, jack audio 3,5mm, sampai port HDMI.

Convertible

Ini adalah komputer kategori baru yang memadukan fungsi tablet dan ultrabook. Pada umumnya komputer convertible bisa digeser, tetapi ada pula produsen yang membuat layar komputer convertible bisa diputar. Bagian layar dan keyboard-nya didesain menyatu, tak bisa dilepas.

Convertible tampak seperti ultrabook jika digeser ke atas atau dalam posisi terbuka. Jika digeser ke bawah atau dalam posisi tertutup, ia tampak seperti tablet. Konektivitas pada convertible juga lengkap, mulai dari USB, kartu memori eksternal, jack audio 3,5mm, sampai port HDMI.

PC All-in-One (AIO)

Mesin dan layar pada komputer All-in-One (AIO) didesain dalam satu ruang. Orang yang membeli AIO biasanya membutuhkan perangkat komputer yang hemat ruang dan digunakan untuk aktivitas multimedia sampai hiburan. Port dan slot konektivitas tersedia di sisi samping ataupun belakang layar.

Komputer AIO Windows 8 memiliki sensor layar sentuh yang lebih baik karena sistem operasi ini memang dimaksimalkan untuk layar sentuh.

Desktop
 Bagi Anda yang memiliki komputer desktop, Anda tentu bisa memperbarui sistem operasi ke Windows 8. Pastikan bahwa komputer Anda memenuhi spesifikasi perangkat keras minimum Windows 8 agar komputer bisa berjalan mulus dan gegas.

Berikut ini adalah spesifikasi minumum komputer Windows 8:

• Prosesor kecepatan 1GHz atau lebih tinggi
• RAM minimum 1GB untuk Windows 8 versi 32bit, dan RAM minimum 2GB untuk Windows 8 versi 64bit.
• Siapkan ruang hard disk 16GB untuk Windows 8 versi 32bit, dan ruang 20GB untuk Windows 8 versi 64bit.
• Kartu grafis mendukung fitur Microsoft DirectX 9 atau lebih tinggi.

Windows 8 versi 32bit hanya mendukung RAM dengan kecepatan hingga 3GB. Sedangkan versi 64-bit bisa lebih besar dari 3GB. Jika menginginkan kecepatan komputasi lebih tinggi, pengguna disarankan memakai RAM di atas 2GB.

sumber: http://tekno.kompas.com/read/2012/10/29/06340612/5.Kategori.Komputer.yang.Mendukung.Windows.8

Read more »

Posted in: ARTIKEL,HARDWARE

Program Menghitung Total Jumlah Baris, Jumlah Diagonal dan Jumlah Kolom dengan Bahasa Pascal

Studi Kasus :

1          2          3          4          5          6

7          8          9          10        11        12

6          5          4          3          2          1

1          7          1          2          8          9

0          3          1          0          9          0

2          0          0          9          9          8

Jawaban :

program hitung;

var

a,n,d,i,t,o,g,total:integer;

a:array[1..6,1..6] of integer;

begin

writeln('programhitungperjumlahanmatrik');

writeln();

d:=0;

i:=0;

t:=0;

o:=0;

g:=0;

for a:=1 to 6 do

for n:=1 to 6 do

            begin

            write('Masukannilaia[',a,',',n,']= ');

            readln(a[a,n]);

            if a=1 then

            d:=k+a[a,n];

            ifa=1 then

            i:=i+a[a,n];

            if a+n=7 then

t:=t+a[a,n];

            if a=6 then

            o:=o+a[a,n];

            if a=6 then

            g:=g+a[a,n];

            end;

            total:=d+i+t+o+g;

writeln;

for a:=1 to 6 do

begin

for n:=1 to 6 do

write(a[a,n]:5);

writeln;

end;

writeln(total);

end

Read more »

Posted in: BAHASA PASCAL