Нерон Лордов

Есть ли хорошие альтернативы photoshop для верстальщика?
Какие есть альтернативы Photoshop для верстки из PSD?

Axure RP

Figma, и только Figma: на Linux, MacOS и Windows.

UPD: написал краткую вводную для этого и похожих вопросов: https://vms-blog.ru/?p=302

На что вы ориентируетесь, когда приступаете к разработке нового макета?

Парадокс дизайна в том, что каждому клиенту вроде бы как требуется индивидуальный подход. Но в итоге нет - можно использовать шаблонный. Поэтому в инете куча маркетплейсов и конструкторов с миллиардом готовых шаблонов, бери и меняй контент, всё уже придумано до нас.

Основная сложность это оценить объем работ. Понятно что клиенту хотелось бы максимум полезности за минимум цены и времени, а дизайнеру - максимум цены за минимум полезности и времени. Поэтому половина работы это тупо болтовня. Переговоры. Расспросы. Уточнения. Хорошая практика - согласовать ТЗ. Если клиент сам не может написать нормальное конкретное ТЗ - лучше сделать это за него.

Дальше дело техники.

Кому интересно - я в итоге подсел на Фигму.

Мне выносит мозг отсутствие необходимых как воздух фич (блин, там нет Swatches и стилей текста!!!), но в целом работать над интерфейсами в ней проще и быстрее.

Если я делаю макет сайта в Photoshop, значит я отстал от жизни?

Абсолютно верно. Плюс тебе в карму за то, что это понимаешь.

Юзай фигму - тогда не будет нужен ни скетч, ни зеплин, ни макинтош. Ни даже денег на лицензионное ПО. Нужен только браузер. Разработчики из макета будут извлекать инфу точно так же, как из зеплина, т.к. фигма и дизайнить позволяет, и код с ассетами может экспортить. Плюс она гораздо круче зеплина извлекает код для iOS/Android (помимо стандартного CSS).

Не надо переубеждать, препод прав. Юзай Иллюстратор.

Зайди на:
https://material.io/guidelines/material-design/ele...
Подраздел Component reference shadows

Скопируй оттуда картинки, поставь их в люстру и попробуй сымитировать - покрути настройки drop shadow. Вот и всё. Или скачай шаблон иллюстратора откуда-нибудь, в сети их навалом.

В комментах к самому вопросу я увидел ответ:

Александр Фудин:

Просто посмотрите количество расширений для браузера, которые призваны изменять внешний вид википедии.

Ярослав Иванов:

в гугле куча css файлов для кастомизации вики.

По-моему, это самый простой вариант - прикрутить вики и натянуть на нее кастомный css

Альтернатив не знаю, потому что не интересовался. Но это не значит, что их нет, возможно просто на Тостере никто не знает, спрашивай на стэке.

Ну и смысл зарываться в код, если в первую очередь нужно просто спроектировать интерфейс? Задачи-то разные у инструментов.

axure rp, но не за бесплатно.

invision app?

Херня, но разработчики очень любят когда можно драть CSS-свойства, а это можно сделать через очень хардкорный костыль 99 уровня:

Сохраняем люстровый файл с галкой "PDF compatible" и открываем файл *.ai через Акробат. Альтернатива: тупо экспортим файл в ПДФ и открываем Акробатом.

В Акробате: File -> Export to -> HTML Web Page. Полученную хтмлку либо редактим через IDE, либо инспектируем инструментами разработчика в браузере.

Костыль очень кривой, съезжает всё, что только может съехать, но в некоторых случаях кое-что не съезжает, и, сдаётся мне, можно как-то оптимизировать пдф так, чтобы съезжало меньше)))

OnClick -> Hide -> ставим галки на всех виджетах, коорые нужно скрыть.

Ну или загоняем всё в динамическую панель и скрываем только ее, как сказал nikitanaz

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