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

  FORUM HardWare.fr
  Graphisme
  Infographie 2D

  Besoin d'aide pour la typo d'un logo et flyer

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Besoin d'aide pour la typo d'un logo et flyer

n°1179134
senny
Posté le 08-12-2016 à 15:16:22  profilanswer
 

Bonjour à tous
 
Je vais bientôt créer mon entreprise de pâtisserie sur commande et je suis en pleine réflexion sur mes support de communication
 
Je viens demander votre aide car je galère à finaliser les supports de communication au niveau de la typo. J'ai toujours eu beaucoup de mal avec tout ce qui est écriture mais là j'arrive pas à m'en sortir. Je vous montre différentes versions de ce que j'ai fais :  
http://reho.st/medium/self/1c27e65ed9d0c093c656e9847f038ba3b6ab8392.png
http://reho.st/medium/self/67bcf2729182d282339d9da9e9a43237d09da9a0.png
http://reho.st/medium/self/9c4b569aec201e08e6bb1afab4166be4fcae7684.png
http://reho.st/medium/self/018efbaa197e6d174076cce5c708a17d5582b12b.jpg
http://reho.st/medium/self/d9256d223b800bb4cc09cc7bfc4edfce89bbbe55.png
 
Sachant que je souhaiterais garder le "B" et le "G" des deux dernières images car ça me plait bien.
 
J’espère que je suis dans la bonne section sinon n'hésiter pas à supprimer. Et merci d'avance a ceux prendrons le temps de m'aider :)
 


---------------
Les pages de mes petites douceurs : Bulles gourmandes Facebook,
mood
Publicité
Posté le 08-12-2016 à 15:16:22  profilanswer
 

n°1179135
genghis77
Graphiste
Posté le 08-12-2016 à 15:55:50  profilanswer
 

salut,
 
la typo... personnellement je dis non :/
 
sur le logo... a la rigueur... mais le reste ... le patisserie sur commande est illisible dans l'etat
 
le buche de noel 2016 j'en parle meme pas, j'ai d'abord pensé que c'etait ecrit 2012
 
donc pour le logo... eventuellement (et encore, j'accroche pas du tout l'esthétique des lettres) mais pour le reste de la comm reste plus conventionnel avec une belle typo baton type avant garde par ex


---------------
Genghis achat/vente
n°1179136
senny
Posté le 08-12-2016 à 16:05:37  profilanswer
 

Merci du retour, ben justement c'est exactement les typo que tu as citées qui me plaisent pas vraiment non plus et du coup je cherche une typo qui irait bien avec le "B" et le "g" de la dernière version du logo.  
 
Et même sur l'autre police du logo, je suis pas fermée non plus à la modification (le "ulle" et le "ourmande" ).  
Mais même quand c'était mon métier je galérais toujours à trouver des typos pour les identités visuelles que je faisaient. Je vais chercher du coté des typo bâton du coup :)


---------------
Les pages de mes petites douceurs : Bulles gourmandes Facebook,
n°1179138
genghis77
Graphiste
Posté le 08-12-2016 à 17:16:44  profilanswer
 

tu peux tester birds of paradise en manuscrite pas trop mal, par contre faudra peut etre que tu revois tes capitales car la typo est un peu grasse
 
http://reho.st/self/e3f0589bc0b767afbe4628fa102842b57ded552b.png


---------------
Genghis achat/vente
n°1179139
genghis77
Graphiste
Posté le 08-12-2016 à 17:17:13  profilanswer
 

l'avantage c'est tu peux utiliser cette typo pour tes titres car plus lisible


---------------
Genghis achat/vente
n°1179146
Harrybeau1
Verba volant, scripta manent
Posté le 09-12-2016 à 14:31:09  profilanswer
 

Salut les gens (coucou GG)
 
Je passais en coup de vent et je suis tombé par là :)
J'ai rapido posé deux ou trois trucs dans Illustrator.
 
La première bulle est toute en Zapfino.
Au milieu, les initiales B et G sont en Zapfino (variantes/glyphes) et le reste en Snell Roundhand regular.
Tout ce qui est en bas est composé en Snell Roundhand regular.
 
On peut travailler les bulles en jouant sur les teintes, les opacités…
 
Sinon l'ortho-typo pique les yeux (dommage si c'est déjà imprimé).
- composer : Bûches de Noël au lieu de ce qui existe,
- Je ne suis pas fan du tout des capitales abusives, mais il en faut sur les noms propres : Roberstau et non roberstau,
- pas de points dans les numéros de téléphone (voir bottin pour s'en convaincre),
- pâtisserie prend un accent circonflexe sur le "a".
 
Sinon évidemment je rejoins Genghis sur le 2012 au lieu du 2016. Les gens vont croire que c'est un vieux flyer…
Les scriptes sont tellement tarabiscotées que ça trompe à la lecture.
Éviter aussi les effets d'estampage, dégradés, ombres, on est encore en flat-design actuellement.
Je verrais bien une police bâton hyper light, voir thin, pour apporter de la finesse et de la légèreté. Voilou. :)
 
http://nsa38.casimages.com/img/2016/12/09/161209022536616659.png


Message édité par Harrybeau1 le 09-12-2016 à 14:50:04

---------------
Si vis pacem, para bellum
n°1179154
senny
Posté le 10-12-2016 à 12:04:59  profilanswer
 

Merci beaucoup pour les retours et d'avoir pris du temps
 
J'adore le mélange des deux typo Harrybeau1.  
Je sais que c'est encore la mode du flat design et c'est vrai que j'en est mis bcp des effets je pense que je vais en enlever un peu. Je te pique l'idée du jeu sur les bulles aussi mais parc ontre je pense conserver la base de mon logo du fond blanc et de la bulle/lune comme je l'appelle lol.
 
Merci encore pour les conseils :)


---------------
Les pages de mes petites douceurs : Bulles gourmandes Facebook,
n°1179164
senny
Posté le 10-12-2016 à 18:27:18  profilanswer
 

Désolé du double post mais du coup j'ai retravaillé mon logo et j'ai fait deux versions. Y a pas encore la bo,,e typo pour les majuscule vu qu'elle est payante.
 
http://reho.st/medium/self/9d09ccbad8e43213242c48694d2358660cff6e01.png
http://reho.st/medium/self/d45fa68e473ab9facf34b2e1a91dc44ef81dfc1c.png


---------------
Les pages de mes petites douceurs : Bulles gourmandes Facebook,
n°1179166
Chipo
Posté le 11-12-2016 à 11:26:01  profilanswer
 

Une très très nette préférence pour la version sur fond anthracite.
En fait le gros soucis du logo violet sur fond blanc est qu'il me fait tout de suite penser à une marque de produit de beauté, et ça ne me mets pas du tout, mais alors pas du tout en appétit.

n°1179184
senny
Posté le 12-12-2016 à 23:19:39  profilanswer
 

Du coup le logo donnerait ça :  
http://reho.st/medium/self/e9695ca65cf41ed581c1c4c8e376402e1e74adcf.png
 
et le sticker autocollant :
http://reho.st/medium/self/39550106f996b909fb0cdf044c96f8c476cd7174.jpg
 
Bon apparemment y a un problème de couleur sur le stickers j'ai du foirer le passage PNG/CMJN du logo. Je corrige ça plus tard mais au moins ça donne une idée :)


---------------
Les pages de mes petites douceurs : Bulles gourmandes Facebook,
mood
Publicité
Posté le 12-12-2016 à 23:19:39  profilanswer
 

n°1179290
Heeks
La lettre X
Posté le 21-12-2016 à 00:07:37  profilanswer
 

Petit up juste pour dire que ça fait un peu mickey mouse au niveau des bulles, tu devrais les positionner différemment à mon avis :jap:

 

et cette typo fait un peu plus moderne peut être (?) :

 

http://i.imgur.com/yP1ol3t.png

 

http://www.dafont.com/fr/birds-of- [...] Gourmandes

 

Edit : il prend pas un peu du bide le Stard du coup ?
:D


Message édité par Heeks le 21-12-2016 à 00:14:27

---------------
BnetUne impressionnante collection de héros réalisée en Lego
n°1179328
Sheeloo
Enfoirés de nihilistes !
Posté le 23-12-2016 à 19:49:47  profilanswer
 

Attention à ton B et ton G, l'inclinaison n'est pas la même que sur tes lettres, du coup ça ponce la rétine sur 3 millimètres jusqu'à la cornée (bordel mais d'où je sors ça ?)
Par contre je suis navré du côté un peu bourrin de ma réponse mais, je trouve que ce logo et sa police, ça fait très salon de coiffure girly...
 
Pourquoi pas ce genre de font : http://www.dafont.com/fr/amarillo. [...] Gourmandes (ok, gratuite pour un usage personnel mais un contact avec le créateur et ça devrait être possible).
C'est plus généreux dans le lettrage sans être impersonnel ni uniforme, ça sent la pâtisserie sympathique et le côté artisanal dynamique et engagé, ça sent la révolution et le mouvement qui va de l'avant, la descente dans les rues et l'anarchie, le changement dans notre société toute entière !
 
Voilà voilà... Je vais rejoindre mon médecin qui m'appelle, c'est l'heure du Bingo devant Derrick avec les collègues.


Message édité par Sheeloo le 23-12-2016 à 19:56:46
n°1179902
senny
Posté le 17-02-2017 à 13:49:29  profilanswer
 

J'aurais besoin d'avis car je douhaiterais faire faire mon site internet et mon blog associé par une boîte de com.
 
L'idée c’est d'avoir un site vitrine avec une page de présentation, une page tarifs, une page nouveautés actu, une galerie et peut être plus tard un module de commande en ligne. Et à coté de ça un blog plus "convivial" ou je mettrais des recettes, astuces, produits que j'aime, rencontres dans les salons et autres trucs du genre.
 
Pour le moment j'ai contacté des agences de pub mais on (pas les agences, un ami) m'as dis que je devais demander conseil si je peux pas le faire faire autrement car ce serait trop petit ?
 
Vous en pensez quoi c'est bien une agence ou pas la peine ?


---------------
Les pages de mes petites douceurs : Bulles gourmandes Facebook,
n°1179906
Harrybeau1
Verba volant, scripta manent
Posté le 17-02-2017 à 15:40:54  profilanswer
 

C'est surtout au niveau du budget avec une agence...
Après si tu te débrouilles bien avec (exemple) Wordpress, c'est faisable soi-même un petit site vitrine avec un blog.
Il existe aussi plein de plugins pour le module boutique.
Après c'est de la mise en page, de l'optimisation, du référencement... mais faut s'y connaitre quoi ! :)
 
PS : Je t'avais laissé un truc en mp...
 


---------------
Si vis pacem, para bellum
n°1179907
senny
Posté le 17-02-2017 à 15:48:46  profilanswer
 

Harrybeau1 a écrit :

C'est surtout au niveau du budget avec une agence...
Après si tu te débrouilles bien avec (exemple) Wordpress, c'est faisable soi-même un petit site vitrine avec un blog.
Il existe aussi plein de plugins pour le module boutique.
Après c'est de la mise en page, de l'optimisation, du référencement... mais faut s'y connaitre quoi ! :)
 
PS : Je t'avais laissé un truc en mp...
 


Ah ? j'a du passé à coté je vais voir, merci pour les conseils en tout cas


---------------
Les pages de mes petites douceurs : Bulles gourmandes Facebook,
n°1180228
senny
Posté le 24-03-2017 à 17:46:05  profilanswer
 

Bon du coup je fais faire mon site par une agence et il m'ont aussi refait mon logo. Vous pensez quoi de l'ensemble ? Pour le moment c'est la page temporaire
 
http://www.bullesgourmandes.fr/


---------------
Les pages de mes petites douceurs : Bulles gourmandes Facebook,
n°1180232
Harrybeau1
Verba volant, scripta manent
Posté le 25-03-2017 à 12:21:11  profilanswer
 

Coucou Senny !  :)  
 
Je suis surpris par cette page d'accueil, même si elle est temporaire.
C'est du boulot d'agence ça ?  
 
1- "Ils m'ont refait le logo" ??
On s'est cassés le Q à chercher un logo (qui est ce est, qui vaut ce vaut),
pourquoi n'est-il pas repris sur la page d'accueil ? C'est quoi le gris-gris qu'ils ont mis à la place ?
Il faut respecter l'identité graphique existante : reprendre le logo utilisé dans la papeterie (tes stickers).
 
Fournir à ton intégrateur une image .png avec fond transparent de ton logo.
 
2- Sur mon ordi (mac, vieux Firefox version 48), j'ai un problème d'affichage avec les polices de caractères (de la Raleway)
Le gros titre important (h1) "Pâtisseries fines à Strasbourg" s'affiche ainsi : "Pâtisseries fines à  Strasbourg".
 
Dans la balise html il faut spécifier la langue (fr-FR) et sous le head dans la meta, le type de codage qui va bien (UTF-8 chez nous) :
 
<html lang="fr-FR">
<head>
    <meta charset="UTF-8">
 
Il faut mettre des polices de substitution dans le style, exemple :
font-family: "Raleway", Arial, sans-serif;
Au moins sur mon ordi, si la Raleway ne passe pas, l'Arial passera.
 
3- Que vient faire ce formulaire sur la page d'accueil ?
Ça sera un site mono-page, juste une page vitrine ?
Il n'y aura pas de menu de navigation (en haut ou à gauche) ?  
 
Au début je n'ai pas capté immédiatement que c'était un formulaire justement, les placeholders (les invitations à la saisie)
se lisent mal (textes en gris sur le fond vert de l'assiette), il manque de l'interactivité, genre un changement d'opacité des champs quand on les survole
ou un effet de transition comme pour le champ "envoyer le message".
 
4- Ta page d'accueil a fait planter mon Firefox !
En réduisant ta page d'accueil (à la souris, depuis le coin droit en bas) pour voir si ton site était "responsif"
(si il s'adapte à de plus petites résolutions, pour tablettes et smartphones par exemple), ça m'a planté !
Un coup d'œil à ton code source montre que rien n'a été prévu pour cela.
Il faut que ton site soit responsive design, c'est la norme aujourd'hui !
 
5- J'ai l'habitude de bosser avec une feuille de style Css séparée du Html, ça fait drôle de voir tout codé dans le même fichier (structure et mise en forme).
 
6- Une adresse mail pro à coté d'un formulaire... humm.
Généralement l'intérêt d'un formulaire c'est de ne pas afficher une adresse mail pour ne pas être spammé.
 
 
Je suis surpris que tu sois passée par une agence pour faire ça !
Je t'ai suggéré d'utiliser Wordpress, tu te choisi le thème qui va bien et tu ne t'occupes que de ton contenu.
Après je ne connais pas tes compétences... mais je trouve chelou ce travail d'agence.
 
Perso je bidouille en web, si Graffy, GG, Athenaa… passent ici, ils te donneront leurs avis.  :)  
 
 


---------------
Si vis pacem, para bellum
n°1180234
Grafimages
Posté le 25-03-2017 à 14:37:55  profilanswer
 

Salut,
 
Je rejoins totalement l'avis de Harrybeau ! Si c'est vraiment une agence qui a pondu ça, ils devraient mettre la clé sous la porte rapidement. Ou revoir leur façon de créer des sites.
 
Bref, en complément de ce qui a été dit ci-dessus :

Citation :

Il faut mettre des polices de substitution dans le style, exemple :
font-family: "Raleway", Arial, sans-serif;


Ils l'ont fait, si tu lis bien le code (Google Font). Mais effectivement, sans encodage UTF-8, les accents ne passent pas...
 

Citation :

Il faut que ton site soit responsive design, c'est la norme aujourd'hui !


Le site est responsive "dans les faits", c'est à dire qu'avec une simulation via WebDeveloper (addon pour navigateurs) ou Responsinator.com, le site s'adapte bien aux supports mobiles.
Mais il s'agit d'un simple redimensionnement à la volée et non d'un vrai responsive.
Difficile d'aller plus loin sans plus de contenu sur le site...
Par contre, là où c'est vraiment de l'amateurisme, c'est que le fond de page se répète sur la hauteur. Il pourrait être en fixed avec une transition vers le noir, ou tout bêtement ne pas être pris en compte pour les petites résolutions (histoire d'accélérer le chargement et de ne pas bouffer trop de bande passante) mais le fond qui se répète fait très amateur !
 

Citation :

J'ai l'habitude de bosser avec une feuille de style Css séparée du Html


Et c'est de toute façon une norme, mais surtout quelque chose d'utile (on charge beaucoup moins de lignes de code quand HTML et CSS sont séparés, mais ça permet aussi de corriger les erreurs facilement, puisqu'on sépare le contenant (CSS) du contenu (HTML). Si on a une erreur de contenant (exemple : marge trop grande), on sait alors que c'est du CSS...
 
Bref, je te conseillerais aussi de rompre ton contrat avec l'agence et d'opter pour un Wordpress (au moins, le code sera propre et tu n'auras pas de problème d'encodage, sans compter que tu peux administrer ton site comme bon te semble).
 


---------------
Besoin d'un site de qualité à prix raisonnable ? --> http://www.grafimages.com
n°1180235
Harrybeau1
Verba volant, scripta manent
Posté le 25-03-2017 à 14:54:26  profilanswer
 

Bonjour Grafimages,  merci d'être passé par là !
 

Citation :

Ils l'ont fait, si tu lis bien le code (Google Font). Mais effectivement, sans encodage UTF-8, les accents ne passent pas...


On a pas l'Arial que je suggère dans le code source, on a juste ça.
{font-family: "Raleway", sans-serif;}
 
Après c'est une police téléchargée de Google Font effectivement (avec 3 différentes graisses) :
href="https://fonts.googleapis.com/css?family=Raleway:300,400,700"
 
Ah c'est bien la déclaration manquante UTF-8 qui fait défaut, merci pour ta confirmation.
 
• Responsive design :
Ça n'est pas responsif c'est clair.
Pour le background j'ai remarqué qu'il se répétait en diminuant l'affichage.
Il fallait le déclarer en no-repeat non ?
 
• Css liée au Html
À la rigueur si c'est juste une page d'accueil, ça ne fait pas grand chose en code...
Par contre je me demandais si la balise <style> n'était pas obsolète...
je préfère séparer, c'est tellement plus rationnel.
 
Sinon d'accord avec toi sur tout le reste. Pas un boulot d'agence ça...
 


---------------
Si vis pacem, para bellum
n°1180249
Grafimages
Posté le 26-03-2017 à 16:07:36  profilanswer
 

* Police Google Font : du moment que le fichier est appelé par le site lui-même, la police s'affichera, quelles que soient celles sur ta machine. Reste qu'ajouter une police générique ( Arial) ne fait pas de mal.
 
* Background : oui, le déclarer en no-repeat + faire une jonction avec un background uni. Ou encore ne pas redimensionner le background (mais ça risque d'être confus, vue la complexité du motif de l'assiette)
Ou bien supprimer le background et ne mettre qu'une couleur unie.
Il y a d'autres possibilités (superposer un visuel en png transparent sur un background uni, par exemple), mais de toute façon :
1) C'est le genre de choses dont on se préoccupe lorsqu'on fait du vrai responsive
2) Et on devrait désromais procéder en "mobile first", à savoir commencer par maquetter la plus petite résolution (320 px de large) puis augmenter progressivement (640, 768, 1024...).
 
* HTML/CSS : si, la balise Style dans le HTML est dépréciée depuis l'arrivée de HTML5/CSS3.
On devrait donc éviter de l'utiliser...


---------------
Besoin d'un site de qualité à prix raisonnable ? --> http://www.grafimages.com
n°1180251
Harrybeau1
Verba volant, scripta manent
Posté le 26-03-2017 à 17:41:12  profilanswer
 

Oui exact c'est mobile first désormais.
 
Grafimages, comment aurais-tu traité l'aspect responsif ?
Avec les media queries ?
 
Pour l'arrière-plan, j'aurais mis un fond uni pour un smartphone,
puis bascule vers l'image de l'assiette pour les résolutions supérieures.
 
J'utilise les valeurs suivantes :
< 481 pixels (320 c'est léger avec les smartphones actuels à présent)
de 481 à 769 pixels (tablettes en général)
> de 769 pixels (tout le reste !)


---------------
Si vis pacem, para bellum
n°1180257
Grafimages
Posté le 26-03-2017 à 21:52:06  profilanswer
 

Oui, pour le responsive, media queries si on code from scratch.
Sinon, il me paraîtrait plus logique de partir sur une base Bootstrap (nativement responsive et compatible Wordpress).
 
Arrière-plan, même chose, je l'aurais supprimé pour toutes résolutions inférieures à 768 (format tablettes, même si certaines ont une réso bien plus élevée).
Quant à la valeur de 320 px, j'allais te répondre qu'elle devait être prise en compte, mais le fait est que :
1) les smartphones ont une durée de vie très brève
2) je suis allé chercher quelques stats (https://hwstats.unity3d.com/mobile/display.html) et on est au-dessous de 1% pour cette largeur.
Il convient donc de ne plus en tenir compte et de passer à 480 (autre valeur plancher). Merci de ta remarque, du coup, ça m'a permis de de mettre mes critères à jour :)


---------------
Besoin d'un site de qualité à prix raisonnable ? --> http://www.grafimages.com
n°1180266
Harrybeau1
Verba volant, scripta manent
Posté le 27-03-2017 à 20:40:19  profilanswer
 

[Houlà on dévie là, dsl Senny pour le hs dans ton post.]
 
Cc Graffy
C'est quoi "si on code from scratch" ?  :heink:  
Moi sorti de Brackets ou Sublime text...  :??:  
 
Content d'avoir pu te conseiller sur la réso max des mobiles actuels.
J'essaie de me tenir informé.  :)

n°1180267
Grafimages
Posté le 27-03-2017 à 21:58:41  profilanswer
 

Coder from scratch = tout coder en partant d'un fichier vierge (même si c'est très rare puisqu'on dispose de pas mal d'outils désormais).
 
C'était une expression qu'on utilisait beaucoup jusqu'à l'apparition de JQuery/Bootstrap/CMS...
Ce qui ne veut pas dire qu'on ne code plus de A à Z, mais c'est beaucoup moins fréquent :)
 
[fin du HS, du coup ]


---------------
Besoin d'un site de qualité à prix raisonnable ? --> http://www.grafimages.com
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Infographie 2D

  Besoin d'aide pour la typo d'un logo et flyer

 

Sujets relatifs
Transformation logo papier a PCProbeme pinceau dureté [Besoin d'aide]
Logo en cmjn ?besoin d'aide pour du matos
ILLUSTRATOR - Texturer logo[Logo] Demande d'aide pour création d'un logo
Avis sur un logo 
Plus de sujets relatifs à : Besoin d'aide pour la typo d'un logo et flyer



Copyright © 1997-2016 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR