Aller au menu - Aller au contenu

Daily NewZ

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page 1  2  Suivante
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page 1  2  Suivante
Hors ligne Philias # Posté le 20/09/2006 à 03:31:46
Avatar



Après un essai infructueux et un autre en court de finition, j'ai commencé il y a quelques semaines (voire un mois et plus ? je ne sais plus trop) un nouveau design.
J'ai souhaité attendre d'avoir quelque chose de potentiellement présentable avant de le présenter.

Le Daily NewZ me vient donc d'un rapprochement entre le Site du Zér0 et les brèves que l'on peut remarquer dans le journal du même homonyme.

Cette nouvelle présentation est axé contenu, ce qui fait que le menu et la speedbarre doivent prendre le moins de place possible pour une lecture facile.
Mais j'essaierai de ne pas rendre aussi austère que ça le paraissait, surtout à ses tout débuts.

Ce qui a été le plus difficile, c'était de choisir de faire non pas un mais 2 design : le premier, celui que l'on peut voir sous les navigateurs les plus récents, et le deuxième sous les navigateurs un peu plus retardés (sur le plan temporel entendons-nous).

Le fond est texture journal et le texte est gris presque noir. Les différentes zremarques ont un fond pâlot coloré de même façon que le l'image informative.

Les citations sont faites d'une ligne grise à gauche de celles-ci, qui s'épaissit à la hauteur du mot clef Citation.

Le menu, la speedbarre et la publicité tiennent en position fixe au haut de la page, et le menu s'ouvre sur deux niveaux lors du passage de la souris.

Attention : La plupart des images ne sont pas modifiées encore, et ça sera la prochaine grosse étape.
Édité le 29/11/2008 à 01:14:09 par Philias
Hors ligne janulrich00001 # Posté le 20/09/2006 à 11:51:39
Hotel Echo Lima Lima Oscar
Avatar

Ville : Neuchâtel
Pays : Suisse

Salut! L'idée de design est bonne. En tous cas les menus. Ca change. Celui de droite est bien...par contre celui à gauche est difficilement naviguable.
Et pour les couleurs à peine trop gris.

Sinon déjà un grand bravo pour ce que tu as fait.

Bonne chance pour la suite

Mon tuto => la reconnaissance vocale dans son application!
À l'armée toute la semaine, disponible seulement le week-end... :(
 
Hors ligne Green # Posté le 20/09/2006 à 12:02:16
IRON what ?
Avatar

salut,

J' aime aussi bien ton idée, mais je ne pense pas que les couleurs sont adapter ensemble.Tu devrais, faire un thème vieux journaux.Avec écriture des années 1800.Viellir ton design.La sa serais cool.Mais c' est un bon début lol

@+

Image utilisateur






 
Hors ligne Torajio Bangani # Posté le 20/09/2006 à 12:50:15
Moi moi moi. Moooowaaaah...
Avatar
Flux RSS

Ville : Thionville
Pays : France métropolitaine

Pas mal :)

Mais je suis d'accord avec bmatthieu3. Ce serai plus "stylé" si ça ressemblait à un vieux journal :D

Image utilisateur



1. Genèse.
2. Le webmaster.
3. Un libriste né


4. Modeleur et infographiste.
5. Postes vacants.
6. Renaissance.
 
Hors ligne Ssx3max # Posté le 20/09/2006 à 13:19:18
Avatar

Ville : Locmiquélic
Pays : France métropolitaine

menu difficilement naviguable a gauche et couleurs bof sont les seuls défault :)

Sinon, certains texte se voit pas, comme ici : http://philias.mastaweb.com/sdz3/connexion.html

Le connectez vous en gris sur fond gris, ca le fait pas ;)

Image utilisateur

Follow me on Twitter
“Linux is only free if your time is worthless.” (Linus Torvalds)
 
Hors ligne azerty9 # Posté le 20/09/2006 à 15:37:10
Newbie de profession
Avatar

C'est bien mais ca serait avec un style de vieux journal de la fin du 19eme, début 20eme.

Par contre je trouve que les nexs ne sont pas assez bien séparés

"L'information n'est pas la connaissance. La connaissance n'est pas la sagesse. La sagesse n'est pas la vérité. La vérité n'est pas la beauté. La beauté n'est pas l'amour. L'amour n'est pas la musique. La musique est la meilleure des choses.", Frank Zappa
 
Hors ligne Hiashi Hyuuga # Posté le 20/09/2006 à 15:39:37
Avatar

je pense que stile journal serait mieux et je trouve que les menus sont pas pratique et que les news sont pas assez bien séparé

Image utilisateur
Image utilisateur
 
Hors ligne minimann # Posté le 20/09/2006 à 18:19:43
L'eau ça mouille
Avatar

Ville : St-aubin
Pays : Suisse
études : Ecole des métiers de Fribourg

J'aime pas trop... C'est trop clair on voit pas vraiment la séparation entre les différentes choses...

Regardez ma biographie avec les belles perles des zéros ^^
Je recommence ces perles après un moment d'absence.. Allez voir ;)
Citation : Che Guevara
Hasta la victoria siempre



 
Hors ligne Philias # Posté le 21/09/2006 à 02:28:36
Avatar

Ok, j'essairai d'appliquer ce que vous dîtes pour l'instant

Pour le Connectez-vous, en effet, ce n'est pas sensé, j'ai remarqué juste avant de me coucher hier. Je réparerai dès que possible.

Je noircirai sensiblement la teinte des lettres, mais je ne connais pas à ce jour de meilleure polices que Times ou Arial pour l'effet journal.

Je pourrais ajouter un effet chez les plus jeunes navigateurs où l'effet journal serait rehaussé par des plis ou du jaunissement épart.

Pour le menu, je ne sais pas comment rendre plus pratique. Peut-être qu'en mettant le sous menu à droite des titres ? Je verrai.

Pour le reste, je ne suis pas sûr du comment faire ressembler à un vieux journal ^^ Je ferai le tour des vieilles gazettes.

Merci :)
 
Hors ligne Green # Posté le 21/09/2006 à 17:31:33
IRON what ?
Avatar

Ok tu nous tiendras au courant ok?

Pour la police, je pense que Old English serait pas mal non?

Image utilisateur






 
Hors ligne cmoiromain # Posté le 22/09/2006 à 23:19:55
BG par exelence
Avatar

Ville : Fourqueux
Pays : France métropolitaine

c'est vrai que ça ressemble à un journal. l'idée du menu est super je trouve, mais dans celui de gauche il faudrait mieux séparer les "morceaux" qui se superposent, car c'est un peu fouillis (par exemple mettre un gris plus foncé)
Hors ligne Philias # Posté le 23/09/2006 à 20:55:20
Avatar

* Texte plus foncé
* Times plutôt que Arial
* Titres en Lucida BlackLetter, avec la première lettre en Old English
* Première lettres de chaque news en Old English, 2 em
* La speedbarre est maintenant en onglets séparés
* Le menu est, fermé, de la grandeur d'un icône, et ouvert, semblable à sa forme sur Internet Explorer.
 
Hors ligne Hiashi Hyuuga # Posté le 23/09/2006 à 22:53:03
Avatar

es-tu sur que tout le monde a la police du design dans les titres de news ?
sinon de mieux en mieux

Image utilisateur
Image utilisateur
 
Hors ligne Philias # Posté le 24/09/2006 à 07:18:49
Avatar

Je le suis un peu plus qu'avant :), j'ai mis plus de choix dans le style. Cependant il faudra que je m'informe sur les polices de base de Windows, Apple et Linux.
De nouvelles images :
* Menu terminé
* Moitié speedbarre
* Quelques options
* Citer / Éditer / Supprimer
Le texte du corps est plus gros (1em plutôt que l'étrange 0.8em qui s'était perdu dans le design) et le livre d'or est sur 3 colonnes.
Édité le 24/09/2006 à 07:19:33 par Philias
 
Hors ligne p2s # Posté le 24/09/2006 à 21:27:29
(tation)^6
Avatar
Flux RSS

Ville : Lille
Pays : France métropolitaine
études : Polytech'Lille

tres jolie ton design, innovant,
je ne vois rien a dire opur le moment, peut etre pour le menu, le "bouton" est peut etre un peut trop petit...
bon courage pour le finir ;)

Merci!
HP pavilion DV9505, Kubuntu 4.2 jaunty / Vista
Site IMA
 
Hors ligne Nivl # Posté le 25/09/2006 à 00:07:32
4 8 15 16 23 42
Avatar

J'aime beaucoup l'idée, mais il y a quelques problèmes:

1_ Je trouve que dans les news c'est un peut le bordel pour si retrouver :)
2_ Le menu de gauche n'est pas très pratique, et il se ferme/s'ouvre souvent tout seul
3_ La pub google qui suis l'écran gene la lecture.
4_ ça serait pas mal je trouve de centrer le header et le footer
5_ Les images "new", "old", "fermer" etc... ne collent pas bien avec les couleurs du design
6_ ça serait bien de mettre une barre au dessus de "x visiteur sur ce sujet (x membre et x anonymes)"

C'est bien que t'ais penser à mettre une couleur au input, car avec mon thème de bureau, la couleur de fond par défaut est gris très foncé et le texte gris très claire, et ça fait bien laid sur les designs. que la c'est nikel :)
Hors ligne Philias # Posté le 25/09/2006 à 03:06:15
Avatar

Merci pour les commentaires :)
C'est bizarre, le bouton ne me semble pas petit... Si tu envoyais une image ?
--
J'essairai d'améliorer le border des news ;)

Les problèmes avec le menu et la pub google viennent du fait que la pub ne doit pas être cachée d'une quelconque manière (par exemple avec visibility:hidden;). Je suis donc obligé de la faire apparaître à l'extérieur du menu qui lui est "caché".
Ainsi, quand on passe par dessus la pub google, puisqu'elle fait partie du menu, fait apparaître le menu.

Va pour le centrage du header/footer :)
Pour New, Old et autres, c'est pas sensé être là : j'ai basé Daily NewZ sur le design Console, donc plusieurs images ne sont pas encore à jour.

Parlant d'images, j'ai terminé la speedbarre et le menu, et j'ai mis quelques images textuelles (Nouveau, Fermé, Commenter) en une genre d'estampe... On verra ce que ça donnera.

Pour ce qui est du input, je dois t'avouer que j'ai pas trop compris ^^'' Si tu montrais une impression d'écran ça irait mieux :)
 
Hors ligne Nivl # Posté le 25/09/2006 à 18:05:13
4 8 15 16 23 42
Avatar

Citation : Philias
Pour ce qui est du input, je dois t'avouer que j'ai pas trop compris ^^'' Si tu montrais une impression d'écran ça irait mieux :)


Sous Zmotion par exemple, il à pas penser à mettre de couleur au input, et donc je me retrouve avec ça: http://www.siteduzero.com/uploads/fr/files/39001_40000/39638.jpg ( pareil dans toutes les zone de texte sauf la textarea du forum ) Donc c'est bien que t'y ait pensé :)
Hors ligne Philias # Posté le 28/10/2006 à 20:56:40
Avatar

Après plus d'un mois, update !
  • Zbulles au format de boîte et non plus de fond coloréLes ZBulles d'informations sont maintenant sous formes de boîtes creuse au lieu d'un fond de la couleur du texte en plus pâle.
  • Ajout de la page Ajout d'un message personnel
  • Retour aux anciens signes pour l'édition des messages.
  • Image utilisateur Pour hors ligne et Image utilisateur pour en ligne.
Édité le 29/11/2006 à 00:08:29 par Philias
Hors ligne Philias # Posté le 29/11/2006 à 00:49:31
Avatar

Un mois et un jour plus tard, update !
  • Le menu prend maintenant toute la longueur du côté gauche, mais apparaît toujours au passage de la souris
  • Pour les news, les Commentaires et l'Auteur sont situé à droite à la même auteur que le titre
D'autres viendront je l'espère bien assez tôt.

Pour les boutons-images je pensais utiliser la police Fashion victim [dafont.com]. Ceux-ci seront simplement noir sur transparent.
 
Hors ligne JALeX # Posté le 29/11/2006 à 13:18:05
Rho rho bong !
Avatar
Anciens

Ville : Paris
Pays : France métropolitaine
études : Ecole Centrale de Lyon

j'aime vraiment ton design, l'idée du menu qui se cache est excellente, ca permet d'avoir une page plus large!

Parcontre, faudrait voir pour mieux séparer les news :)


Sea, SDZ and fun :soleil: :ici - - Tuto - Détérage >_< - fun

 
Hors ligne Philias # Posté le 30/11/2006 à 05:34:18
Avatar

Merci du commentaire, j'ai encadré chaque newz. Espérons que cela sera suffisant.

  • Le design passe un peu mieux sous Internet Explorer 6 (menu gris à gauche, speedbarre comme Bluzaz mais à côté du menu). Faudra juste que j'arrange le fond "transparent" des png qui n'a apparemment pas fonctionné.
  • Bannière à gauche plutôt qu'au centre.
  • Puisque le menu s'ouvre complètement au passage de la souris (et non pas sous forme de petits menus comme avec Essential popups), je ne trouve pas nécessaire de mettre la publicité google à droite, ce qui encombre moins fortement la vue, et on peut toujours aussi bien le remarquer.
  • Les premières lettres ne "flottent" plus. Elles sont simplement plus grande et calligraphiées.
  • Plusieurs arrengements pour le forum (largeurs et textes) et les tutoriaux (marges, bordures et apparence)
Édité le 30/11/2006 à 05:35:13 par Philias
 
Hors ligne Philias # Posté le 01/12/2006 à 06:30:37
Avatar

Hop de la nouveauté en image :D
Les Images des Zbulles sont maintenant sous la police FashionVictim, avec laquelle j'ai aussi fait tous les textes en image - Tutos, News, Forum.

Le bas de page est maintenant gris et à droite.

Les titres des news sont maintenant noir sur gris (incluant commentaires et auteur).
 
Hors ligne JulesH. # Posté le 01/12/2006 à 07:10:49
Life's short, blow it up!
Avatar

J'ai l'impression que il faudrait quand-même mettre un peu d'espace a gauche et a droite, c'est gênant d'avoir tout étalé sur ta page, c'est trop large.....

VOili voilou..

Statut MSN=Image utilisateur

Et sinon, venez sur mon Chtit site :)
 
Hors ligne Philias # Posté le 11/12/2006 à 07:22:08
Avatar

Zozor d'apparence «Sherlock Holmes»

Nouveau Zozor ! (À améliorer évidemment) D'apparence Sherlock Holmes. L'image que vous voyez n'est évidemment pas au même rendu que sur la bannière.
Faîtes la comparaison avec l'Ancienne et dîtes m'en ce que vous en pensez.
Devrais-je continuer dans cette voie ?

Pour continuer les nouveautés :
  • Forums, administration, tableaux en zcode et messageries sous le même modèle que les news.

Je viens de remarquer, à l'aide de mon système de lecture du Site du zér0, que le les pages de membres (exemple, mon profil) ne sont pas changés. Je mettrai le même modèle que pour les news aux tableaux, et le reste sera corrigé un de ces temps.
 
Hors ligne Torajio Bangani # Posté le 11/12/2006 à 21:46:59
Moi moi moi. Moooowaaaah...
Avatar
Flux RSS

Ville : Thionville
Pays : France métropolitaine

Je l'aime bien ton zozor comme ça :p

Image utilisateur



1. Genèse.
2. Le webmaster.
3. Un libriste né


4. Modeleur et infographiste.
5. Postes vacants.
6. Renaissance.
 
Hors ligne MisterJ # Posté le 24/12/2006 à 06:59:04
Le pro de l'édition de post!
Avatar

Ville : Lévis
Pays : Canada

bien pensé
Hors ligne Philias # Posté le 05/07/2007 à 01:46:16
Avatar

Quelques temps plus tard ^^'

http://philias.mastaweb.com/design/dailynewz/

  • Blocs de citations, de code et de secret modifié pour faire des boîtes
  • Prise en compte des modules qui se trouvent maintenant sur la page d'accueil
 
Hors ligne @-DesiGn # Posté le 05/07/2007 à 15:35:04
Graphiste
Avatar

Je trouve ton design difficilement navigable, celà est un peu bizard, c'est mon avis
Édité le 05/07/2007 à 15:37:26 par @-DesiGn

Venez sur mon blog:

Blog de @-DesiGn

Work In Progress:

[WIP] Concept Mustang
[WIP] BMW M3 E92

Autre
 
Hors ligne Philias # Posté le 06/07/2007 à 03:23:06
Avatar

Qu'est-ce que tu n'apprécie pas, que tout soit caché sur les côtés? Pourrais-tu me préciser ce qui est bizarre?

C'est vrai qu'il peut y avoir des ralentissements. À moins que, encore pire, tu sois sur Explorer, où le design n'est pas exactement le même (pas de :hover sur autre chose que les liens) et qu'il est possible que j'aie laissé beaucoup d'erreurs.

J'apprécierais beaucoup que tu me fasses une impression d'écran pour que je puisse vérifier que le tout est au moins semblable à ce que je vois.
 

Retour au forum "Designs du Site du Zéro" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx