Комментарии 24
Ну да, многие верстальщики представления не имеют как извлечь SVG-иконки из PSD макета, для них лучше в отдельном фолдере сохранять исходники.
На сайте Сибирикс и «Спасской башни» не отображаются состояния фокуса на ссылках (по нажатию TAB). Могли бы написать похожую статью про «грешки» верстальщиков? Было бы интересно почитать.
2018 год, а ещё пишут статьи про макеты в Ps…
Сами в шоке, что приходится:)
Может уже пора пересадить дизайнеров в Sketch/Figma и использовать Avocode/Zeplin? (:
Avacode и Zeplin тоже работают с Фотошопом. А вот почему дизайнеры все еще тратят кучу времени на изучение, а потом на использование Фотошопа, если уже есть мощные инструменты — мне не понятно.
Думаете, прям тратят время на изучение Фотошопа? Да его просто давно все знают и по привычке используют, скорее. Вопрос в том, что у кого-то даже привычки-то работать в нём грамотно не сформировалось:)
До сих пор встречаю школы/курсы веб-дизайна, которые из года в год обучают своих студентов работе на фотошопе. К сожалению на русском рынке, очень редко слышу упоминание о Figma, только в больших и грамотных студиях.
Даже с высокими знаниями фотошопа, на нем делать макеты, очень затратно по времени.
Даже с высокими знаниями фотошопа, на нем делать макеты, очень затратно по времени.
Посмотрел обзор. Photoshop гораздо более универсальный. А это приложение хорошо подходит только для модного плоского дизайна. Что может эта Figma, если нужен интерфейс сайта игры про средневековье, например? Дубовую кнопку? Стили объектов где? Photoshop ещё хорош тем, что прямо на месте можно обработать картинку для фона или поправить фотографию. Но я совершенно согласен, что в Photoshop многое не продумано под быстрый дизайн UI.
Вы сейчас сравнивайте Figma с графическим редактором. Figma лишь инструмент для разработке удобных прототипов и сбора макетов, на нем удобно делать дизайны любой сложности, кроме того, Figma построена на векторных объектах. Вы так говорите, будто на HTML нельзя сверстать сайт с Дубовой кнопкой. Все дополнительные иллюстрации делаются в связке с фотошопом или иллюстратором, и переносятся непосредственно в Figma.
В этом случае, каждый инструмент выполняет свои прямые функции:
Figma — разработка макетов
Фотошоп — обработка фотографий, создания растровых иллюстраций.
Иллютратор — векторные картинки.
В этом случае, каждый инструмент выполняет свои прямые функции:
Figma — разработка макетов
Фотошоп — обработка фотографий, создания растровых иллюстраций.
Иллютратор — векторные картинки.
Я понимаю, что Figma заточена под другое. Но плюс Photoshop'а в том, что в одном приложении можно делать много чего, сразу видя цельный макет и не переключаясь туда-обратно.
Это не экономит ваше время, даже наоборот, очень тормозит. В фотошопе есть почти все и для всех, но все же основная его деятельность — обработка фотографий. Он изначально не делался по веб-дизайнера, а лишь затачивался для этого в последствие. Figma специальна была сделана для дизайнеров, и в ней были учтены самые основные возможности:
1. Общие компоненты
2. Привязка элементов к стороне, для удобной адаптации.
3. Удобный инструмент для верстки макетов
4. Удобная работа с масштабом фотографий
5. Разработка живых прототипов.
6. Удобный редктор SVG, возможность экспорта и импорта без взаимодействие с иллюстратором (этого очень не хватает в фотошопе)
И это лишь самая малая часть того, что есть в Figma.
Я 4 года работал на фотошопе, на Figma лишь год, и очень жалею, что не перешел на нее раньше.
1. Общие компоненты
2. Привязка элементов к стороне, для удобной адаптации.
3. Удобный инструмент для верстки макетов
4. Удобная работа с масштабом фотографий
5. Разработка живых прототипов.
6. Удобный редктор SVG, возможность экспорта и импорта без взаимодействие с иллюстратором (этого очень не хватает в фотошопе)
И это лишь самая малая часть того, что есть в Figma.
Я 4 года работал на фотошопе, на Figma лишь год, и очень жалею, что не перешел на нее раньше.
Вы прям опередили меня комментом. Ладно раньше была отмазка мол sketch только для mac, но при наличии figma и adobe xd юзать ps уже некрофилией попахивает
никто не сказал, что у Figma нет оффлайна клиента, нет интернета — сидишь отдыхаешь. Мне ближе XD — но и там, ребята что-то курят — за два года не могут сделать направляющие и др. полезный функционал, который все ждут.
юзал все. вернулся в фш. самый креативный и свободный инструмент. остальные — для потока. а такой дизайн нам не нужен… проще сразу на html накидывать
Я раньше был ярым поклонником Фотошопа, и сайты рисовал только в Фотошопе, и думать не мог о чем-то другом. Потом не по моему желанию пришлось научиться работать в Figma, ну и по немногу осваиваю Sketch на iMac 2017. Честно сказать Скетч постепенно становится тоже анахронизмом как и Фотошоп, потому что он обростает кучей функционала, тормозит часто, короче имеет свои минусы. Фигма мне нравится куда больше, она гораздо шустрее и не нужно постоянно сохраняться, проекты сохраняются в облаке, закрыл программу на одном ПК, приехал домой открыл на ноутбуке и продолжаю работать, очень комфортно. По сравнению с фотошопом, в таких программах как Фигма, Скетч и Адобе ХД, ну и недавно вышла бетка inVision Studio, так вот там можно делать кликабельные прототипы чтобы показать заказчику как будет работать проект и при клике на кнопки будут открываться нужные страницы. Кроме того они хорошо ориентированы на фронт-энд. Пробовал ещё Адобе ХД, но он как-то мне не зашел, сыровать ещё. Я и к Фигме не сразу привык после Фотошопа, но когда разобрался то понял что это небо и земля, дизайн строится гораздо быстрее, кроме того это векторная графика и при увеличении макета вы не видите бесящих пикселей как в Фотошопе.
и абсолютно всё вышеописанное сводится к одной простой но болезненной истине — дизайнеров совершенно не учат техничности, хуже того, когда верстальщики сетуют но проглатывают и сами все доделывают это расхолаживает креативных дебилов. Веб дизайн ничем не отличается от физического дизайна — типографии, промдиза, архитектуры и пр Дизайнер обязан относиться к своему чистовику в слоях так же строго как к инженерному чертежу, у него для этого есть все самые удобные инструменты, начиная с четких выравниваний и заканчивая техтребованиями, которые не должен доделывать субподряд — верстальщик не долджен бродить в слоях, печатник дорисовывать вылеты, принтисты-текстильщики вообще годами работают будучи не в курсе как принт-то наносится и что в макете под шелкуху не может быть градиента прозрачности и тп Этот бесконечный снежный ком в вашей работе не прекратится пока вы не начнете реально возвращать им макеты с требованием сначала привести эту мусорку в порядок, чтобы текущие «специалисты» учились подтирать за собой и пестовали следующее поколение
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
18 правил идеального psd-макета — полезный чек-лист для дизайнеров