MATERI GRAFIS: PRINSIP DESAIN

MATERI GRAFIS: PRINSIP DESAIN "); #navbar-iframe { display: none !important; } body { background: #111 url(http://i624.photobucket.com/albums/tt327/arifsulistyoatmoko/cov.jpg); width: 980px; color: #333; font-size: 12px; font-family: Arial, Tahoma, Verdana; margin: 0 auto 0; padding: 0; } #wrap { background: #EEE; width: 960px; margin: 10px auto 10px; padding: 0; position: relative; border: 10px solid #333; } a, a:visited { color: #A91B33; text-decoration: none; } a:hover { color: #A91B33; text-decoration: underline; } a img { border-width: 0; } #topnavbar { background: #111 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/topnav.png); width: 960px; height: 30px; color: #FFF; margin: 0; padding: 0; } #topnavbar a, #topnavbar a:visited { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none; } #topnavbar a:hover { text-decoration: underline; } #topnavbar p { font-size: 11px; font-weight: bold; padding: 0; margin: 0; } .topnavbarleft { width: 230px; float: left; margin: 0; padding: 8px 0 0 10px; } .topnavbarright { width: 600px; float: right; margin: 0; padding: 7px 10px 0 0; text-transform: uppercase; text-align: right; } .topnavbarright a img { border: none; margin: 0 3px 3px 0; padding: 0; } #header { background: #111 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/header.png); width: 960px; height: 100px; color: #FFF; font-size: 11px; margin: 0; padding: 0; overflow: hidden; } #header-inner { background-position: left; background-repeat: no; } #header h1 { color: #FFF; font-size: 36px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0; padding: 15px 0 0 20px; text-decoration: none; } #header h1 a, #header h1 a:visited { color: #FFF; font-size: 36px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0; padding: 0; text-decoration: none; } #header h1 a:hover { color: #FFF; text-decoration: none; } #header h3 { color: #A91B33; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0; padding: 0; } #header p { color: #FFF; padding: 0 0 5px 20px; margin: 0; line-height: 20px; } .headerleft { width: 460px; float: left; font-size: 14px; margin: 0; padding: 0; } .headerleft a img { border: none; margin: 0; padding: 0; } .headerright { width: 486px; float: right; margin: 0; padding: 18px 0 0; font-weight: bold; } .headerright a img { border: 1px solid #FFF; margin: 0 0 3px; padding: 0; } #header .description { color: #A91B33; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin-left: 25px; padding: 0; } #NavbarMenu { background: #555 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/navbar.png); width: 960px; height: 35px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFF; font-weight: bold; margin: 0; padding: 0; } #NavbarMenuleft { width: 680px; float: left; margin: 0; padding: 0; } #NavbarMenuright { width: 280px; font-size: 11px; float: right; margin: 0; padding: 6px 0 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { color: #FFF; display: block; font-size: 16px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: lowercase; margin: 0; padding: 9px 15px 8px; } #nav li a:hover, #nav li a:active { background: #555 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/navhov.png); color: #FFF; margin: 0; padding: 9px 15px 8px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #555; width: 150px; color: #FFF; font-size: 14px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: lowercase; float: none; margin: 0; padding: 7px 10px; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; } #nav li li a:hover, #nav li li a:active { background: #777; color: #FFF; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; } #searchform { margin: 0; padding: 0; overflow: hidden; display: inline; } #searchbox { background: #EEE !important; width: 220px; color: #202020; font-size: 12px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 0; padding: 4px 0 3px 5px; border-top: 1px solid #DDD; border-right: 1px solid #666; border-left: 1px solid #DDD; border-bottom: 1px solid #666; display: inline; } #searchbutton { background: #555 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/topnav.png); color: #FFF; font-size: 11px; font-family: Georgia, Times New Roman, Trebuchet MS; margin: 0 0 0 5px; padding: 3px 3px 2px; font-weight: bold; border-top: 1px solid #DDD; border-right: 1px solid #666; border-left: 1px solid #DDD; border-bottom: 1px solid #666; } #subscribe { margin: 0; padding: 5px 0 0; overflow: hidden; } #subbox { background: #EEE !important; width: 200px; color: #202020; font-size: 12px; font-family: Georgia, Times New Roman, Trebuchet MS; font-weight: normal; margin: 5px 0 0; padding: 3px 0 3px 5px; border-top: 1px solid #666; border-right: 1px solid #DDD; border-left: 1px solid #666; border-bottom: 1px solid #DDD; display: inline; } #subbutton { background: #555 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/topnav.png); color: #FFF; font-size: 11px; font-family: Georgia, Times New Roman, Trebuchet MS; margin: 0 0 0 7px; padding: 3px 3px 2px; font-weight: bold; border-top: 1px solid #DDD; border-right: 1px solid #666; border-left: 1px solid #DDD; border-bottom: 1px solid #666; } #name, #email, #url { background: #EEE !important; width: 250px; color: #202020; font-size: 12px; font-weight: normal; margin: 5px 0 0; padding: 3px 0 3px 5px; border-top: 1px solid #666; border-right: 1px solid #DDD; border-left: 1px solid #666; border-bottom: 1px solid #DDD; display: inline; } #submit { background: #7B7B7B url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/subbutton.gif); color: #FFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0; padding: 3px 3px 2px; font-weight: bold; border-top: 1px solid #DDD; border-right: 1px solid #666; border-left: 1px solid #DDD; border-bottom: 1px solid #666; } #words { background: #EEE; width: 460px; color: #202020; font-size: 12px; font-weight: normal; margin: 5px 0 0; padding: 3px 0 3px 5px; border-top: 1px solid #666; border-right: 1px solid #DDD; border-left: 1px solid #666; border-bottom: 1px solid #DDD; display: inline; } #subnavbar { background: #666; width: 960px; height: 24px; color: #FFF; margin: 0; padding: 0; } #subnav { margin: 0; padding: 0; } #subnav ul { float: left; list-style: none; margin: 0; padding: 0; } #subnav li { list-style: none; margin: 0; padding: 0; } #subnav li a, #subnav li a:link, #subnav li a:visited { color: #FFF; display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0 5px 0 0; padding: 6px 13px; } #subnav li a:hover, #subnav li a:active { background: #888; color: #FFF; display: block; text-decoration: none; margin: 0 5px 0 0; padding: 6px 13px; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background: #666; width: 140px; float: none; margin: 0; padding: 6px 10px; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; } #subnav li li a:hover, #subnav li li a:active { background: #888; margin: 0; padding: 6px 10px; } #subnav li { float: left; padding: 0; } #subnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0; padding: 0; } #subnav li ul a { width: 140px; } #subnav li ul ul { margin: -25px 0 0 161px; } #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { left: -999em; } #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { left: auto; } #subnav li:hover, #subnav li.sfhover { position: static; } #outer-wrapper { width: 940px; margin: 0 auto 0; padding: 10px 0 0; line-height: 18px; } #main-wrapper { float: left; width: 600px; margin: 0; padding: 0 0 20px; } #sidebar-wrapper { float: right; width: 320px; margin: 0; padding: 0 0 10px; display: inline; } #midsidebar-wrapper { width: 320px; float: right; overflow: hidden; } #lsidebar { background: #fff url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/leftsidebartop.gif) top no-repeat; float: left; width: 150px; margin: 0; padding: 10px 10px 0; border: 2px solid #000; display: inline; } #rsidebar { background: #FFF url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/rightsidebartop.gif) top no-repeat; float: right; width: 120px; margin: 0; padding: 10px 10px 0; border: 2px solid #000; display: inline; } h2.date-header { margin: 1.5em 0 .5em; display: none; } .post { background: #000000 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/homepagetop.gif) top no-repeat; float: left; width: 590px; margin: 0 0 10px; padding: 10px; border: 1px solid #DDD; } .post h3 { color: #000000; font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0 0 5px; padding: 10px 0 0; } .post h3 a, #content h1 a:visited { color: #000000; font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0 0 5px; padding: 10px 0 0; } .post h3 a:hover { color: #A91B33; text-decoration: none; } .post-body { margin: 0 0 .75em; line-height: 1.6em; } .post-body blockquote { line-height: 1.3em; } .comment-link { margin-left: .6em; } .post img { padding: 10px; } .post blockquote { background: #000000; margin: 0 25px 15px; padding: 10px 20px 0 15px; border-top: 2px solid #fff; border-right: 2px solid #fff; border-left: 2px solid #fff; border-bottom: 2px solid #fff; } .post blockquote p { margin: 0; padding: 0 0 15px; } .gapad { background: #FFF url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/homepagetop.gif) top no-repeat; float: left; width: 590px; margin: 0 0 10px; padding: 10px; border: 1px solid #DDD; } .comments { background: #FFF url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/homepagetop.gif) top no-repeat; float: left; width: 590px; margin: 0 0 10px; padding: 10px; border: 1px solid #DDD; } #comments h4 { color: #A91B33; font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0 0 20px; padding: 10px 0 0; } #comments-block { width: 580px; float: left; padding: 0; margin: 0; } #comments-block .comment-author { margin: .5em 0; font-weight: bold; } #comments-block .comment-body { margin: .25em 0 10px; padding-left: 20px; } #comments-block .comment-footer { margin: -.25em 0 2em; line-height: 1.4em; text-transform: uppercase; letter-spacing: .1em; border: 1px solid #DDD; } #comments-block .comment-body p { margin: 0 0 .75em; } .deleted-comment { font-style: italic; color: gray; } #blog-pager-newer-link { float: left; display:none; } #blog-pager-older-link { float: right; display:none; } #blog-pager { text-align: center; display:none; } .feed-links { clear: both; line-height: 2.5em; display:none; } .sidebar { color: #666; line-height: 1.5em; } .sidebar h2, .rsidebar h2, .lsidebar h2 { background: #333 url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/headline.png); color: #FFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0 0 10px; padding: 3px 0 3px 7px; } #sidebar p { margin: 0; padding: 0 0 0 45px; } #sidebar a img { border: none; margin: 0; padding: 0; } .sidebar ul, .rsidebar ul, .lsidebar ul { list-style-type: none; margin: 0; padding: 0; } .sidebar ul li, .rsidebar ul li, .lsidebar ul li { background: #FFF url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/icon.gif) no-repeat; list-style-type: none; margin: 0 0 5px; padding-left: 20px; } .sidebar .widget { background: #FFF url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0 0 10px; padding: 10px; border: 1px solid #DDD; } .sidebar .widget, .main .widget { margin: 0 0 1.5em; padding: 0 0 1.5em; } .sidebar .widget { background: #FFF url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0 0 10px; padding: 10px; border: 1px solid #DDD; } .main .Blog { border-bottom-width: 0; } #footer { width: 660px; clear: both; margin: 0 auto; padding-top: 15px; line-height: 1.6em; text-transform: uppercase; letter-spacing: .1em; text-align: center; } #credits { background: #93BBBC url(http://www.revolutiontwo.com/demo/church/wp-content/themes/church_10/images/topnav.png); width: 960px; height: 30px; margin: 0; padding: 0; text-align: center; } #credits p { color: #FFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; margin: 0; padding: 9px 0 0; } #credits a, #footer a:visited { color: #FFF; text-decoration: none; } #credits a:hover { color: #FFF; text-decoration: underline; } #fotoku { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } div.TabView div.Tabs { height: 24px; overflow: hidden; } div.TabView div.Tabs a { float: left; display: block; width: 90px; /* Lebar Menu Utama Atas */ text-align: center; height: 24px; /* Tinggi Menu Utama Atas */ padding-top: 3px; vertical-align: middle; border: 1px solid #000; /* Warna border Menu Atas */ border-bottom-width: 0; text-decoration: none; font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */ font-weight: 900; color: #000; /* Warna Font Menu Utama Atas */ } div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: #FF9900; /* Warna background Menu Utama Atas */ } div.TabView div.Pages { clear: both; border: 1px solid #6E6E6E; /* Warna border Kotak Utama */ overflow: hidden; background-color: #FFffff; /* Warna background Kotak Utama */ } div.TabView div.Pages div.Page { height: 100%; padding: 0px; overflow: hidden; } div.TabView div.Pages div.Page div.Pad { padding: 3px 5px; } .indentmenu{ font: bold 11px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 2px; padding: 0; float: left; /* width: 80%; width of menu*/ background: transparent; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; margin: 2px; color: #000; /*text color*/ padding: 5px 11px; text-decoration: none; border: 1px solid #ccc; } .indentmenu ul li a:hover{ background:#ddd; } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; border: 1px solid #000000; background:#000000; } .tabcontentstyle{ /*style of tab content container*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } -->

Posts Comments

NEWS BLOG INFO GAUL INFO SISWA FREE E-BOOK

COVER DAN PERWAJAHAN MAJALAH

Majalah adalah suatu penerbitan berkala yang menyajikan liputan jumalistik, artikel berisi informasi dan opini yang membahas segala aspek kehidupan. Asal kata majalah, konon, berasal dari kata Arab yaitu majallah. Di negeri Arab dipakai dua sebutan yaitu majallah dan mahazin. Kata magazine -yang berarti majalah dalam bahasa Inggris, pun berasal dari kata mahazin itu tadi. Sekedar kita ketahui saja, majalah pertama di dunia adalah The Review. Diterbitkan secara mingguan pada 1704 oleh Daniel Defoe, wartawan dan sastrawan Inggris pengarang cerita Robinson Crusoe yang terkenal itu. Sedangkan majalah berita mingguan yang pertama di dunia adalah TIME, yangditerbitkan di Amerika Serikat pada 1923 oleh wartawan Henry R. Luce dan Briton Hadden. Pada umumnya majalah dibedakan menurut jadwal waktu terbitnya dan kekhususan isinya. Menurut jadwal waktu terbitnya kita kenal majalah mingguan, dwi mingguan, bulanan, dan sebagainya. Karena kekhususan isinya, bisa digolongkan: majalah anak-anak, majalah berita, majalah bisnis, majalah wanita, dan banyak lagi. Majalah yang sering kita lihat umumnya berjilid. Kulit muka (cover) nya biasanya memakai jenis kertasyang agak tebal. Kenapa harus tebal? Dulu, pada awal munculnya majalah, gunanya adalah untuk melindungi isi halaman dalamnya supaya tak mudah rusak. Kini, kulit muka justru dijadikan daya tarik utama bagi pembaca. Sedangkan pada lembar halaman bagian dalam terdapat susunan kolom-kolom tulisan yang dihiasi oleh foto atau gambar/ilustrasi. Pekerjaan merancang cover dan perwajahan di suatu penerbitan adalah tugas bagian Desain Visual. Bagian ini umumnya mempunyai sejumlah desainer dan visualiser. Selain cover, desainer juga merancang perwajahan yang biasanyabanyak menggunakan ataupun ilustrasi seperti karikatur, diagram, grafik, peta, dan sebagainya. Semua ilustrasi itu dikerjakan oleh visualiser.Baca Selengkapnya

INFO GAUL : http :// info.cern.ch/hypertext/www/theproject.html merupakan web address pertama yang dibuat oleh tim Berners-Lee pada tahun 1990. hebat ya, web addres ini bisa dibilang adalah tonggak sejarah penggunaan web selama dasawarsa terakhir {sumber : 3-info gaul} ..................................................................................... Gottlieb Daimer Dan Wilhem Maybach, Investor berkebangsaan Jerman lah yang menciptakan sepeda Motor pertama pada tahun 1885. Awalnya ciptaannya ini dinamakan Reitwagen dan motor merupakan kendaraan bermesin yang digerakkan dengan ......?{sory smsnya gak penuh karena kehapus, lebih tepatnya cari sendiri} {sumber : 3-info gaul} ..................................................................................... Tahukah anda bahwa pangeran charles pernah menanam sebatang pohon jati di suatu tempat di Yogyakarta? Konon ketika Pengeran Charles bercerai dengan putri diana, pohon itu layu dan patah. Beberapa Waktu kemudian pohon tersebut tumbuh kembali, namun dengan bercabang dua ..................................................................................... Gudeg Bu Tjitro berada di depan gedung expo center, Banguntapan, Bantul menyajikan gudeg secara prasmanan, begitu anda datang, pelayanan disana akan menyodorkan piring, anda tinggal memilih menu yang tersaji dalam wadah-wadah alumunium. Untuk Oleh-oleh gudegnya dikemas dalam wadah kendil tanah liat. Tradisional bgt yaaa.....

1. Daftar Nilai Semester 1 Tahun Pelajaran 2008 / 2009

HOT NEWS TENTANG JEPARA

Kamis, 09 April 2009

PRINSIP DESAIN

03.07 Ditulis Oleh SMA grafika
KATEGORI Prinsip Desain

PRINSIP DESAIN
1. KESEIMBANGAN

secara keseluruhan, kompoenen-komponen desain harus tampil seimbang. mata kita akan menangkap keseluruhan / halaman desain dalam satu komponen, yang selanjutnya akan dilihat komponen yang lebih kecil
KESEIMBANGAN SIMETRIS :
komponen desain seakan dicerminkan pada garis sumbu khayal. dengan demikian anda akan melihat komponen yang sama pada kedua daerah dari garis sumbu. desain dengan keseimbangan simetris akan relatif mudah ditangkap mata. desain simetris juga lebih mengesankan formal, tradisional / kuno yang membosankan

KESEIMBANGAN ASIMETRIS :
tidak ada komponene yang tersusun seperti cermin, anda harus memahami melatih dan merasakan prinsip-prinsip desain lainnya. untuk mencapai keindahan dari keseimbangan asimetris. Desain dengan prinsip simetris lebih mengesankan informal, modern, dinamis dan berani
KESEIMBANGAN RADIAL :
meskipun hampir mirip dengan keseimbangan simetris, namun kesan yang ditampilkan seperti ada pancaran dari tengah lingkaran. keseimbangan radial sangat mudah ditangkap mata karena seakan diarahkan fokus ke titik pusat lingkaran