Как разработать веб-сайт для не-дизайнера, который в полной мере использует JQuery на клиенте?

Question

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

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

В поисках некоторых практических рекомендаций, примеров, шагов и т. Д. Я могу заняться разработкой веб-сайтов с нуля, а затем правильно «разрезать», чтобы в полной мере воспользоваться CSS и многими другими вкусностями Javascript (используя каркас как JQuery, mootools и т. д.), насколько это возможно. Несколько других вопросов:

1. Что, если какие-то готовые шаблоны (стартеры) используются людьми, которые могут устранить избыточное кодирование?

2. Что если по умолчанию используются какие-либо исходные таблицы стилей CSS?

3. Является ли Photoshop выбором дизайнеров пользовательского интерфейса? Если да, то с каких настроек мне начать макетировать мой сайт? И ... каков наилучший способ упорядочить ситуацию, чтобы в полной мере использовать преимущества таких платформ CSS и Javascript, как JQuery?

Спасибо - РГ

Answer 1

Как отдельная армия, я могу понять ваше разочарование. К счастью для меня, я начал больше как дизайнер, а затем стал разработчиком. У меня не более 10 лет опыта в дизайне и около 7 лет опыта в разработке. Вот несколько советов.

Познакомьтесь с хорошим CSS Framework. Не зацикливайтесь на графическом превосходстве в начале. Я бы предложил 960 Grid System . Это позволит вам быстро разметить всю страницу без особых усилий и очень простой разметки. Экспериментируйте с несколькими различными макетами. Вы можете посетить веб-сайт Framework для получения информации или посмотреть короткое демонстрационное видео , чтобы ознакомиться с ним. Этот фреймворк поставляется с CSS Reset Эрика Мейера - используйте его!

Следующий шаг для меня - подключить мой макет к проекту MVC. Как только я это сделаю, я подключу jQuery через ссылку google-api и начну кодировать мои динамические поведения.

Answer 2

У меня похожие проблемы. Одна вещь, которую я всегда делаю, это покупает шаблон css в теме forrest или на одном из других сайтов шаблонов css. Их можно забрать всего за 10 долларов, и вы обычно можете найти хорошую схему, подходящую для желаемого внешнего вида. Это экономит мне бесчисленные часы и сотни человеческих затрат. Я не пытаюсь проектировать и вырезать в фотошопе, так как мне действительно не хватает навыков, чтобы он выглядел достаточно хорошо. Я принял это и mvoed дальше. Я могу добиться большего с помощью улучшенного пользовательского интерфейса через jQuery / ajax / services и т. Д.