2077 Posts in 484 Topics- by 821 Members - Latest Member: liricklagu

Pages: [1] 2   Go Down
  Print  
Author Topic: Konsep dasar Design Web  (Read 9750 times)
webmaster
Administrator
phpBB Guru
*****
Offline Offline

Posts: 924


hairulazami
View Profile WWW
« on: March 13, 2007, 11:02:09 PM »

Konsep Dasar Dalam mendesign Web


A. Konsep Keseimbangan

Sebuah objek yang tidak seimbang, tentulah tidak enak  dipandang, apalagi sampai menggunakannya setiap hari. Seolah – olah seperti ada  yang ganjil dalam objek tersebut. Secara umum dapat didefinisikan, keseimbangan  adalah hasil susunan satu atau lebih elemen dari design yang sama antara yang satu dengan lainnya. Suatu objek  dialam mempunyai keseimbangan yang terstruktur, misalkan bentuk simetri pada  bunga dan garis pada kulit rumah siput.

Ada  dua jenis keseimbangan, yakni:

1. Keseimbangan Simetris (Formal)

Keseimbangan yang meiliki elemen – elemen dengan bobot yang  sama pada dua sisi dari garis vertikal imajiner pada halaman, hal ini  memberikan kesan kestabilan dan ketetapan. Keseimbangan simetris menghasilkan design yang formal. Cocok diterapkan  pada aplikasi perkantoran, iklan yang menekankan pada mutu dan kualitas. Karena  keseimbangan ini memberikan efek psikologis pada kepercayaan, kemudahan dalam  membaca dan pengoperasiannya.
Berikut gambaran bagaimana konsep dasar keseimbangan simetris




Gambar: Keseimbangan  simetris.

2. Keseimbangan Asimetris (Nonformal)

Jika sedang membandingkan diantara dua sisi design, akan terlihat berbeda di setiap  sisi, itulah asimetris. Keuntungannya adalah designnya menjadi lebih dinamis untuk memakai ruang yang masih kosong.  Kebanyakan dijumpai pada ketidaksamaan dalam posisi dan intensitanya. Untuk  membuat sesuatu seimbang dalam konsep asimetris yaitu dengan menambahkan  intensitas untuk mengimbangi perubahan posisi. Penambahan intensitas dapat  dilakukan dengan mengubah ukuran, warna dan objek. Meskipun keseimbangan  asimetris terlihat lebih bagus dan menarik, tapi biasanya terdapat kesulitan  dalam penggunaannya, karena seorang designer harus merancang taat letak dengan sangat hati – hati untuk memastikan bahwa designnya benar – benar terlihat  seimbang.

B. Konsep Pewarnaan

Warna pada tampilan sebuah halaman aplikasi, harus tetap  menarik karena berhubungan dengan tema aplikasi, dan efek psikologis juga.

  Berikut list aspek psikologis warna:

  Tabel 2.1 Aspek  psikologis warna.



Sedangakan jenis warna dapat dijelaskan sebagai berikut:
1. Warna Primer

 

Warna ini berdiri sendiri, tidak bisa dicampurkan dengan  warna lain. Terdiri atas merah, kuning dan biru.
2. Warna Sekunder

 

Warna ini dibuat dengan mengkombinasikan dua warna primer.  Warna sekunder terdiri atas orange,  hijau dan ungu. Warna ini terletak diantara warna primer.
3. Warna Tersier

 

  Merupakan jenis warna menengahwarna ini dibuat dengan  mengkombinasikan warna primer dengan perbatasan warna sekunder. Terdiri atas  kuning – hijau, kuning – orange,  merah – orange, merah – ungu, biru –  ungu dan biru – hijau. Warna ini terletak diantara warna primer dan sekunder  yang digunakan.

  Keserasian perancangan tampilan anatar muka aplikasi dapat  didefinisikan sebagai bagin dari susunan yang menyenangkan, bisa berwujud  musik, puisi atau warna. Juga bisa memanjakan mata bagi user yang menggunakan.

Metode pemilihan warna:

1. Metode Warna Beruntun

Terdiri atas tiga susunan warna yang letaknya saling  bersebelahan dan biasanya ada satu warna yang menonjol (dominan). Metode ini  menghasilkan warna lembut yang serasi, misalnya kuning, kuning – orange dan kuning atau orange, kuning – hijau dan hijau.



Gambar: Contoh penggunaan dari metode warna beruntun.

2. Metode Warna Berlawanan

Terdiri atas dua susunan warna yang letaknya saling  bersebrangan contohnya biru dan orange.  Metode ini menghasilkan nuansa yang lebih hidup (kontas tinggi).



Gambar: Contoh penggunaan dari metode warna berlawanan.

3. Metode Warna Segi Tiga

Sesuai dengan namanya, terdiri atas tiga warna yang letaknya  ditentukan dengan bentuk segi tiga. Metode ini menghasilkan warna serasi,  misalkan biru, merah, kuning.



Gambar: Contoh penggunaan dari metode warna segi tiga.
( Oleh: Hairul Azami , ditulis saat menantikan beresnya proyek - proyek yang lagi numpuk ) [/img]
« Last Edit: January 01, 1970, 07:00:00 AM by webmaster » Logged


bochan
phpBB Guru
*
Offline Offline

Posts: 30


View Profile WWW Email
« Reply #1 on: August 29, 2007, 02:00:33 PM »

Ooo...Gto toH..... :?  Sad Tapi Bwt yg Laen bs jadi Tips ampuh lo daripada baca tutorial tulisan doank...skrg dikit-dikit mulai ada pencerahan....rencana kedepan bikin script murni sendiri...  Cheesy
« Last Edit: January 01, 1970, 07:00:00 AM by bochan » Logged
syafira
phpBB Guru
*
Offline Offline

Posts: 60

mudies_05
View Profile WWW
« Reply #2 on: August 29, 2007, 02:10:26 PM »

Quote from: "bochan"
Ooo...Gto toH..... :?  Sad Tapi Bwt yg Laen bs jadi Tips ampuh lo daripada baca tutorial tulisan doank...skrg dikit-dikit mulai ada pencerahan....rencana kedepan bikin script murni sendiri...  Cheesy


omz...
ajarin donk jurus mutakhir nya....

kapan nech share ilmu nya dikit..:DCheesy
« Last Edit: January 01, 1970, 07:00:00 AM by syafira » Logged

webmaster
Administrator
phpBB Guru
*****
Offline Offline

Posts: 924


hairulazami
View Profile WWW
« Reply #3 on: August 29, 2007, 06:10:46 PM »

Quote from: "bochan"
Ooo...Gto toH..... :?  Sad Tapi Bwt yg Laen bs jadi Tips ampuh lo daripada baca tutorial tulisan doank...skrg dikit-dikit mulai ada pencerahan....rencana kedepan bikin script murni sendiri...  Cheesy


Hihi apapun makanan na , minuman na Teh Botol SOSRO !!  =)  :liebhab:
« Last Edit: January 01, 1970, 07:00:00 AM by webmaster » Logged


syafira
phpBB Guru
*
Offline Offline

Posts: 60

mudies_05
View Profile WWW
« Reply #4 on: August 29, 2007, 06:55:49 PM »

iya sech,,,
tips nya omz dremi itu buat yg udah sering makan sotosop
tapi buat kita-kita yang belom penrha makan sotosop bakalan susah dech..Cheesy:D
« Last Edit: January 01, 1970, 07:00:00 AM by syafira » Logged

webmaster
Administrator
phpBB Guru
*****
Offline Offline

Posts: 924


hairulazami
View Profile WWW
« Reply #5 on: August 29, 2007, 08:47:26 PM »

Quote from: "syafira"
ya mending coba-coba aja dolo pake tips singkat jalan pintas maksud nya..:lachtot:  :D
« Last Edit: January 01, 1970, 07:00:00 AM by webmaster » Logged


bochan
phpBB Guru
*
Offline Offline

Posts: 30


View Profile WWW Email
« Reply #6 on: September 01, 2007, 05:05:03 PM »

Quote from: "syafira"
omz...
ajarin donk jurus mutakhir nya....

kapan nech share ilmu nya dikit..Shocked

Ahlan Wasahlan.....
« Last Edit: January 01, 1970, 07:00:00 AM by bochan » Logged
syafira
phpBB Guru
*
Offline Offline

Posts: 60

mudies_05
View Profile WWW
« Reply #7 on: September 02, 2007, 11:32:42 AM »

lhaa...
itu buat nya biasa aja...

omz ajarin donk cara grab template itu..:DCheesy
kapan nech ajarion ilmu nya...?
« Last Edit: January 01, 1970, 07:00:00 AM by syafira » Logged

huhui
phpBB Guru
*
Offline Offline

Posts: 102


View Profile WWW
« Reply #8 on: September 03, 2007, 12:27:55 PM »

hmmmmmmmmmmmmmmmmmm
« Last Edit: January 01, 1970, 07:00:00 AM by huhui » Logged

Moeghan
phpBB Guru
*
Offline Offline

Posts: 21


moeghand
View Profile WWW
« Reply #9 on: September 03, 2007, 03:19:05 PM »

Ternyata susah juga milih warna yang cocok buat suatu design web :?
Klo bisa penjelasan lebih mudah dipahami biar newbie kyk gw bisa milih warna awal yang bagus  Sad
« Last Edit: January 01, 1970, 07:00:00 AM by Moeghan » Logged

TIADA HARI TANPA BELAJAR WEB DAN PHOTOSOP SERTA BERMAIN-MAIN DI FORUM
bochan
phpBB Guru
*
Offline Offline

Posts: 30


View Profile WWW Email
« Reply #10 on: September 03, 2007, 03:31:10 PM »

Quote from: "syafira"
lhaa...
itu buat nya biasa aja...

omz ajarin donk cara grab template itu..Cheesy  :?

Omz mana neh,Om Emi kan?! :lachtot:  :lachtot:
« Last Edit: January 01, 1970, 07:00:00 AM by bochan » Logged
webmaster
Administrator
phpBB Guru
*****
Offline Offline

Posts: 924


hairulazami
View Profile WWW
« Reply #11 on: September 03, 2007, 05:32:58 PM »

Quote
Anna bingung Ni Sbnrnya Syafira yg di Mesir apa Yayangnya yg di Aceh...  :idea: gue juga kadang2 binun, si syafira ini cewek / cowok...hahaak...yang jelas punya mata dan idung dah ...  Cheesy
« Last Edit: January 01, 1970, 07:00:00 AM by webmaster » Logged


huhui
phpBB Guru
*
Offline Offline

Posts: 102


View Profile WWW
« Reply #12 on: September 04, 2007, 07:58:24 AM »

Quote from: "webmaster"
Quote
Anna bingung Ni Sbnrnya Syafira yg di Mesir apa Yayangnya yg di Aceh...  :idea: gue juga kadang2 binun, si syafira ini cewek / cowok...hahaak...yang jelas punya mata dan idung dah ...  Cheesy


hmmmmmmmmmmm
« Last Edit: January 01, 1970, 07:00:00 AM by huhui » Logged

syafira
phpBB Guru
*
Offline Offline

Posts: 60

mudies_05
View Profile WWW
« Reply #13 on: September 05, 2007, 06:57:38 PM »

Quote from: "webmaster"
Quote
Anna bingung Ni Sbnrnya Syafira yg di Mesir apa Yayangnya yg di Aceh...  :idea: gue juga kadang2 binun, si syafira ini cewek / cowok...hahaak...yang jelas punya mata dan idung dah ...  Cheesy


syafira tych tergantung suasana...
kalo siang jadi cowo
trus malamjadi cewe.. :lachtot:

ehhh ane ga bs oL lagi nech..
dah ga konek dirumah lagi..:SadSad
« Last Edit: January 01, 1970, 07:00:00 AM by syafira » Logged

andisoft
phpBB Guru
*
Offline Offline

Posts: 5

andisoft
View Profile Email
« Reply #14 on: November 12, 2007, 10:43:05 PM »

Quote
omz ajarin donk cara grab template itu..:DCheesy
kapan nech ajarion ilmu nya...?


ngomong-ngomong ngE-GraB template jadi inget pengalaman gw waktu iseng-iseng ngoprek di joomla CMS. ternyata yang muncul bro!!!!  tidak bisa di akses file yang ad didirektory itu, hehhehehehe.......!

klo yang gw denger sih klo di jurnal-jurnal ad juga "Nulled Template", btw sampe sekarang gw masih blom sampe...., gi sibuk seminar PKN neeeh.

buat yang dah pernah "Nulled Template" share yah KK...

thanks abiZZ, sebElum nya X-laM kenal semua nY dari ku
« Last Edit: January 01, 1970, 07:00:00 AM by andisoft » Logged
Pages: [1] 2   Go Up
  Print  
 
Jump to: