Каковы лучшие практики PSD в HTML с HTML5?

Я бы не стал продолжать пытаться научиться нарезать PSD для HTML. Эта практика устарела, и в будущем вы только навредите себе. Что касается «текущих стандартов», люди обычно кодируют в среде IDE. Одна вещь, которую вы должны понимать при нарезке, это то, что если у вас есть адаптивный веб-сайт, вы потратите массу времени, пытаясь отрезать слайс, и ваш веб-сайт будет работать медленно со всеми изображениями. Вы должны использовать изображение только по его прямому назначению, изображение. С сегодняшними CSS3, SVG и jQuery вы должны иметь возможность кодировать все, что вам нужно, вместо использования фрагмента изображения.

Меня смущает рабочий процесс, и мне нужны пошаговые инструкции о том, что именно представляет собой процесс.

Я сомневаюсь, что вы получите здесь пошаговое руководство, но у нас есть:

• Каковы этапы разработки веб-сайта?
• В чем разница между вайрфреймами и мокапами?
• Каков ваш идеальный рабочий процесс для веб-разработки?

Что именно еще делается в psd и почему?

Некоторые все еще используют Photoshop для разработки макета сайта, и если вы делаете адаптивный дизайн, вы можете создавать дизайн на основе целевых контрольных точек CSS. Я предпочитаю Illustrator из-за его функции Artboard, и обычно, когда я разрабатываю в AI, я могу просто экспортировать в SVG.

Как мы точно знаем, где разместить вещи?

Это будет зависеть от дизайна.

Если вы застряли на менталитете сетки, вы всегда можете научиться использовать Foundation или Bootstrap, которые известны тем, что используют структуру, подобную сетке:

Фонд :

Начальная загрузка :

Каковы лучшие практики преобразования PSD в HTML с HTML5?

Нет ни одного. Дизайн в Photoshop не считается лучшей практикой в ​​большей части отрасли.

Когда команды проектируют в Photoshop, они, как правило, не используют HTML, а это, в конечном счете, то, на чем должен быть построен сайт. Таким образом, многие утверждают (как и я), что ваш дизайн должен начинаться с HTML. Вы можете переключаться между HTML и Photoshop, но не пытайтесь спроектировать весь сайт/страницу в Photoshop, даже не прикоснувшись к HTML.

Переход с одного носителя на другой всегда приводит к неэффективности. Лучше всего стремиться проектировать в той среде, в которой продукт в конечном итоге будет доставлен.

Я согласен с RayC - обычно я «нарезаю» и «экспортирую для Интернета», скрывая слои и выбирая определенные фрагменты по мере необходимости. Я всегда использую CSS для фонового изображения и/или изображений таблиц, а затем полагаюсь на HTML. Похоже, линейки используются для нарезки. Если вы перейдете к Slice > Slice Tool, вы увидите кнопку с надписью «Slices from guides» — это разрежет ваше изображение в зависимости от местоположения вашей линейки. PSD — это только часть дизайна; экспорт для Интернета в виде HTML и изображений даст вам то, что вам нужно для Dreamweaver или любого другого программного обеспечения HTML.