ASP.NET Design View - Moving Controls

Question

Я недавно решил создать веб-приложение для размещения некоторых алгоритмов - я обычно просто создаю их без особого внимания для пользовательского интерфейса. Однако на этот раз мне нужно глубоко погрузиться в интерфейс. Я знаком с bootstrap, css, asp.net и неплохо начал.

Мне очень сложно иметь дело с элементами управления asp.net в дизайне и иметь слишком много проблем, пытаясь достичь простых задач, таких как перемещение элементов управления в разные области веб-страницы. Когда у меня есть два текстовых поля, представление дизайна заставляет один поверх другого оставлять меня таким смущенным. Затем, когда я пытаюсь переместить мою кнопку бутстрапа, он произвольно создает абзацы и отказывается переместить кнопку!

Я ищу некоторые искренние искренние советы относительно того, как я буду иметь дело с дизайном на asp.net при перемещении элементов управления и в том, что лучшие методы. Также совет о том, как создать современный пользовательский интерфейс, лучшие методы (возможно, упоминания об загрузке) и т. Д.

Я создаю довольно простое приложение для отображения данных в asp.net (visual studio 2015) - (большая часть сложности алгоритма будет за кулисами и не имеет ничего общего с пользовательским интерфейсом). Всеобъемлющие и подробные рекомендации были бы очень оценены. В частности, современный удобный пользовательский интерфейс по отношению к сетям данных, текстовые поля для ввода пользователем (как параметры), выпадающие списки - вы знаете типичное приложение данных.

Я уверен, что это будет очень полезно для многих других!

Answer 1

Да, поскольку я веб-дизайнер, которому приходилось работать с asp.net в прошлом, я полностью чувствую вашу боль. Нелегко получить современный внешний вид в основном потому, что asp.net не является современным инструментом, и у него есть своя лексика.

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

http://www.design-experiments.com/ http://www.troyjnorris.com/shoppingcart/

Я обнаружил, что минималистский подход, как правило, приходит с лучшими результатами.

Хороший процесс для подражания: - Создайте то, что вы хотите построить. - Добавить контейнерные divs, чтобы упростить выбор элементов вокруг элементов управления. Это значительно улучшит вашу способность позиционировать элементы так, как вы хотите. - Используйте свой браузерный инспектор, чтобы определить имена автоматически созданных элементов, появляющиеся на экране. Получение хороших селекторов - это половина битвы в CSS. - Вытащите стиль, который вам не нравится. Стандартные таблицы стилей сброса здесь не будут. Вам придется создавать свои собственные, чтобы обнулить все элементы, которые вы хотите создать, чтобы не бороться с внешними элементами элементов управления. Опять же, вы должны сильно полагаться на своего инспектора в веб-браузере, чтобы узнать, какие стили все наследует. - Используйте шрифты Google, чтобы определить визуальный стиль страницы. - Придерживайтесь в основном черным или белым фоном. - Bootstrap полезен для чувствительной сетки, но не будет делать много хорошего, пытаясь стилизовать большинство элементов на странице, поскольку они не предназначены для этого. - Как вы могли заметить в приведенных выше примерах, визуальный интерес исходит от элементов, которые не связаны с структурой и ограничениями asp.net. Так что есть что-то подобное, даже фоновое изображение или паралакс, поэтому кажется, что что-то происходит на странице.

Надеюсь, что это поможет.