Сергей Тилион

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

Если под схемой сайта подразумевается карта сайта, то попробуйте Octopus.do.

Я пользуюсь бесплатным сервисом draw.io.
Многим нравится рисовать в сервисах для майнд-карт типа mindmeister.com/ru.
Если нужен десктопный клиент (зачем?), то XMind.

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

Простейшее решение: берёте стандартную сетку и растягиваете до 1920. Например, пусть стандартная сетка будет в 1200рх (столбец 60рх, отступ 40рх, отступ по краям экрана 20рх). Сохраняя отступы у нас получится столбец в 120рх: joxi.ru/vAWeZwauka9dem

Если вы на винде и нужно показать только скролл, то можно сделать два jpg: сайдбар и макет, залезть в простой онлайн wysiwyg конструктор прототипов и запилить в нём.

P. S. "Кинетический прототип" - классно звучит).

Любая программа/веб-сервис для работы с mindmap, самая популярная десктопная - XMind.

Если автор вопроса - дизайнер, то надо знать основы css, чтобы понять в фотошопе как и откуда должна будет масштабироваться картинка для адекватного отображения на разных экранах. Ну и порисовать разные варианты с ней: делаете картинку смарт-объектом, рисуете несколько шапок разных размеров и смотрите как она себя ведёт. Но это если вы умница и молодец, обычно все забивают. И это плохо если хочешь работать на более высоком уровне чем "все" и зарабатывать больше них.

Бесплатный фотосток: pixabay.com Единственный более мене адекватный из бесплатных. В отличии от остальных на нём действительно находил неплохие изображения в поиске. На других сайтах поиск не давал результатов.

Иконки: www.flaticon.com iconmonstr.com/popular www.endlessicons.com Это глифы, то есть, иконки без стилизации (силуэты или контуры), они и используются на большинстве сайтов. можно качать сразу в векторе, можно в PNG.