Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1337 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Aide design site Architecture

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

Aide design site Architecture

n°1110706
nico2302
Posté le 01-08-2010 à 21:29:41  profilanswer
 

Bonjour à tous,  
 
je viens de finir mes 3 premières années d'archi, et je voudrais créer un site web dans lequel je placerais mes projets, mes travaux ...
Je cherche donc ici de l'aide pour le design de celui-ci. Je cherche quelque-chose d'assez sobre et épuré, mais dans un style archi.
J'avais déja réaliser un site il y a environ 6 mois dont je ne suis pas vraiment satisfait.
Voici le liens pour que vous puissiez voir +/- la structure du site:
http://horta.ulb.ac.be/studentpubl [...] /bac2.html
 
Je cherche donc a changer complètement de style dans des ton plus gris / bleu plus lumineux et moins "sinistre"
voici un exemple que j'ai pas mal apprécié:


Je ne sais pas du tout par où commencer, je suis un peu perdu.
Je vous remercie d'avance pour votre aide.
 
PS: je suis un peu dans la merde, car j'en aurais besoin très vite pour postuler pour des stages...

mood
Publicité
Posté le 01-08-2010 à 21:29:41  profilanswer
 

n°1110737
nico2302
Posté le 02-08-2010 à 13:34:08  profilanswer
 

est-ce que quelqu'un pourrait m'aider, parce qu'il me reste environ 1 semaine pour terminer mon site web. Sinon je suis  vraiment dans la m**** :(
Donc si vous avez des idées de design ou quoi que ce soit qui pourrait m'aider, je vous écoute.

n°1110777
wizopunker
FUCK ANARCHY!
Posté le 02-08-2010 à 18:09:35  profilanswer
 

bin dur à dire, mais moi je trouve ça super chargé en tout cas en l'état. Mais sinon c'est pas forcément dégeu, même si je trouve ça très corporate (c'est voulu?)

 

EDIT: j'avais mal suivit, c'est pas de toi :D
bin franchement, désolé mais je peux pas t'aider, on va pas faire la recherche de ref pour toi :)


Message édité par wizopunker le 02-08-2010 à 18:10:35

---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°1110784
Skopos
Posté le 02-08-2010 à 21:34:24  profilanswer
 

nico2302 a écrit :

est-ce que quelqu'un pourrait m'aider, parce qu'il me reste environ 1 semaine pour terminer mon site web. Sinon je suis  vraiment dans la m**** :(
Donc si vous avez des idées de design ou quoi que ce soit qui pourrait m'aider, je vous écoute.


Salut,
Tu t'y prends un peu trop tard :spamafote:
 
Le dernier site est assez récent si je me souviens bien en plus. Garde le en attendant, il est de facture honnete pour quelqu'un un archi je pense ;) (tu sera jugé sur tes créa d'archi pas sur ton site)

n°1110815
nico2302
Posté le 03-08-2010 à 10:08:43  profilanswer
 

Ce n'est pas dramatique si je n'ai pas terminer mon nouveau site web pour dans une semaine, mais comme cette semaine, je n'ai pas grand chose à faire, j'en profite pour commencer.
J'ai commencer à réaliser mon nouveau design sur PS.
 
Voici un aperçu:
http://img197.imageshack.us/img197/6199/designsiteweb.jpg
 
Le contenu serait placé dans le cadre rouge, alors que le reste serait fixe.
 
http://img52.imageshack.us/img52/5403/designsiteweb2.jpg
 
Je ne sais pas encore comment le mettre en oeuvre.
Je ne sais pas si je le réalise sous la forme d'une colonne centrée (comme la plupart des site web)
ou sous la forme d'un cadre fixe. Dans ce cas, le contenu serait placé dans le cadre rouge et défilerait.
Le mieux serait que l'image prennent 100 % de la largeur de l'écran, mais je ne sais pas si c'est possible.
Je ne sais pas si je suis bien clair...
 
Qu'en pensez vous?
 

n°1110816
wizopunker
FUCK ANARCHY!
Posté le 03-08-2010 à 10:11:23  profilanswer
 

dur de répondre vu qu'on sait pas où tu veux mettre du texte. Mais à priori ça semble faisable avec juste un fond et des div transparents dessus :D


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°1110818
nico2302
Posté le 03-08-2010 à 10:36:44  profilanswer
 

Ce qui a c'est que je ne sais pas si je fais un site sous la forme  
  - d'une colonne centrale (comme la plupart des site), mais dans ce cas, je ne sais pas comment faire pour continuer le fond plus bas
  - d'un cadre de ... px sur ... px centré au milieu de l'écran.
  - ou alors dire que la page prennent 100 % de la largeur. (dans ce cas, je ne sais pas du tout comment m'y prendre)

n°1110819
wizopunker
FUCK ANARCHY!
Posté le 03-08-2010 à 10:42:02  profilanswer
 

bin c'est à toi de voir.
Déjà pour les histoires de 100%, avec ce genre de visuels, ça me semble tendu :D
A mon sens, la colonne centrale à une forte connotation blog, et ça marche bien si le contenu est régulièrement mis à jour. Et le cadre centré, ça marche bien pour des sites qui n'ont pas trop de contenu (et où il n'y a donc pas beaucoup à scroller).
 
Après il faut voir :D


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°1110821
nico2302
Posté le 03-08-2010 à 10:54:45  profilanswer
 

Bon je vais laisser tomber l'histoire des 100 %
J'ai peur que je sois un peu à l'étroit avec un cadre centré au milieu de l'écran, mais dans le cas de la colonnes centrale, je ne sais pas trop comment faire pour continuer le design vers le bas ? (vu que le fond est une image difficile à répéter ou a continuer)
Tu as une idée?

n°1110864
tompouss
Petit chat
Posté le 03-08-2010 à 23:25:07  profilanswer
 

bah moi je préfère largement le premier, que je trouve nickel (à part le code  :whistle: )

mood
Publicité
Posté le 03-08-2010 à 23:25:07  profilanswer
 

n°1110873
nibooworld
N-architect
Posté le 04-08-2010 à 06:44:29  profilanswer
 

Salut Nico !
Je suis architecte et je viens de faire mon premier site web-portfolio.
Je l'ai fait en 6 jours seulement : 50h de travail environ ...
Bon il est simple, mais je pense assez efficace ...  
Tout est fait sous photoshop, puis exporter sous Dreamweaver ... un jeu d'enfant :)
 
http://www.n-architect.com/
 
Bon courage ! :)

n°1110879
wizopunker
FUCK ANARCHY!
Posté le 04-08-2010 à 09:40:29  profilanswer
 

il est juste imbitable au niveau du code :D


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°1110885
Profil sup​primé
Posté le 04-08-2010 à 12:37:37  answer
 

uais le copié/coller d'image ne fait pas un site internet désolé ^^

n°1110891
nico2302
Posté le 04-08-2010 à 13:01:22  profilanswer
 

Au lieu de faire des reproches inutiles, tu ne pourrais pas dire quelque chose de constructif ?  
 
Je ne suis pas infographiste et cherche donc de l'aide pour la réalisation de mon portfolio.


Message édité par nico2302 le 04-08-2010 à 13:02:25
n°1110914
nico2302
Posté le 04-08-2010 à 16:33:32  profilanswer
 

voici l'état d'avancement de mon portfolio :
Je n'ai pas encore placer le contenu, mais c'est pour ce faire une petite idée.
 
http://users5.nofeehost.com/nico2302/test/index.html
 
Qu'en pensez-vous?
Avez-vous des conseils ou des suggestions niveau organisation et design


Message édité par nico2302 le 06-08-2010 à 14:48:24
n°1111020
nico2302
Posté le 06-08-2010 à 14:48:37  profilanswer
 

up
 
Je l'ai encore un peu modifier (surtout au niveau du code)


Message édité par nico2302 le 06-08-2010 à 14:53:58
n°1111040
Skopos
Posté le 06-08-2010 à 22:27:18  profilanswer
 

vu que t'as posté un sujet identique sur la cat prog autant parler de code là-bas et concentrer ici les remarques/questions sur le design ;)

n°1111045
nico2302
Posté le 07-08-2010 à 00:37:37  profilanswer
 

c'est justement pour cela que je suis ici.
J'ai dit que j'ai changé le code, qui a donc influencé un peu le design.
Mais de toute  façon, je n'ai pas encore u de conseils ou d'opinions de la part de webdesigners.
 
Allez-y vous pouvez y allez, mais si c'est négatif

n°1111047
wizopunker
FUCK ANARCHY!
Posté le 07-08-2010 à 11:55:14  profilanswer
 

Bin la qualité des images est vraiment dégueu déjà, ça fait pas pro du tout, en terme de compression j'entends.
Ensuite j'aime bien le machin qui suit la sélection du menu, c'est pas mal du tout comme idée je trouve. Par contre les menus en eux-même, je les trouve un peu trop grossier aussi. Pareil pour les contours de tes div.

 

Et pour finir, je trouve ça super désagréable d'avoir deux barres de scroll (celle de la fenêtre, et celle de ton overflow). Je suis sur une résolution de 1280 x 800.

 

Et sur l'aspect visuel, le fond gris mériterait au moins un petit dégradé :D

Message cité 1 fois
Message édité par wizopunker le 07-08-2010 à 11:55:22

---------------
| .:: www.wizopunk-art.com - Développement web ::. |
n°1111052
Profil sup​primé
Posté le 07-08-2010 à 12:40:35  answer
 

Nico je ne parlais pas de toi, mais de nibooworld qui postait un "exemple" ( j'aurai du le quoté.. sry :) )
 
Sinon pour ton design, je trouve que l'ensemble est trop pale et mal organisé. Tu as voulu faire comme l'exemple "architecte exemple" qui est vraiment bon mais ce que tu as fait c'est un mélange de Grunge et de Grid, et ça choque.
 
Quand on fait un design en Grid il faut surtout utiliser son CSS pour la découpe, tien un générateur de template en grid: http://960.gs/
 
Par exemple le fond du contenu doit etre d'une couleur uni ou alors un dégradé leger
Mettre un batiments architectural en fond de ton nom/logo seulement  
Ta couleur dominante n'est pas bonne car trop pale peut etre choisir quelque chose de plus simple comme du blanc ou un blanc gris.


Message édité par Profil supprimé le 07-08-2010 à 13:14:53
n°1111057
nico2302
Posté le 07-08-2010 à 12:57:38  profilanswer
 

wizopunker a écrit :

Bin la qualité des images est vraiment dégueu déjà, ça fait pas pro du tout, en terme de compression j'entends.
Ensuite j'aime bien le machin qui suit la sélection du menu, c'est pas mal du tout comme idée je trouve. Par contre les menus en eux-même, je les trouve un peu trop grossier aussi. Pareil pour les contours de tes div.
 
Et pour finir, je trouve ça super désagréable d'avoir deux barres de scroll (celle de la fenêtre, et celle de ton overflow). Je suis sur une résolution de 1280 x 800.  
 
Et sur l'aspect visuel, le fond gris mériterait au moins un petit dégradé :D


 
Merci, au moins avec ça je vai pouvoir avancer.
 

  • les menus grossier: je cherche quelque chose de sobre donc je vais au moins essayer de changer la police et peut-être de mettre un gris à la place du noir
  • Pour les contour des div, c'est provisoire, je vais essayer de mettre un ombrage, mais bon, je ne voudrais pas non plus que le site devienne trop lourd.
  • Pour la double barre de scroll, peut-être que le cadre fixe de 1000 px de large sur +/- 680px de haut est trop grand. C'est parce que je travaille sur une résolution de 1980*1200, donc sur mon écran, cela parait petit. Quelle résolution devrais-je adopter pour un cadre fixe. Cela pourrait également résoudre le problème de qualité d'image?
  • Pour le dégradé du fond gris, je vais tester.


n°1111060
Profil sup​primé
Posté le 07-08-2010 à 13:20:04  answer
 

Pour un cadre fixe, tu peux utiliser des % au lieu des pixels pour la taille de ta hauteur et largeur. (à tester)

n°1111062
nico2302
Posté le 07-08-2010 à 13:26:21  profilanswer
 

Citation :

trop pale et mal organisé:


Pour le moment, il n'y a encore aucun contenu, et je voudrais que le reste du site soit sobre.
Et pourquoi dis tu que c'est mal organisé?
 

Citation :

fond du contenu doit être d'une couleur unie ou un dégradé léger:


est-ce que tu as un exemple, parce que pour le moment le site est vide, donc le fond ressort beaucoup, mais quand je l'aurai rempli, je ne suis pas sur que le fond ressorte tant.
En gros, je devrai inverer et mettre une image derrière mon "logo" et le reste uni ou dégradé?
 

Citation :

Ta couleur dominante n'est pas bonne car trop pale peut etre choisir quelque chose de plus simple comme du blanc ou un blanc gris.


Je suis daltonien, donc les couleurs je ne gère pas trop :) Mais j'ai essayer de faire quelque chose dans les ton gris.
 
_________________________________________________________________
 
Donc, si je récapitule

  • image de mauvaise qualité.
  • Ne pas mettre d'image en fond de contenu
  • Le gris de fond devrait avoir un petit dégradé
  • Menu grossier
  • encadrement de div
  • 1000px/680px => résolution trop grande pour certain écran / essaer d'utiliser des % (je risque vraiment de galérer avec ça)


J'ai du boulot alors :D


Message édité par nico2302 le 07-08-2010 à 13:34:57
n°1111063
nico2302
Posté le 07-08-2010 à 13:43:34  profilanswer
 


Ha oui encore un truc, est-ce que vous connaissez des exemple de site ou d'images... desquelles je pourrais m'inspirer. Parce que j'ai pas mal  chercher, et je suis un peu perdu. par exemple si vous connaissez de chouette site aussi avec un cadre fixe, ou un dans le même genre ou dans les même ton.


Message édité par nico2302 le 07-08-2010 à 13:44:04
n°1111064
Profil sup​primé
Posté le 07-08-2010 à 14:06:02  answer
 

c'est dangereux ça, un architecte daltonien ? (joke^^)
 
Sinon une petite liste de magnifiques sites d'agences d'architecture ou d'architecte, ça peut te donner un peu d'inspiration:
 
http://www.zoomstudio.org/
http://www.dcpparquitectos.com/
http://work.ac/
http://www.snoarc.no/#/main/
http://wonder-wall.com/#project/en
http://www.maddoxassociates.co.uk/
http://www.mac-interactive.com/#
http://xtenarchitecture.com/
 
 
tout à l'heure je t'envoi une image avec les corrections que je verrai, ce qui ne veut pas dire que c'est comme cela que tu dois faire.. mais juste une idée d'orientation ;)

n°1111081
nico2302
Posté le 07-08-2010 à 19:25:47  profilanswer
 

ça c'est vraiment sympa merci beaucoup :)

n°1111094
Profil sup​primé
Posté le 08-08-2010 à 14:38:01  answer
 

par ici: http://img594.imageshack.us/img594 [...] tecte4.jpg
 
C'est un peu plus sombre que ce que tu as fait, mais ça joue sur le clair-obscur :)
Ca reste trés minimaliste comme la plupart des sites d'architecte.


Message édité par Profil supprimé le 08-08-2010 à 14:39:13
n°1111096
nico2302
Posté le 08-08-2010 à 14:45:03  profilanswer
 

c'est vraiment sympa merci :) c'est pas mal ton idée de jouer sur mes clair obscur
est-ce que tu pourrait me passer le lien de l'image de fond s'il te plait?

n°1111097
Profil sup​primé
Posté le 08-08-2010 à 14:56:39  answer
 
n°1111098
nico2302
Posté le 08-08-2010 à 15:01:19  profilanswer
 

merci :) je vais essayer de faire quelque chose de bien alors.
Est-ce que tu crois que je dois laisser tomber l'idée de la grande barre verticale qui se déplace avec le menu?

n°1111100
Profil sup​primé
Posté le 08-08-2010 à 15:21:47  answer
 

Si t'as du mal avec le graphisme j'ai peur que cela ne rende bien pas visuellement. Le mieux est de faire au plus simple et mettre en avant tes projets et compétences :)
 
Après si tu te sens de le faire avec un bandeau vertical animé qui bouge en fonction du menu alors fonce, faut voir le rendu final ^^

n°1111101
nico2302
Posté le 08-08-2010 à 15:42:31  profilanswer
 

En fait ce qui est dur avec ce bandeau c'est d'articuler le contenu autour.
je vai faire des test.


Message édité par nico2302 le 08-08-2010 à 18:30:24
n°1111114
nico2302
Posté le 08-08-2010 à 19:11:21  profilanswer
 

Voila, j'ai un peu continuer dans le style que aMonsterAndGirls proposait.
Finalement, j'ai préféré mettre un fond uni derrière le contenu, c'est plus clair
http://img199.imageshack.us/img199/7345/testws.jpg
Qu'en pensez vous? Que reste t-il comme problèmes?


Message édité par nico2302 le 08-08-2010 à 21:29:21
n°1111125
nico2302
Posté le 08-08-2010 à 21:07:48  profilanswer
 

Voici le dernier design.
Allez-y vous pouvez critiquer :) J'espère que j'arrive à quelque chose d'acceptable maintenant.

 

http://users5.nofeehost.com/nico2302/test2/index.html


Message édité par nico2302 le 08-08-2010 à 21:30:06
n°1111315
nico2302
Posté le 11-08-2010 à 14:19:06  profilanswer
 

bon voila, ou j'en suis.
Finalement, j'ai retirer l'image de fond qui faisait "concurrence" avec mes projet. Le site devenait un peut trop chargé.
Pour le moment, je le trouve trop peu contrasté.
 
Je voulais savoir ce que vous en pensiez?
http://users5.nofeehost.com/nico2302/test3/index.html

n°1111316
abais
Posté le 11-08-2010 à 14:28:24  profilanswer
 

Re :)
 
Bah, maintenant que tu connais un peu JS/Jquery, pourquoi pas intégrer les sous menu dans ton rectangle flottant...
Sinon, tu peux mettre un background semi transparent à ce rectangle, et donc le mettre au premier plan...


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1111317
abais
Posté le 11-08-2010 à 14:31:22  profilanswer
 

Oula, ton JS est un gros bordel, tu t'es pris la tete pour rien !!!


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1111321
nico2302
Posté le 11-08-2010 à 14:48:28  profilanswer
 

tu parle du code ou de l'effet rendu?

n°1111323
abais
Posté le 11-08-2010 à 15:12:30  profilanswer
 

du code...
L'effet est chouette, mais le code n'est pas du tout optimisé... Ça ne te gêne surement pas vu qu'il est fonctionnel, mais tu pouvais le simplifier grandement... On appel ça la factorisation du code...
Plutot que de faire 5 fonctions retournant la meme action à 5 élément différents, on va en faire qu'une...
Pourquoi tu as lacher le .JS que je t'avais fais pour le déplacement du rectangle ?


---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
n°1111324
nico2302
Posté le 11-08-2010 à 15:13:48  profilanswer
 

sinon, je viens de tester un truc dans ce style la:
nicolas gustin
j'ai pas changer encore le background du rectangle flottant.
J'ai essayer de metre un background qui ressemble plus à un motif ou une texture qu'une image.

 

Qu'en penses-tu?


Message édité par nico2302 le 01-09-2010 à 11:48:57
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Aide design site Architecture

 

Sujets relatifs
Recherche un site web japonais/chinois FlashBesoin d'aide pour particules, thinking particles ou autres méthodes
Recherche de partenaire pour création d'un siteCréation de mon site web: questions en vrac!!!!
Aide logoAide pour couche alpha qui n'apparaît pas
Besoin d'aide pour 3ds maxAvis général sur un site d’immobilier « Amateur ».
Votre avis sur le design d'un site de cuisine 
Plus de sujets relatifs à : Aide design site Architecture


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR