Использование каркасов для проектирования пользовательского интерфейса и развития фронтального

Question

я создал этот каркасный/эскиз, чтобы дизайнер пользовательского интерфейса привести его к жизни, однако у меня есть несколько вопросов о каркасном и сетки системы:

Ссылка: http://postimg.org/image/npt5zlvu7/

1) Могу ли я подойти к дизайнеру пользовательского интерфейса с каркасом/эскизом выше?

2) Во время дизайна пользовательского интерфейса (чувствуйте и смотрите), следует ли обратить внимание на систему жидкой сетки или она имеет значение только во время разработки?

3) Было бы более последовательным, если бы мой дизайнер пользовательского интерфейса был интерфейсным разработчиком или не обязательно?

4) В чем проблема, которую я должен иметь между каркасом -> Дизайн пользовательского интерфейса -> разработка интерфейса?

спасибо.

Answer 1

Это действительно зависит от того, чего вы хотите достичь. Вам нужен отзывчивый веб-сайт? Вы хотите охватить мобильные устройства?

1) Могу ли я подойти к дизайнеру пользовательского интерфейса с каркасом/эскизом выше?

Да, почему бы и нет. Он содержит все элементы. То есть содержание

инвентарь

2) При проектировании пользовательского интерфейса (чувствовать себя и выглядеть), мы должны обратить внимание на подвесную систему жидкости, или это относится только во время разработки?

Я не уверен, что вы подразумеваете под Дизайн пользовательского интерфейса. Если это то, что вы делаете в Photoshop, то да. Ваш дизайн будет позже нарезан html и css, и да, вы должны подумать об этом процессе, прежде чем что-то разработать. Многие вещи не совсем подходят для простого и эффективного html/css. С другой стороны, их очень легко сделать в Photoshop.

3) Было бы более последовательным, если бы мой дизайнер пользовательского интерфейса был главным разработчиком также или не обязательно?

Определенно да. Как я уже сказал, я считаю, что если вы создадите веб-сайты/приложения, ваш дизайнер должен быть веб-дизайнером . Не только дизайнер. Итак, он знает о html и css. Как они работают, что возможно, а что нет.

4) В чем проблема, которую я должен иметь между каркасом -> UI design -> front-end development?

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

Answer 2

1) Да, особенно для того, что вы называете «эскизом». Обратите внимание, что термины «эскиз» и «каркас» означают разные вещи для разных людей. Обе диаграммы полезны, но эскиз более полезен.

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

3) Нужно, чтобы разработчик пользовательского интерфейса был вашим разработчиком интерфейса. Различные навыки.

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

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