Perangkat lunak yang digunakan dalam Membuat Komps dan Situs Web - dummies

Sebelum memulai merancang situs web, Anda harus terbiasa dengan perangkat lunak grafis web standar industri. Meskipun ada sejumlah alat di pasaran yang mungkin lebih sesuai dengan prajurit akhir pekan, yang tercantum di sini adalah standar kelas profesional yang digunakan oleh semua agen dan toko di rumah. Mereka mahal, dan bisa dibeli terpisah atau dibundel di suite. Perhatikan bahwa semua produk yang tercantum di sini berasal dari Adobe Systems. (Adobe secara sistematis telah membeli perangkat lunak perancangan web.)

Sebagian besar web

comps, karena desain halaman disebut di industri ini, dibuat di Photoshop. Ini adalah agensi dan standar in-house; Sebagian besar pengembang berharap bisa menyerahkan komps Photoshop sebelum mereka membangun situs web sebenarnya. Biasanya, ada satu file Photoshop per template halaman web. Photoshop memungkinkan Anda membuat ekstensif penggunaan lapisan dan lapisan set, menjaga berbeda (dan membantu Anda mengatur) semua komponen yang membentuk desain Anda.

Ini adalah praktik terbaik untuk memberi nama dan mengatur lapisan Anda sehingga perancang lain dapat memahami dokumen Anda.

Kembang Api

Kembang api adalah perangkat lunak grafis yang bagus karena dirancang untuk membuat kompos web. Sayangnya, itu hanya belum benar-benar tertangkap sebagai standar di lembaga desain dan departemen in-house. Itu memalukan karena satu halaman web comp - dengan semua lapisannya - di Photoshop bisa menjadi file 24-100mb. Halaman yang sama persis di Fireworks akan beruntung bisa mendorong 3mb karena menggunakan gabungan grafik vektor dan bitmap. Itu adalah file yang bisa Anda kirimi e-mail sebagai lampiran untuk klien dan pengembang.

Satu-satunya tepi yang dimiliki Photoshop di atas Fireworks adalah peningkatan dan manipulasi gambar bitmap. Namun, Anda dapat melakukan semua hal di Photoshop dan kemudian mengimpor hasilnya ke Fireworks untuk bekerja ke tata letak web Anda. Anda juga dapat mengekspor file Fireworks Anda sebagai file berlapis Photoshop, atau mengimpor file berlapis Photoshop, sehingga memiliki beberapa fleksibilitas yang baik.

Ilustrator

Ilustrator terdaftar di sini hanya karena ini adalah standar untuk menghasilkan grafik vektor.Seringkali Anda harus membuat ikon, tombol, atau ilustrasi khusus dalam desain web, dan paling mudah menggunakan Illustrator untuk tugas semacam itu. Anda kemudian dapat mengimpor ilustrasi ini ke dalam Photoshop atau Fireworks untuk dilipat ke comp web Anda.

Semua comps web dibangun dan dipasang di Fireworks atau Photoshop. Illustrator hanya menyumbang potongan grafis atau digunakan untuk membuat grafis web individual yang mungkin Anda ekspor dalam berbagai format web, termasuk SVG, PNG, dan JPEG.

Flash

Flash memungkinkan Anda membuat aplikasi web yang sangat interaktif dengan ActionScript - bahasa scripting yang kuat - dan animasi desain yang memanfaatkan ukuran file yang ketat serta skalabilitas grafis vektor. File flash bisa langsung disematkan di halaman web anda. Flash

film

bisa sangat interaktif dan kompleks sehingga Anda dapat membangun keseluruhan pengalaman situs hanya dengan Flash. Halaman HTML hanya menyajikan file Flash dan Flash mengambil alih dari sana. Jika Anda menginginkan situs web yang menampilkan video atau memiliki fitur interaktif seperti situs web pada gambar berikut, Anda memerlukan Flash. Kredit: © Dewan Pengolah Susu California Dreamweaver

Dreamweaver bukanlah alat desain grafis; Ini untuk membangun halaman HTML dan file CSS. Apa yang banyak orang bingung tentang adalah bahwa, di satu sisi, Anda memiliki comp web-page yang dirancang baik dalam Fireworks atau Photoshop agar terlihat persis seperti halaman web Anda akan terlihat online - sampai ke rincian terakhir dari scroll bar Anda. dan footer. Kemudian, di sisi lain, Anda memiliki pengembang yang harus menciptakan kembali desain comp Anda di HTML, sering menggunakan alat seperti Dreamweaver.

Mengapa pengembang harus membuat ulang desain Anda? Untuk mendapatkan efisiensi halaman maksimal, pengembang harus membangun kembali halaman Anda. Comps Anda melayani tidak hanya sebagai sumber seni dan tata letak sedikit demi sedikit untuk diikuti, tetapi juga sebagai sumber warna, tombol, perbatasan, dan teks yang dibutuhkan untuk mendapatkan gaya CSS.