Хорошо продуманная структура графического интерфейса пользователя для веб-приложений?

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

Вопрос: Кто-нибудь знает о качественном фреймворке для проектирования интерфейса веб-приложений? Я думаю о стандартных фрагментах html для адекватного набора элементов управления (стандартные элементы управления html плюс, возможно, навигации, списки, формы) и таблиц стилей, чтобы придать ему приемлемый современный вид. Если бы такая вещь существовала, она могла бы даже поддерживать темы так, как это позволяют wordpress, drupal и т. д.

Я знаю yahoo yui, но это в основном javascript, хотя их CSS-сетка - это шаг в правильном направлении.

Что не так с решением "в основном на JavaScript"?

Chris MacDonald 21.10.2008 01:51

Это действительно старый вопрос, и я думаю, что правильный ответ изменился. Посмотрите ответ Галена Кинга.

ftrotter 06.12.2012 06:11

Я удивлен, что это еще не закрыло вопрос о фашистах, поскольку он «слишком субъективен», «слишком общий» или «слишком стар». Обычно самые лучшие, самые полезные вопросы, подобные этому, сразу же изнасиловываются модератором ... :)

user796820 22.01.2013 22:56
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
9
3
10 217
9
Перейти к ответу Данный вопрос помечен как решенный

Ответы 9

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

Есть также некоторые коммерческие предложения, такие как Липкие шаблоны.

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

Отредактировано для добавления: Вы также можете рассмотреть возможность изучения Чертеж CSS. Я обнаружил, что это помогает направлять мои макеты и помогает им выглядеть «правильно», не ограничивая меня макетом, созданным для другой цели.

Вы, вероятно, также найдете множество шаблонов Wordpress разумно полезными для развития, поскольку Wordpress, по крайней мере, разумно отделяет контент от макета. У них также есть тенденция к современному чувству блоггера. Конечно, по моему опыту, объединение с талантливым дизайнером - это идеальный вариант! :)

Попробуйте образцы на ExtJ. Я считаю их чрезвычайно полезными при разработке пользовательского интерфейса. (деревья, панели, модальные окна и т. д. и т. д.)

Спасибо, что указали на это! :)

avlnx 19.04.2012 16:50

Я предлагаю Google Web Toolkit, если вы разработчик Java. Примеры

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

Это будет больше, чем изначально планировалось использовать фреймворк, но я предлагаю взглянуть на Морфик.

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

пс. Отказ от ответственности: я работал на них.

Проверьте http://jacanasoftware.com. В их шаблонах есть многоуровневые вкладки, чистый CSS, он проверяет, и CSS не будет мешать вашим элементам управления. Я их очень рекомендую.

вы можете проверить этот молодой сайт, http://guitemplates.com/. Шаблоны довольно понятные и современные, и за 20 долларов каждый они не сломают ваш бюджет.

У нас была такая же проблема, поэтому мы решили ее сами. CSS UI (http://css-ui.com/), инфраструктура пользовательского интерфейса с открытым исходным кодом. Идея состоит в том, чтобы использовать предопределенные классы CSS для стилизации любого элемента.

Ответ принят как подходящий

Я понимаю, что это старая ветка, но она все еще занимает высокое место в поиске Google, поэтому стоит упомянуть, что Twitter недавно выпустил Twitter Bootstrap, «набор инструментов для запуска CSS для веб-сайтов, приложений и т. д.», Который выглядит фантастически! »https://github.com/twitter/bootstrap

Глядя на это в 2012 году, я думаю, что это действительно единственный правильный ответ для html 5 и т. д.

ftrotter 06.12.2012 06:10

Другие вопросы по теме