Адаптивный эскиз веб-сайта и инструменты дизайна в 2017 году [закрыто]

Около 4 лет назад кто-то попросил сообщество предложить инструменты, которые они используют для создания макетов адаптивных веб-сайтов. Конечно, с тех пор времена изменились, и поэтому я снова поднимаю этот вопрос здесь, в 2017 году. На рынке появилось много новых инструментов, и я хотел бы снова услышать предложения по инструментам каждого из следующих типов:

1) ЛУЧШИЙ ИНСТРУМЕНТ ДЛЯ ДИЗАЙНА АДАПТИВНЫХ САЙТОВ. Какой инструмент для создания адаптивных веб-сайтов вам больше всего нравится?

2) САМАЯ БЫСТРАЯ ПРОГРАММА ДЛЯ СОЗДАНИЯ НОВОГО АДАПТИВНОГО САЙТА: За исключением онлайн-материалов типа Weebly, какая настольная программа вам нравится больше всего за то, что она БЫСТРО создает совершенно новый адаптивный веб-сайт с несколькими представлениями? Предположительно, у него будут шаблоны. Конечно, онлайн-инструмент также приемлем, если он позволяет независимый вывод HTML в обычную хостинговую компанию.

3) ОДИН ИНСТРУМЕНТ ОТ ЭСКИЗА ДО ОКОНЧАТЕЛЬНОГО ДИЗАЙНА: Можете ли вы предложить инструмент, который позволяет перейти от каркаса к окончательному дизайну в одной программе? Мне нужен инструмент, который позволит дизайнеру построить каркас на основе некоторых шаблонов, а затем перейти в том же инструменте к окончательному результату веб-дизайна (html и т. д.)? Кажется такой тратой времени делать наброски в одной программе, а затем рисовать окончательный дизайн с нуля в другой программе. В идеале один инструмент должен быть в состоянии сказать: «Хорошо, вам нужна форма с 4 текстовыми полями, DDL и кнопкой отправки, поэтому я начну с этого в окончательном режиме дизайна».

4) ИНСТРУМЕНТ ДЛЯ КОМАНД С РАЗРАБОТЧИКАМИ. Какой инструмент адаптивного дизайна веб-сайтов вы могли бы предложить, который помогает отслеживать страницы в процессе разработки, финальные страницы, добавлять комментарии для разработчиков, а затем позволяет разработчикам брать только завершенные страницы для последующей интеграции в веб-сайты, управляемые базами данных? Без этого в инструменте людям приходится создавать различные сетевые папки для категорий, сбрасывать TXT-файлы для заметок разработчика и т. д., и в наши дни этого недостаточно.

5) ИНСТРУМЕНТ С ПОДПИСЧИКОМ / ВНЕШНИМИ ШАБЛОНАМИ: Большинство инструментов с шаблонами / готовыми представлениями предназначены только для создания интерфейсных веб-сайтов. Но на самом деле дизайнеры должны создавать страницы входа и иметь меню для участников, клиентов, подписчиков и т. д. Какую программу вы бы предложили, которая имеет готовые представления для этого типа «полного» веб-сайта, а не только для простого общедоступного трехстраничного веб-сайта?

Спасибо!

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

Ответы (1)

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

2) Я не могу говорить об этом, так как я не использую инструменты для этого шага. Я бы порекомендовал CSS-фреймворк, такой как Bootstrap, Foundation или Semantic UI.

3) Я бы посоветовал снова использовать Sketch. Если вам нужно включить функциональность в эти провода или макеты, UX Pin — отличный инструмент. Это также позволяет вам отображать адаптивные экраны (но без какого-либо перехода для фактической адаптивной анимации, которую вы ожидаете увидеть).

4 Я не уверен, что вы найдете все эти опции в одном приложении. Обычно вам нужно проработать рабочий процесс в нескольких приложениях, но вы можете получить большую часть того, что ищете, в этих приложениях: UX Pin, Invision, Zeplin в меньшей степени.

5) Тут я не уверен. Возможно, вы ищете такой сервис, как Wix. Похоже, вы хотите сделать много тяжелой работы, не имея квалифицированных разработчиков и дизайнеров. Вы можете проверить Wix или, возможно, перейти на Wordpress или Drupal. вы можете найти множество шаблонов и даже плагинов, которые обеспечат вам легкий доступ и вывод этих типов экранов/функций.

Спасибо за ответ. Для пояснения: я определенно не ищу такой сервис, как Wix, и я много работаю с дизайнерами и разработчиками. Мне просто не нравится, что рабочий процесс, используемый большинством в наши дни, является громоздким и старомодным. Я думаю, что это могло бы быть намного лучше, и поэтому я разместил здесь, чтобы запросить идеи для некоторых современных приложений и инструментов. Спасибо.