Как мне создать интерактивный макет моего веб-дизайна в Photoshop?

Я делаю это впервые. Я сделал веб-дизайн в Photoshop и не знаю, что делать дальше. Мне нужно показать другим людям веб-сайт, и я думал об использовании WebEx. Есть ли другое программное обеспечение, в которое я могу поместить свой дизайн, и тогда он будет работать как веб-сайт, или мне нужно получить другое программное обеспечение и снова создать дизайн?

Ответы (2)

Если вам нужно показать сайт, лучшей альтернативой демо-версии будет его кодирование в виде HTML и CSS. Если вы сделали дизайн с помощью векторов, вы можете попробовать проверить, можно ли преобразовать векторы в SVG, и открыть файл в браузере, однако в градиентах или эффектах переход будет неправильным. В будущем я бы предложил проектировать в Illustrator, но на самом деле лучше всего делать дизайн в браузере с кодом.

Я слышал о платных инструментах преобразования, которые могут взять psd и преобразовать его в HTML, но я никогда не использовал его, и предлагаю, чтобы он не подходил для сайта, так как это может быть расценено как спам, а ссылка может гнить, как будто службы приходят и уходят.

Подводя итог, в настоящее время действительно не существует решения в один клик, о котором я знаю.

Спасибо! У меня другой вопрос, я не знаю кодирования. Я работаю в небольшой компании и мне нужно делать мокапы. На что я могу нажать и перейти на другие страницы. Пожалуйста, не могли бы вы сказать мне программное обеспечение или способ, которым я могу это сделать, потому что сейчас я сделал только первую страницу, если мне нужно начать использовать любое другое программное обеспечение, которое я могу. Еще раз спасибо за ответ мне.
Кто-нибудь может объяснить отрицательный голос?

@Mike, я думаю, что @DarthVader довольно хорошо ответил на твой вопрос. Но просто чтобы пролить больше света на ваш дополнительный вопрос, есть множество хороших инструментов, которые могут помочь вашему рабочему процессу с минимальным кодированием или вообще без него. Поскольку ваш рабочий процесс находится в Adobe Photoshop, у Adobe есть Adobe Experience Design , который безупречно работает с Photoshop. Посетите их страницу обучения и поддержки для быстрого запуска. InVision — еще один интерактивный инструмент веб-прототипирования, который хорошо интегрируется с Photoshop. UXPin также поддерживает импорт Photoshop , Proto.io также отлично поддерживает Photoshop и Justinmind., предоставляет отличные возможности для прототипирования, хотя его интеграция/рабочий процесс с Photoshop немного ограничены.

Обратите внимание , что существует множество отличных инструментов, и выбор того, с чем вы хотите работать, зависит от вашего бюджета и личных предпочтений.

Есть множество «инструментов». Я бы не стал никого обвинять в том, что он великий или даже хороший.
@Confused Вы, по сути, рисуете прямоугольник поверх области, а затем говорите, чтобы показать это изображение при нажатии. Что эти приложения могут делать неправильно?
Скажем так, вы заставляете меня задаться вопросом, почему создание веб-сайтов — это не просто point-n-click = Webby!!!
Может быть, я @Confused, потому что я думал, что эти приложения не для создания веб-сайтов?
Вы отвлекаетесь. Утверждается, что эти инструменты великолепны. Я оспариваю это, потому что считаю неправильным сеять ложную надежду на «отличное» программное обеспечение, когда вся область не предлагает ничего подобного.
@ Confused, величие относительно. Тот факт, что что-то не удовлетворяет вас, не лишает это величия в руках других. Это зависит от того, как вы используете инструмент. Кто-то скажет, что Блокнот отлично подходит для кодирования веб-сайтов, а кто-то назовет его слабым. С вашей точки зрения, я действительно хотел бы услышать, чего не хватает инструментам прототипирования до сих пор.
Как мне создать интерактивный макет моего веб-дизайна в Photoshop?
СпросиСетьПолитика конфиденциальности1y, 0v