Comment concevoir un site Web pour le non-concepteur qui tire pleinement parti de JQuery sur le client?

Question

Je suis un développeur ... pas tellement "le" type de gourou de l'interface utilisateur. Je peux me débrouiller avec mes compétences de photoshop dans une certaine mesure mais souvent je me trouve sous-estimer mon temps ici et penser que je ne suis probablement pas aussi efficace que je pourrais être à cet égard.

Quoi qu'il en soit, je sais que je ne peux pas être le seul développeur sur la terre étant également chargé de la conception, si bien que ...

Vous cherchez des tutoriaux, des exemples, des étapes, etc ... Je peut prendre en charge la conception de sites Web à partir de zéro, puis correctement "découper" pour tirer pleinement parti de CSS et autant de goodies Javascript (en utilisant un cadre comme JQuery, mootools, etc ...) que possible. Quelques autres questions:

1. si les modèles pré-fabriqués (entrées) sont des gens à l'aide qui pourrait éliminer beaucoup de codage redondant?

2. Que se passe-t-il si des feuilles de style CSS initiales sont utilisées par défaut?

3. Photoshop est-il toujours le choix des concepteurs d'interface utilisateur? Si oui, quels paramètres devrais-je commencer à simuler mon site? Et ... quelle est la meilleure façon de couper les choses afin de profiter pleinement des frameworks CSS et Javascript comme JQuery?

Merci - wg

Answer 1

Comme une armée d'un homme moi-même, je peux comprendre votre frustration. Heureusement pour moi, j'ai commencé plus en tant que designer et ensuite je suis devenu développeur. Je n'ai pas plus d'une décennie d'expérience en design et environ 7 ans d'expérience en développement. Voici quelques conseils.

Familiarisez-vous avec un bon framework CSS. Ne vous concentrez pas trop sur l'excellence graphique au début. Je suggère le 960 Grid System. Il vous permettra de mettre en page rapidement une page entière avec très peu d'effort, et un balisage très simple. Expérimentez avec quelques dispositions différentes. Vous pouvez visiter le framework website pour plus d'informations, ou regarder ce court demonstration video pour se familiariser. Ce cadre est livré avec la réinitialisation CSS Eric Meyer - utilisez-le!

La prochaine étape pour moi est de brancher ma mise en page dans un projet MVC. Une fois que j'ai fait cela, je lie jQuery via the google-api's link, et commence à coder mes comportements dynamiques.

Answer 2

J'ai des problèmes similaires. Une chose que je fais toujours est d'acheter un modèle CSS de thème forrest ou l'un des autres sites de modèles CSS. Ils peuvent être ramassés pour aussi peu que 10 $ et vous pouvez normalement trouver un bon plan pour convenir à l'aspect désiré. Cela me permet d'économiser d'innombrables heures et des centaines de coûts d'heures de travail. Je n'essaie pas de concevoir et de découper dans photoshop car je n'ai vraiment pas assez de compétences pour le faire paraître assez bien. J'ai accepté cela et j'ai misé dessus. Je peux faire une plus grande différence avec l'interface utilisateur améliorée via jQuery/ajax/services, etc.