Які матеріали повинен веб-дизайнер за допомогою Photoshop надсилати розробнику?

Я впроваджую в основному веб-та настільні додатки, і це перший раз, коли я фактично почав працювати з графічним дизайнером на веб-сайті, який використовується для громадського використання. У цьому випадку графічний дизайнер робить не HTML + CSS, а використовує Photoshop.

Який матеріал зазвичай надається як кінцевий результат для того, щоб конструкція реально була реалізована?

Наприклад, я повинен отримати щось більше, ніж просто файли PSD? Як щодо різних станів (наприклад, наведення посилань, активний стан тощо) або чуйного дизайну? Чи очікую я занадто технічних деталей?

Будь-яка допомога вдячна.

Макет зазвичай переданий для розробника , щоб знати , що йти. Це може відрізнятися від файлу PSD до просто плоского зображення, залежно від робочого процесу. На мій досвід, передача плоского макета з усіма розмірами, розмірами шрифту та кольорами, а також повним набором фрагментів та використаних зображень. В основному все, що потрібно для завершення проекту. Але це дійсно залежить від робочого процесу. Якщо сайт робиться в основному за допомогою CSS, потрібна інша інформація (значення градієнта, значення тіні, падіння, попередньо встановлені зображення для обрізання зображень).

Кнопки завжди повинні бути охоплені. Залежно від того, як вони будуть виготовлені (чисто CSS або фрагменти), ви повинні надати будь-які кольори, радіуси та розміри, або самі зрізи.

Чуйний дизайн дещо інший. Проектування виду - лише початок. Що також повинен знати розробник - це те, як елементи повинні вести себе, коли сайт поступово "скорочується". Як буде вести себе меню, якщо відображається менше варіантів? Що є лише елементом списку в повному режимі веб-перегляду, це може суттєво змінити екран у мобільному поданні. Що відбувається з усіма елементами наведення курсору (не можна використовувати їх у режимі перегляду для мобільних пристроїв)?

@ Відповідь KMSTR - це 80% рішення, але якщо ваш дизайнер справжній професіонал, він / вона буде конкретний щодо дрібних деталей, наприклад, коли має відбуватися анімація переходу або того, який порядок елементів DOM слід завантажувати.

Якщо ваш дизайнер знаходиться на вершині 20%, попросіть декілька потоків користувачів UX та провідні рамки, або якщо вони особливо талановиті, прототип, зроблений в After Effects або Flash. В ідеалі вони не залишають жодного аспекту не визначеним.

Все залежить від того, що ви домовились з графічним дизайнером.

Деякі графічні дизайнери не знають нічого, окрім PhotoShop, і вони будуть втрачені, якщо ви попросите нічого іншого, крім великого файлу PSD.

Деякі графічні дизайнери добре розбираються в HTML, CSS та JS і можуть створити всю річ для вас.

А далі є все між ними.

Я рекомендую вам схилятися до останнього, оскільки веб-дизайнер, який розуміє, що середовище збирається створити конструкції, які мають набагато більш перспективний мислення, чуйність, агностик браузера та гнучкіший, ніж перший, але перший може працювати занадто довго, поки UI Developer тісно співпрацює з дизайнером інтерфейсу.

Ви повинні вказати, що очікується напередодні.

Я цілком здатний доставляти файли psd, html / css сторінки або навіть повністю динамічні сторінки jquery / php / mysql. Що буде доставлено, залежить від того, що буде запропоновано.

Якщо розробник хоче лише PSD, то це все, що я доставляю, і це їхня робота зі створення сторінок. Я б ніколи не пішов на проблему зі створення сторінок, якби вони не хотіли.

У мене є кілька клієнтів, які розраховують на мене на повністю функціональні сторінки, які можна перенести на існуючі веб-сайти.

У мене є клієнти, у яких є розробник, який відмовляється використовувати будь-який надісланий їм код і наполягає на самому кодуванні всього, тому я доставляю файли psd.

Немає твердої відповіді на ваше запитання. Це питання, про що домовлено перед початком роботи.

Ви дійсно хочете дизайнера, який добре розбирається в HTML, CSS та Javascript. Місце, де я працюю, ми ніколи не бачимо жодного файлу фотошопу. Дизайнер надає нам URL на сторінку, ми копіюємо весь його інтерфейс, а потім заповнюємо прогалини, щоб зробити сторінку динамічною.

Є кілька причин, чому це бажано:

1) Немає сумнівів у тому, що хоче дизайнер - немає інтерпретаційних номерів чи нотаток, ви точно бачите, як повинен виглядати кінцевий виріб, перш ніж його навіть торкатися. Усі значення CSS є, кожна функція JavaScript або анімація.

2) Це скорочує дорогу в будь-який час, який вам потрібно витратити на роботу над цією сторінкою. Так, вам все одно доведеться перемотувати його і, можливо, робити гори на задньому плані, але це економить вам значну кількість часу на передній частині.

Звичайно, ти не завжди контролюєш того, з яким дизайнером ти працюєш. Але якщо ви маєте лише один фотошоп, переконайтеся, що ви справді отримуєте всі кнопки, і знайте, яку анімацію хоче дизайнер. Сподіваємось, якщо ви працюєте в такому середовищі, ви можете просто піднятися і поговорити зі своїм дизайнером і попросити роз'яснення, як вам потрібно.