Общая сеть стили UI

Вы пробовали Axure ? Это инструмент для быстрого создания каркасов, прототипов и спецификаций для приложений и веб-сайтов.

Он работает аналогичным образом для Balsamiq, но он позволяет экспортировать ваши каркасы / прототип в виде HTML, CSS и JavaScript.

Затем вы можете загрузить это на сервер или запустить его на своем компьютере в качестве рабочего примера.

Вы можете создавать формы, ссылки, вкладки, ролики, эффекты JavaScript.

Существует несколько рамках, предназначенных для дизайна UI; qooxdoo , jQuery ui и Mochaui - это несколько из них (хотя последнее - это более доказательство концепции, чем используемая структура). Эти рамки обычно предлагают различные элементы с питанием от JS (элементы формы, такие как поля ввода и кнопки отправки, но и другие элементы, такие как вкладки). Тем не менее, он все равно будет до вас, чтобы расположить эти элементы и, возможно, стиль их, к вашему вкусу.

Возможно, ознакомиться с рамками CSS (например, 960GS ), может дополнить вышеуказанные рамки JS UI.

(как личный отказ от ответственности; у меня очень мало опыта с любой из рамок, упомянутых выше. Но я уверен, что Google или так может предоставить ответы, которые я не могу.)

Habanero - это рамка в разработке, которая реализует принципы проектирования, ориентированные на домену, это отличный источник материала и сообщество с открытым исходным кодом, посвященным дизайну домена в .NET.

Вы можете использовать CORCET INSAGE PROQUES . Скорее всего, ваше ведро в нас.

Как насчет использования Dojo и Dijit ?

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

Хороший список разных виджетов здесь

Сочетание 960gs для макета и jQuery-UI для стилизации, вероятно, то, что вам нужно.

Вы также можете рассмотреть чертеж CSS вместо 960gs.

Сочетание 960гс для макета и инструментов jQuery-UI или Jquery отлично подходит. Я использую их почти в каждом проекте, но хотел бы добавить по адресу http://easyframework.com/. хотя он и не очень-то дружелюбен к бизнесу. удостовериться, что его лицензия но мне это нравится

Это не поможет вам для вашего текущего проекта, но оно того стоит рассмотреть для будущих проектов. Проведя много лет создания приложений GUI в HTML 4 и постоянно борется против ограничений CSS и HTML, я подумал, что попробую Adobe Flex. Какое улучшение!

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

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

• Суммируя вашу проблему, есть страница страницы википедии .
• Существует yaml-CSS , который принимает ямл и превращает его в CSS
• , есть базовый уровень , но предполагает некоторые знания CSS.
• Я также предложил смотреть Adobe's Dreamweaver . У них много инструментов генерации CSS и стиля, которые создают очень читаемый и совместимый W3C код.

Я надеюсь, что поможет.

Если вы уже используете бальзамические макеты для ваших прототипов, то вы должны рассмотреть Napkee . Чтобы процитировать веб-сайт «Napkee позволяет вам экспортировать макеты Balsamiq в HTML / CSS / JS и Adobe Flex 3 одним нажатием кнопки».

Ознакомьтесь с Google Web Toolkit . У него довольно чистый вид по умолчанию. У них есть примеров . В частности, их пример Showcase демонстрирует все доступные виджеты и стили CSS, используемые для достижения внешнего вида.

Подобные каркасные макеты - отличный способ начать.

Используя большинство обсуждаемых здесь фреймворков пользовательского интерфейса, я бы советовал направить вас к jQueryUi по следующим причинам:

1. CSS-фреймворк jQueryUI позаботится о согласованном и привлекательном на вид CSS для вас (это действительно просто - просто сделайте некоторую разметку и примените классы)

2. jQueryUI имеет tabcontrol и множество изящных быстрых и простых способов стилизации форм.

Может ли это быть потому, что это более агрессивно с вложением?

Другой способ добавления нового поля - это сделать это во время размещения формы

page = agent.post( url, {'auth_username'=>'myusername',   #existing field
                         'auth_password'=>'mypassword',   #existing field
                         'auth_login'=>'Login'})   #new field

В паре с тем, кто специализируется на дизайне пользовательского интерфейса.

Если вы лучше работаете с бизнес-логикой, ваше время лучше потратить исключительно на кодирование бизнес-логики, чтобы вы могли овладеть ею. Это потребует от вас научиться взаимодействовать с кем-то еще, кто превосходит на презентации. ( xml и json являются общими средствами)

Бизнес-логика и представление очень различны. Спроектировать систему, которая не только выглядит хорошо, но и интуитивно понятна и проста в использовании, довольно сложно. Столь же трудным и трудоемким, как и установление внутренней работы сложного приложения.

Хороший интерфейс не так прост, как включение css рамки.

Я считаю себя более «креативным» программистом, который преуспевает в представлении. Мне посчастливилось пересечь путь с тем, кто был, во-первых... очень мотивирован, и, во-вторых, очень хорош в «бизнес-логике». У него было гораздо больше опыта планирования и внедрения сложных систем, в то время как я в основном сосредоточился на дизайне интерфейсов.

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

Задача состоит в том, чтобы найти того, с кем вы хорошо работаете.

Вы можете просмотреть следующий сайт:

http://themeforest.net/category/site-templates/admin-skins

Здесь можно приобрести несколько тем «Административного», которые могут удовлетворить ваши потребности. .

Недавно я обнаружил хороший веб-сайт под названием iplotz.com, где вы можете создать макет своего приложения / веб-сайта / проекта в Интернете, ничего не устанавливая. Он также имеет большинство стандартных элементов управления, а также гораздо больше функций для управления всем проектом и обмена им с другими в Интернете.

Должен признать, я сам еще не пробовал, но немного посмотрел, и это кажется довольно крутым. Я, наверное, скоро им воспользуюсь.

Если вы нацеливаетесь на современные, не IE, браузеры, то вам следует обратить внимание на Sproutcore . Для макетов я использую mockingbird.