Materi apa yang harus dikirim oleh desainer web menggunakan Photoshop ke pengembang?

Saya telah mengimplementasikan sebagian besar aplikasi web dan desktop dan ini adalah pertama kalinya saya benar-benar mulai bekerja dengan seorang desainer grafis di situs web yang untuk penggunaan umum. Dalam hal ini desainer grafis tidak melakukan HTML + CSS, tetapi menggunakan Photoshop.

Bahan apa yang biasanya disediakan sebagai hasil akhir agar desain benar-benar diimplementasikan?

Misalnya, haruskah saya mendapatkan sesuatu yang lebih dari sekadar file PSD? Bagaimana dengan keadaan berbeda (seperti tautan melayang, keadaan aktif dll.) Atau desain responsif? Apakah saya mengharapkan detail terlalu teknis?

Setiap bantuan dihargai.

Sebuah mock-up biasanya diserahkan bagi pengembang untuk mengetahui apa yang harus pergi untuk. Ini dapat bervariasi dari file PSD hingga hanya gambar datar, tergantung pada alur kerjanya. Dalam pengalaman saya, menyerahkan mockup datar dengan semua dimensi, ukuran font dan warna yang digunakan ditambah set lengkap irisan dan gambar yang digunakan. Pada dasarnya semua yang dibutuhkan untuk menyelesaikan proyek. Tetapi itu benar-benar tergantung pada alur kerja. Jika situs sebagian besar dilakukan dalam CSS, informasi lain diperlukan (nilai gradien, nilai drop shadow, preset pemangkasan gambar).

Status tombol harus selalu dicakup. Tergantung bagaimana mereka akan dibuat (murni CSS atau irisan), Anda harus memberikan semua warna, jari-jari dan ukuran atau irisan itu sendiri.

Desain responsif agak berbeda. Merancang tampilan hanyalah awal. Apa yang perlu diketahui pengembang juga adalah bagaimana elemen harus berperilaku ketika situs secara bertahap "menyusut". Bagaimana perilaku akan terjadi jika lebih sedikit opsi ditampilkan? Apa yang hanya elemen daftar dalam tampilan web penuh dapat mengubah layar secara dramatis dalam tampilan seluler. Apa yang terjadi pada semua elemen hover (tidak dapat menggunakannya dalam tampilan seluler)?

Jawaban @ KMSTR adalah solusi 80%, tetapi jika desainer Anda adalah pro nyata, ia akan spesifik tentang detail kecil seperti kapan animasi transisi harus terjadi atau bagaimana urutan elemen DOM harus memuat.

Jika desainer Anda ada di 20% teratas, tanyakan beberapa alur pengguna UX dan gambar rangka, atau jika mereka sangat berbakat, sebuah prototipe dibuat di After Effects atau Flash. Idealnya mereka tidak meninggalkan aspek yang tidak ditentukan.

Itu semua tergantung pada apa yang Anda sepakati dengan desainer grafis.

Beberapa desainer grafis tidak tahu apa-apa selain PhotoShop, dan akan hilang jika Anda meminta apa pun selain file PSD besar.

Beberapa desainer grafis berpengalaman dalam HTML, CSS dan JS dan dapat membangun semuanya untuk Anda.

Dan kemudian ada segalanya di antaranya.

Saya akan merekomendasikan Anda condong ke yang terakhir, sebagai perancang web yang memahami media akan menghasilkan desain yang jauh lebih berpikir ke depan, responsif, agnostik browser, dan fleksibel daripada yang pertama, tetapi yang pertama dapat bekerja juga selama Pengembang UI bekerja erat dengan perancang UI.

Anda harus menyatakan apa yang diharapkan di muka.

Saya sepenuhnya mampu mengirimkan file psd, halaman html / css, atau bahkan halaman jquery / php / mysql yang sepenuhnya dinamis. Apa yang disampaikan tergantung pada apa yang diminta.

Jika pengembang hanya menginginkan psd maka hanya itu yang saya berikan dan itu tugas mereka untuk membuat halaman. Saya tidak akan pernah repot membangun halaman jika tidak diinginkan.

Saya memiliki beberapa klien yang mengandalkan saya untuk halaman yang berfungsi penuh yang dapat dimasukkan ke situs web yang ada.

Saya memiliki beberapa klien yang memiliki pengembang yang menolak untuk menggunakan kode apa pun yang dikirim kepada mereka dan bersikeras untuk mengkodekan semuanya sendiri, jadi saya mengirimkan file psd.

Tidak ada jawaban yang kuat untuk pertanyaan Anda. Ini masalah apa yang disepakati sebelum pekerjaan dimulai.

Anda benar-benar menginginkan desainer yang berpengalaman dalam HTML, CSS, dan Javascript. Tempat saya bekerja, kita tidak pernah melihat file photoshop tunggal. Perancang memberi kami url ke halaman, kami menyalin semua UI-nya, dan kemudian mengisi celah untuk membuat halaman menjadi dinamis.

Ada beberapa alasan mengapa ini lebih disukai:

1) Tidak ada pertanyaan tentang apa yang diinginkan oleh perancang - tidak ada angka atau catatan penafsiran, Anda melihat persis seperti apa produk akhirnya sebelum Anda menyentuhnya. Semua nilai CSS ada di sana, setiap fungsi javascript, atau animasi.

2) Ini memotong jalan kapan saja Anda perlu menghabiskan bekerja pada halaman itu. Ya, Anda masih harus memperbaiki dan mungkin mengerjakan banyak pekerjaan di bagian belakang, tetapi menghemat banyak waktu di bagian depan.

Tentu saja, Anda tidak selalu mengendalikan jenis desainer yang bekerja dengan Anda. Tetapi jika Anda menggunakan satu yang hanya menggunakan photoshop pastikan Anda benar-benar mendapatkan semua status tombol, dan tahu animasi yang diinginkan oleh perancang. Mudah-mudahan, jika Anda bekerja di lingkungan seperti itu, Anda bisa naik dan berbicara dengan desainer Anda dan meminta klarifikasi sesuai kebutuhan Anda.