Mendesign Tampilan Website Portal dengan Adobe Photoshop



Mendisain Tampilan Website Portal dengan Adobe Photoshop


Untuk tutorial kali ini saya akan tentang tampilan wesite yang didesign menggunaka sebuah progam aplikasi pengolah grafis yaitu Adobe Photoshop.


        Saat ini kebanyakan website yang sedang online di buat untuk di tampilkan dengan revolusi layar monitor 800 x 600 pixels dan 1024 x 760 pixels pada saat ini kebanyakan website menggunakan revolusi 800 x 600 pixels namun seiring dengan perkembangan teknologo yang semakin canggih akan bertambah besarnya ukuran layar monitor dan kemungkinan besar website dimasa depan akan di dominasii oleh standar revolusi 1024 x 760 pixels .

           Dalam artikel yang saya bahas kali ini saya akan menggunakan ukurran setandar yaitu revolusi 800 x 600 pixels untuk tampilan website.

           Selanjutnya anda dapat mengimplementasikan sketsa disain website  yang telah kita buat dan langsung saja kita terapkan dalam aplikasi disain grafis yang udah tersedia (Adobe Photoshop)

           Setelah anda membuka aplikasi Adobe Photoshop 
setelah terbuka buka bidang kerja baru dengan cara klik menu file yang tersedia dalan menu bar pilih new dan atur ukuran kertas yang ingin kita disain 780 x 600 pixel.


         Hal yang paling penting dalam membuat tampilan design website adalah menghitung lebar tampilan website secara presisi.


       * Baris pertama di di biarkan kosong untuk ruang baner iklan dengan ukuran 780 x 90 pixels
       * Baris ke dua berisi garis pembatas dengan ukuran 780 x 1 pixels
       * Baris ke tiga merupakan logo wesite portal dengan ukuran sama dengan baris pertama 
       * Baris ke empat ke enam dan ke delapan membuat garis pembatas dengan ukuran sama 
          dengan baris ke dua 
       * Baris ke sembilan biasanya digunakan untuk menulis copyrigh notice dan catatadan dari                                  pengelola website
       * Sedangkan kolom yang lainya yang terdapat pada baris ke empat , kelima ,dan ke enam 
       * Kolom pertama, ketiga, kelima, dan tujub adalah baris menu dengan lebar masing masing 1                            pixels.
       * Kolom yang ke dua adlah ruang untuk header dari masing masing kubik portal yang dibagi 
          menjadi empat bagian dan masing  masing bagian memiliki lebar 310 pixels .


Jika ke tujuh kolom itu di jumlahkan maka lebar keseluruhan adalah 780 pixels.






Postingan terkait:

Belum ada tanggapan untuk "Mendesign Tampilan Website Portal dengan Adobe Photoshop"

Post a Comment