Pavel Designer

Есть, называются UI kit ну или UI psd, что часто одно и тоже. Это наборы элементов интерфейса из которых можно создать любой свой.
Реже можно найти прямо интерфейс уже собранный, но таких совсем мало встречается.

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

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

Вам сейчас несколько человек скажут свое мнение и назовут конкретные разрешения, а в реальном проекте попросят совсем другое. Уточняйте все у конкретного клиента. Говорю это по собственному опыту. У меня были и те, кто ради экономии один макет адаптировали под разные платформы, а были и те, кто предпочитали иметь разные версии для разных нужд. Самый минимум — одно разрешение (чаще самое большое) и описание поведения для всех других, а далее как клиент/программист попросит.

На скриншоте текст уже выровнен по горизонтали и об этом сигнализирует иконка в верхней панели (собственно, там все выравнивание и делается). А выравнивания по вертикали внутри bounding box'a не предусмотрено в принципе (если захотеть, сделать можно руками, но специального инструмента нет).

Если очень нужно выровнять надпись относительно конкретного объекта (прямоугольника, например), то либо уменьшать bounding box до размеров надписи/текста и выравнивать, либо не использовать bounding box (т.е. не рисовать инструментом Type tool прямоугольник, а просто кликнуть в рабочей области и писать текст, таким образом, он будет без лишних границ).

PS Такое выравнивание по кнопке есть только в InDesign, а Ps и Ai лишены этой возможности. Это и логично, в общем-то.

Обновление на 2019 год.
Сейчас есть очень похожий редактор — Figma. По словам некоторых даже лучше Скетча (и уж точно лучше Фш).

Опыт использования Скетча на Вин https://medium.com/sketch-app-sources/how-i-starte...

Многие любят писать «Надо всё делать сразу в векторе, век адаптивности» и т.п. В этом есть правда, но по факту используются практически равнозначно обе программы (плюс не только эти), в зависимости от конкретной задачи. Также выбор сильно зависит от предпочтений конкретного специалиста.

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

Если у вас всё только начинается, то изучайте функционал обеих программ, обе пригодятся. У всех клиентов разные требования, а у верстальщиков, которые на них работают, разная квалификация и поэтому будет возможность создавать интерфейсы сайтов и там и там.

В своём вопросе вы уже сформулировали возможные варианты)
Веб-дизайнер должен понимать как устроены сайты и разрабатывать структуру и логику работы интефрейса. Хуже когда дизайнер делает красивый макет, при этом не понимая вообще сможет ли это потом вообще работать и стать больше, чем просто хорошая картинка в портфолио. Ведь не каждый дизайнер сделает удобно и не каждый проектировщик сделает красиво. В крупных компаниях чаще есть отдельные должности под разработчиков интерфейсов (без дизайна), а фрилансеры и мелкие конторы совмещают роли дизайнера и проектировщика (и зачастую ещё несколько). В идеале нужна золотая середина.
И, конечно же, нередко заказчики сначала прорабатывают структуру и юзабилити на прототипах и уже после отдают просто дизайнеру для оформления. Хороший и опытный дизайнер также совмещает эти роли и предлагает клиенту комплексное решение двух задач. Бывало что начинается сотрудничество с заказа чего-то из дизайна (страница, иконки или баннеры), а в результате дорабатывается и улучшается интерфейс в целом.

А вообще, всё верно: дизайнер не рисует кнопочки или плашечки, дизайнер решает задачи, поставленные перед ним клиентом (собственно, как и любой другой специалист).

Такая анимация делается в After Effects (своими силами или силами нанятого дизайнера).
Готовое вряд ли найдете, но можно попробовать поискать по запросам camera lens animation или подобным.

Если это дословное задание, а не вольный пересказ, то четко написано: необходимо придумать интерфейс.

Интерфейс, которым пользуется менеджер при планировании количества еды, используя алгоритм программистов. Ваша задача определить как будет выглядеть управление этим процессом. Вся суть в том чтобы научить думать и находить решения задач (а не просто рисовать кнопочки, как полагают многие говоря «проектирование интерфейса»).

Уже отвечал в подобном вопросе
Какие базовые цвета выбрать для сайта?
Процитирую:

Чтобы хорошо подбирать самому надо знать основы колористики (как цвета образуются, какие базовые, какие сочетаются хорошо и какие плохо). Чтобы делать стильно надо смотреть на тренды в дизайне сайтов (в том числе и в плане цветов). Если же знаний никаких нет, то пользуйтесь сервисами по автоматическому подбору палитр:
https://coolors.co/
colourco.de
paletton.com
colorschemedesigner.com
Конкретно для флэт
flatuicolors.com
www.flatuicolorpicker.com
Выбор из готовых палитр
www.colourlovers.com/palettes
Это из того что вспомнил навскидку и из своих закладок, вообще подобных сервисов больше.

Upd: крутить их очень просто, выбираете основной цвет/оттенок и затем есть переключатели по типам (комплиментарные, противоположные и т.п.). Подбираете какой вариант нравится, сам принцип подбора цветов задан заранее и эти цвета можно использовать друг с другом. Просто смотрите какой вариант больше нравится (можете клиенту показать выбранную палитру и после одобрения вносить в макет).

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