Цікаво, чи є якісь ліміти за сумами на виведення на картку?
Частые проблемы и недопонимания бывают из-за того, что дизайнеры не шарят в принципах работы вэба в целом, нарисуют что-то «невероятное», а когда заказчик увидит эстимейты на реализацию всех этих хотелок, то начинается процесс упрощения или сами разработчики идут наиболее простым путем, чтоб уложиться в эстимейты.
Иногда разработчики делают так, как считают лучше потому что в дизайне 100500 размеров шрифтов и отступов которые не имеют никакой закономерности и логики 😄 не обобщаю, но такое бывает.
Если с обоих сторон все профессионально, то основная проблема бывает в представлении как должна работать анимация и транзишены, так как дизайн зачастую это статика и разработчик уже сам додумывает как это все должно работать.
Так же часто «невероятный UI/UX» идёт вразрез c производительностью и быстродействию работы сайта.
В будущем этот код может попасть другому человеку который не пользуется Muse, и открыв файл он скажет пару «приятных слов» в сторону прошлого «разработчика» и закроет файл :D
Вы всерьез думаете что тот код который выдаёт Muse пригодный для применения в продакшене?) Дело не то в том что код грязный, там в корне не правильный подход и реализация CSS/HTML, так же такую верстку легко сломать, она не гибкая и не универсальная, не проходит валидатор. Это просто картинка на которую можно поклацать, небольшие изменения по контенту и размерам нежели в дизайне и все поехало, поплыло...
В конце концов дизайнеру не обязательно знать кодинг чтоб нарисовать дизайн, есть же Sketch. Вэб-приложения которые боль менее адекватный генерят код (привел ссылки выше) так же требуют знаний свойств CSS и это занимает больше времени чем в графическом редакторе.
Мои выводы не с потолка, я работал с макетами дизайна сделанными и в Adobe Muse и Webflow (интегрировал в CMS), и поверьте это небо и земля. Adobe Muse страницы перевёрстывались полностью из-за свой не пригодности на реальных задачах, с Webflow
Ни в коем случае не используйте этот софт, а советовать его начинающему верстальшику/frontend`еру это настоящий грех и минус в карму!) :D
Вы смотрели какой код выдаёт Adobe Muse? Там сплошной ад и черти! Мало того что в основу положен огромный болт на все общепринятые правила, договоренности хорошего кода, так ко всему прочему там можно сильно заблудится. Практически вся верстка в том числе сеточные раскладки реализованы на position: absolute, естественно о последовательности и предсказуемости элементов и речи идти не может. А насчет отладки и чтения этого кода я вообще молчу. На практике этот хлам абсолютно не применим и никому не нужен.
Единственное практичное применение Adobe Muse это по быстрому накидать какой-то временный макет, шаблон, схему и показать её заказчику в браузере...
ps... Были проекты дизайн которых был выполнен на Adobe Muse, в итоге все это переверстывалось вручную с 0 из-за абсолютной не применимости и невалидности кода.
Из более менее адекватных подобных инструментом могу посоветовать:
webflow.com
www.figma.com
Но опять же это больше инструменты для дизайнеров нежели для разработчиков.
Для начала лучше хорошенечко изучить весь CSS) тогда таких вопросов не возникнет)
CSS grid, flexbox — это все свойства, части CSS`а. Bootstrap — это css framework и к нему считаю приступать после того как хорошо овладеешь CSS, да и не всегда он нужен, пробуй для начала писать самому, возможно даже свой мини-framework получится.
По CSS раскладкам очень советую этот доклад
Flexbox`ы можно смело использовать если не требуется поддержка IE 9 и ниже. Grid`ы учи, пробуй, балуйся но в продакшене пока проблематично.
По поводу адаптивности опять же зачем тебе Bootsrap, учи основы на чем все это основано ( Media Queries, подход Mobile First и смежные тематики.) CSS ведь не такой сложный чтоб при каждом вздохе использовать framework, обычно хватает пару своих классов с нужными свойствами.
+