Merancang Situs Web dari Awal - Illustrator atau Photoshop?

Jika saya mendesain situs web dari awal dan saya berniat untuk mengiris dan mengodekannya di Adobe Dreamweaver nanti, haruskah saya membuat desain situs web di Illustrator atau Photoshop? Mengapa?

Jawaban literal cepat: Antara Illustrator dan Photoshop, PhotoShop, seperti raster, seperti halnya situs web.

Jawaban yang sedikit lebih detail: Anda akan menggunakan keduanya.

Jawaban alternatif: Pertimbangkan untuk menggunakan Adobe Fireworks. Kembang api jauh lebih mudah digunakan setelah Anda terbiasa untuk menghasilkan grafik web.

Jawaban kuliah yang membosankan:

Metode "Slice-n-Dice" agak kuno. Itu populer satu dekade yang lalu tetapi hari ini itu benar-benar bukan pendekatan yang direkomendasikan. Saya sarankan:

• Gunakan aplikasi apa pun (AI / PSD) untuk 'membuat sketsa' situs tersebut. Merasa bebas untuk kesetiaan yang tinggi, tetapi perlakukan itu hanya sebagai mock-up.

• setelah itu, mulailah membangun situs. Selami HTML / CSS / JS.

• sesuai kebutuhan, masuklah ke PhotoShop untuk membuat elemen grafis individual yang Anda butuhkan.

Mengapa? Yah, mendesain di photoshop tidak memperhitungkan media tempat Anda bekerja. Ini kanvas tetap dan web bukan kanvas tetap, juga bukan kanvas standar. Ini mengarahkan tim ke ide pixel-perfect dan web tidak sempurna pixel.

Gunakan Fireworks atau Illustrator untuk pembuatan logo dan ikon. Untuk mengedit foto, gunakan Photoshop. Untuk semua yang lain itu sangat penting. Saya tahu ada perdebatan tentang perangkat lunak grafis mana yang harus digunakan, tetapi itu benar-benar pilihan pribadi.

Namun, perlu diingat:

• Fireworks lebih baik untuk kompresi PNG. Ukuran file cenderung 20% ​​-30% lebih kecil dari Photoshop.

• Jika Anda tahu jalan Anda akan merancang konten non-web lainnya untuk situs (tshirts, poster, selebaran, dll) lebih baik jika Anda memulai dalam program berbasis vektor.

Saya harus tidak setuju dengan DA01.

Fakta bahwa dokumen web bukan gambar statis tidak relevan dengan kegunaan editor grafis untuk meletakkan dan merancang situs web. Maket desain Anda tidak perlu (dan tidak seharusnya) menjadi prototipe situs web Anda yang berfungsi. Maket desain adalah dokumen yang membantu Anda memvisualisasikan dan memahat desain estetika situs Anda.

Hanya karena selembar kertas atau papan tulis tidak memiliki semua kualitas menit dari suatu dokumen web tidak berarti itu tidak dapat digunakan untuk membuat bingkai situs web. Demikian juga, fakta bahwa jendela browser dapat diregangkan dan diubah ukurannya tidak berpengaruh pada nilai desain mockup. Setiap perancang web yang berpengalaman akan tahu untuk merencanakan bagian-bagian tertentu dari tata letak sebagai elastis dan memperhitungkan keterbatasan teknologi web. Semua elemen visual tata letak masih dapat direpresentasikan dalam gambar datar (begitulah yang ditampilkan di layar).

Kedua, pendekatan sedikit demi sedikit untuk desain tidak kondusif untuk hasil yang berkualitas. Anda sedang merancang tata letak web, bukan seratus widget yang terisolasi. Tanpa mockup tata letak penuh, Anda pada dasarnya hanya menampar hal-hal tanpa tahu seperti apa hasil akhirnya. Menambahkan elemen grafis satu per satu saat Anda pergi tanpa ikhtisar komposisi lengkap bertentangan dengan praktik desain yang baik. Sebuah desain selesai ketika Anda kehabisan hal untuk dihapus, bukan ketika Anda kehabisan hal untuk ditambahkan.

Terakhir, dibutuhkan banyak waktu lebih lama untuk membuat perubahan desain dalam kode daripada mengubah gambar mockup. Itu sebabnya Anda harus selalu merencanakan desain Anda dalam maket sebelum Anda berkomitmen pada kode. Apakah Anda menggunakan program grafik vektor seperti Fireworks atau Illustrator atau program raster seperti Photoshop terserah Anda. Tetapi Anda harus selalu membuat desain Anda dalam editor grafis sebelum Anda mulai mengkodekannya.

Berikut ini adalah pos yang bagus untuk menjelaskan ini dengan cara yang lucu :) http://www.gomediazine.com/tutorials/photoshop-vs-illustrator-part-1/

berikut adalah penjelasan yang lebih baik dari sumber yang sangat andal "http://99designs.com/help/whats-the-difference-between-photoshop-and-illustrator"

"Pada akhirnya, keputusan alat apa yang harus digunakan harus ditentukan oleh pemegang kontes, tetapi secara umum, Illustrator harus digunakan untuk logo dan pekerjaan cetak, sedangkan Photoshop harus digunakan untuk desain web dan desain apa pun yang hanya terlihat di komputer layar."

Jika Anda perlu "mengiris", Anda dapat menggunakan Photoshop secara langsung tanpa pergi ke Dreamweaver.

Ada 2 cara memotong di photoshop, secara otomatis dan manual dengan memilih bagian grafik yang Anda butuhkan dan menyimpannya untuk web, satu per satu.

Kapan saja Anda "mengiris secara otomatis" dengan menghasilkan HTML, Anda memutuskan untuk kehilangan kendali atas kode. Pada awal karir Anda tidak apa-apa, Anda sedang belajar, tetapi itu akan tiba pada titik di mana Anda harus tahu kode, karena untuk pengoptimalan lebih baik kode tangan pada editor teks tingkat lanjut (misalnya perangkat lunak Ultraedit) melakukan html dan css sendiri.

Satu-satunya momen yang saya temukan lebih berguna yaitu mengiris otomatis ketika saya harus membuat kode tabel ketika mendesain untuk email.

photoshop ke gambar siap. yaitu tentang konten situs. Klien tidak membayar untuk peningkatan portofolio Anda. KL

Cukup jelas Anda harus menggunakan photoshop untuk maket desain web yang komprehensif.

Desain ilustrator masih cenderung untuk memproses lebih lambat dibandingkan dengan desain photoshop.

Jika Anda mendesain ikon dan elemen web saya sarankan mendesain di ilustrator dan kemudian menempatkan elemen-elemen itu ke photoshop.

Jika Anda membuat maket di photoshop, Anda dapat dengan mudah mentransfer dokumen-dokumen itu ke Fireworks untuk pembuatan prototipe cepat.

Photoshop akan lebih baik. Ini akan membantu pengguna untuk memotong.