Saya melihat bahwa banyak desainer membuat karya desain web yang indah di Photoshop, tetapi sekarang dengan kedatangan CSS3, ketika mereka ingin mengubahnya menjadi HTML & CSS, mereka hanya memulai dari awal dan membuat sekitar 80% dari desain akhir menggunakan CSS3.
Misalnya, mereka menggunakan radius batas, opacity, gradien latar belakang, bayangan kotak dan bayangan teks, dan aturan CSS3 lainnya untuk mendapatkan apa yang telah mereka buat di Photoshop. Banyak kali mereka hanya mengimpor gambar dari Photoshop, yang lebih seperti karya kuas atau logo, atau semacamnya.
Pertanyaan saya adalah, apakah para desainer web masih menggunakan Photoshop untuk membuat sesuatu, dari mana hanya 20% yang akan berguna bagi mereka?
Bisakah perancang web membuat seluruh desain secara langsung dalam HTML & CSS tanpa repot-repot menambahkan lapisan tengah lainnya untuk membuat desain di Photoshop, dan kemudian cukup membuat elemen yang tersisa di sana?
sumber
Jawaban:
Harus tidak setuju dengan semua orang. Photoshop bukan alat untuk mendesain situs web. Ini alat untuk membuat sketsa situs web. Situs web masih harus dirancang dalam media yang ada - yang cenderung CSS, HTML dan JS.
Itu tidak berarti Anda tidak menggunakan Photoshop. Tetapi Anda tentu tidak perlu melakukannya.
Saya penggemar berat tidak pernah menampilkan desain situs web di photoshop kepada klien. Ini bukan media tempat hidup. Photoshop comps tidak menawarkan kemampuan untuk berkomunikasi interaksi, perbedaan perangkat, kekhasan browser, clickability, responsiveness, dll.
Memang, dalam kenyataannya, banyak waktu Anda masih perlu menunjukkan mockup JPG. Baik. Gunakan Photoshop untuk itu. Tetapi jangan kemudian mengambil file PSD dan mengiris dan memotongnya ke situs web. Itu masuk akal pada tahun 1999. Tidak banyak hari ini. Alih-alih, ambil PSD itu, dan gunakan saja sebagai panduan. Ini kira-kira seperti apa situs itu tetapi memperhitungkan fakta bahwa itu dibangun dalam CSS / HTML / JS dan mengakomodasi sesuai kebutuhan.
Jadi, untuk menjawab pertanyaan:
Iya. Orang tentu bisa melakukan itu. Saya pernah melihat itu dilakukan secara paralel dengan desainer PSD. Masalah terbesar dengan pendekatan PSD adalah ketika Anda bekerja pada tim yang gesit. File-file berat yang digunakan untuk dokumentasi (seperti PhotoShop) menjadi beban yang agak besar untuk proses Agile dan akhirnya menambahkan lebih banyak masalah daripada yang mereka pecahkan. Kami cenderung kemudian bekerja secara terbalik ... kami membuat sketsa di PS sesuai kebutuhan, dan kemudian merancang dan membangun dalam HTML / CSS / JS. Ketika kemudian kita perlu membuat pembaruan visual yang cepat untuk rapat, kita hanya akan menyaring markup lapisan presentasi yang berfungsi, dan menamparnya di PhotoShop dan men-tweak dengan cepat.
sumber
** EDIT **
Klien Baru?
Absolutely - Jika Anda mengajukan desain untuk klien / situs BARU. Orang awam umumnya mengalami kesulitan melihat apa yang ada di kepala Anda (saya). Wireframe, gambar, dll. Tidak selalu memotongnya - gores itu - mereka tidak memotongnya. Saya mendengar lebih banyak, "Saya pikir itu akan dilakukan X" dari klien ketika semua yang mereka miliki adalah WF, atau sketsa daripada yang saya lakukan ketika mereka diberi maket dengan logo, foto, font perusahaan, dan UI.
Skenario lain:
Mungkin tidak - Jika dapat menggunakan HTML / CSS / JS yang ada yang sesuai dengan persyaratan pekerjaan, atau Anda mengedit konten klien yang sudah ada, Anda akan lebih baik bekerja hanya dalam kode. Jika tidak, Anda mungkin akan menghabiskan banyak waktu di Photoshop untuk pengembalian yang sangat sedikit. Ada beberapa contoh (seperti @ DAO1 disebutkan) di mana screenshot dan tweak-via-Photoshop benar-benar dapat mempercepat proses persetujuan, atau menuntaskan ide, atau tiga.
** end **
Saya katakan ya -
Jauh lebih mudah untuk menjual desain Anda (dan lebih cepat membuat comps) dengan visual - bahkan jika disederhanakan. Di situlah PS paling membantu pekerjaan saya.
Saya juga menggabungkan layer dengan sistem grid, jadi saya bisa melihat bagaimana segala sesuatunya ditata, dan dengan cepat menyeretnya ke tempat saya membutuhkannya. Sekali lagi, ini membantu dengan comps, dan perubahan yang diminta klien.
Jika Anda menyimpan pustaka Photoshop dari elemen-elemen yang biasa Anda gunakan: kotak input sudut bulat berbasis vektor, kisi Anda, kotak "logo di sini" ... semua dalam lapisan satu file, atau beberapa file (pilihan Anda) - Anda dapat membuat halaman rumah dan halaman interior dalam waktu singkat untuk mengkodekannya.
Menyimpan file CSS umum (dengan pengaturan populer) juga akan membantu ketika tiba saatnya untuk kode, tapi saya tidak melihat nilai menghilangkan PS dari alur kerja - terlepas dari seberapa kuat CSS menjadi.
sumber
Bisakah Anda menjamin bahwa 100% pengguna Anda memiliki browser yang akan melihat situs Anda persis seperti yang Anda (atau lebih penting lagi, klien) ingin dilihat? Tidak? Lalu berapa persen? 90%? 80%?
Bisakah Anda memastikan itu menurun dengan baik, sehingga versi alternatif yang dilihat oleh 10% sisanya (20%? 40%?) Dapat diterima?
Jika salah satu atau kedua masalah tersebut merupakan masalah, Anda memerlukan Photoshop.
sumber
Hal-hal untuk dipikirkan:
Banyak yang dimasukkan ke dalam menempatkan desain mewah di web. Setidaknya untuk yang lebih kompleks. Photoshop membantu membuat hasil akhir terlihat lebih cepat.
Untuk seorang desainer di pekerjaannya, melakukan mock-up di Photoshop biasanya lebih cepat, dibenarkan, karena Anda tidak akan menghabiskan sepanjang hari meretas html dan CSS3.
Seperti yang Anda sebutkan mereka dapat melakukan 80% di CSS3, tetapi kemudian mereka akhirnya akan membutuhkan Photoshop membentuk beberapa bagian.
Saya berpendapat bahwa Anda tidak melakukan mock-up di Photoshop jika Anda adalah desainer dan pengembang dan itu akan menghemat waktu, jika tidak selalu melakukan mock-up di Photoshop.
sumber