- Demikian beberapa aspek dan prinsip yang digunakan Web Designer dalam membuat website, selebihnya merupakan ekspresi dari pembuat website itu sendiri yang terwujud dalam penggayaan penyusunan website.
Desain : Untuk membuat desain suatu homepage biasanya para web designer dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout homepage.
- Adobe Photoshop : Desain berbasis titik ( bitmap )
- Adobe Image Ready : Memotong gambar-gambar ke dalam format html
- Adobe Illustrator : Desain berbasis vector
- CorelDraw : Desain berbasis vector
- Macromedia Freehand : Desain berbasis vector
- Macromedia Firework : Efek teks
- Painter : Memberikan efek lukisan
- Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
- Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai’s Power Tool dan Xenofex juga sangat mendukung untuk memberi efek desain sewaktu anda mendesain layout homepage di Photoshop.
- 3D Studio Max : Untuk membuat objek dan animasi 3D.
- Gif Construction Set : Membuat animasi file gif
- Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
- Microsoft Gif Animator : Membuat animasi file gif
- Swift 3D : Merancang animasi 3D dengan format file FLASH.
- Swish : Membuat berbagai macam efek text dengan format file FLASH.
- Ulead Cool 3D : Membuat animasi efek text 3D.
- Alaire Homesite
- Cold Fusion
- Microsoft Frontpage
- Macromedia Dreamweaver
- Net Object Fusion
- ASP ( Active Server Page )
- Borland Delphy
- CGI ( Common Gateway Interface )
- PHP
- Perl
- Bullet FTP
- Cute FTP
- WS-FTP
- Macromedia Dreamweaver : dengan fasilitas Site FTP
- Microsoft Frontpage : dengan fasilitas Publish
- Sound Forge : Mengedit dan menambah efek file yang berformat mp3 dan wav.
- Cakewalk : Mengedit dan menambah efek untuk file yang berformat midi
Dan berikut adalah langkah-langkah nya ::
- Berikut ini adalah proses secara umum yang dilakukan kebanyakan profesi web di Indonesia untuk membuat web.
- Membuat Sketsa Design
Desainer bisa saja menuangkan ide dalam membuat interface suatu homepage dalam bentuk sketsa di kertas terlebih dahulu. Untuk kebanyakan orang biasanya langkah ini dilewatkan dan langsung pada langkah membuat layout desain dengan menggunakan software. - Membuat Layout Design
Setelah sketsa jadi, untuk memperhalus sketsa design menggunakan software seperti Adobe Photoshop, Adobe Illustrator, Macromedia Fireworks, Macromedia Flash atau Macromedia Freehand. - Membagi Gambar Menjadi potongan Kecil-Kecil
Setelah layout desain jadi, File gambar tersebut dipecah menjadi potongan kecil-kecil untuk meng-optimize waktu download Untuk melakukan hal tersebut bisa menggunakan software seperti Adobe Image Ready atau Macromedia Fireworks. Langkah ini bisa dilewatkan apabila ukuran gambar tidak terlalu besar. - Membuat Animasi
Animasi diperlukan untuk menghidupkan homepage agar menarik pengunjung. Macromedia Flash dan Gif Construction Set dapat digunakan untuk melakukan hal tersebut. - Membuat HTML
Untuk merapikan layout desain seperti menempatkan tombol dan gambar, menambah text, meng-edit script HTML, membuat layout form ke dalam format HTML. Untuk itu bisa menggunakan software HTML Editor seperti Macromedia Dreamweaver, Microsoft Front Page dan Allaire Homesite. - Programming dan Script
Untuk website e-commerce, iklan baris, lelang, database, membuat buku tamu, counter dan forum diskusi, file HTML perlu programming untuk aktivitas semacam itu. Programming dan script ini bisa dibuat dengan menggunakan ASP, PHP, Borland Delphi, CGI, dan Visual Basic. - Evaluasi atau Test
Setelah situs selesai dibuat, sangatlah perlu untuk melakukan test atau evaluasi apakah link-link yang ada sudah berjalan dengan benar dan bukan broken link (link yang salah target atau tidak target) - Upload HTML
Setelah file telah menjadi HTML beserta gambar dan scriptnya, maka perlu mengupload file-file tersebut ke hosting agar semua orang didunia dapat mengakses halaman HTML kita. Macromedia Dreamweaver dengan fasilitas site FTP dan Microsoft Frontpage dengan Publishnya telah menyediakan fasilitas upload ini, atau dapat menggunakan software seperti WS-FTP, Cute FTP dan Bullet FTP. - Promosi Homepage
Setelah file-file di-upload, langkah terakhir adalah mempromosikan situs di search engine yanng ada seperti www.yahoo.com, www.google.com, www.altavista.com dan sebagainya, agar suatu ketika user mencari alamat situs kita akan ditemukan pada database server search engine yang bersangkutan.
Tutorial Design Website
Sering kita temui website yang tipikal: “Welcome to my homepage,” animasi e-mail, background dengan tulisan miring (diagonal), animasi garis pembatas, tabel dengan border tiga-dimesi dan lain-lain. Hal ini terjadi akibat dari fasilitas Template yang disediakan oleh software pembuat web seperti: FrontpageT, Corel WebDesignerT, dan sebagainya yang ditujukan untuk mempermudah penggunanya dalam membangun website.Jika anda puas dengan hasil kerja anda membangun website dengan fasilitas template, sudahlah cukup sampai disini. Tetapi jika anda tidak puas dengan apa yang anda buat, dan anda merasa ingin lebih baik, maka anda perlu mengetahui bagaimana Web Designer membangun suatu Website, terlepas anda punya bakat seni atau tidak.
- Unik : Dalam membuat karya apapun seorang designer mempunyai kesadaran untuk tidak meniru atau menggunakan karya orang lain. Begitu pula seorang Web Designer harus mempunyai budaya malu untuk menggunakan icon, animasi, button, dll, yang telah digunakan atau dibuat oleh orang lain.
- Komposisi : Seorang Web Designer selalu memperhatikan komposisi warna yang akan digunakan dalam website yang dibuatnya. Pergunakan selalu Palette 216 WebColor, yang dapat diperoleh dari Adobe.com, hal ini untuk mencegah terjadinya dither pada image yang berformat GIF. Dalam membangun website suatu perusahaan, Web Designer selalu menyesuaikan warna yang digunakan dengan Corporate Color perusahaan tersebut. Sebagai contoh: Telkom Corporate Color-nya adalah biru, Coca-Cola : merah dan putih, Standard-Chartered : hijau dan biru, dsb. Untuk kemudian warna-warna tadi digunakan sebagai warna dominan atau sebagai elemen pendukung (garis, background, button, dsb).
- Simple : Web Designer banyak yang menggunakan prinsip “Keep it Simple”, hal ini ditujukan agar tampilan website tersebut terlihat rapi, bersih dan juga informatif.
- Semiotik : Semiotika adalah ilmu yang mempelajari tentang tanda-tanda. Dalam hal ini diharapkan dengan melihat tanda atau gambar, user/ audience dapat dengan mudah dan cepat mengerti. Sebagai contoh: Jangan membuat gambar/image yang berkesan tombol, padahal itu bukan tombol/ link.
- Ergonomis : Web Designer selalu memperhatikan aspek ergonomi. Ergonomi disini adalah dalam hal kenyamanan user dalam membaca dan kecepatan user dalam menelusuri website tersebut. Web Designer memilih ukuran Fonts yang tepat sehingga mudah dibaca, Web Designer menempatkan link sedemikian rupa sehingga mudah dan cepat untuk di akses dan lebih penting lagi adalah Informatif.
- Fokus : Tentukan hirarki prioritas dari pesan yang akan disampaikan, misalnya: Judul harus besar, tetapi jangan sampai akhirnya akan konflik dengan subjudul yang berukuran hampir sama. Hal ini akan membingungkan user/audience untuk menentukan pesan mana yang harus lebih dahulu dibaca/ dilihat.
- Konsisten : Tentukan font apa yang akan digunakan sebagai Body-text, Judul, Sub Judul dan sebagainya, sehingga website tersebut akan terlihat disiplin dan rapi. Sesuaikan jenis huruf yang digunakan dengan misi dan visi website tersebut, misalnya: hindari menggunakan font Comic dalam membangun website suatu perusahaan resmi.
0 comments:
Post a Comment