RSS

Archive for the 'Graphisme & Design "Catégorie

Métaphores de navigation: les éléments de menu Visualisez

25 novembre

Bonjour, Merci de votre visite - J'espère que vous trouverez des informations utiles. Laisser un commentaire, mais si vous avez des commentaires sur le sujet.

Poursuite de la «conception de navigation -. au bon endroit l'architecture"

Optiquement dans la création de systèmes de navigation utilisés très souvent des métaphores. La métaphore la plus connue est la métaphore de systèmes d'exploitation de bureau. Contrairement aux systèmes d'exploitation, pas de norme uniforme pour les sites a prévalu. Très souvent, les modèles de navigation hautement abstraits utilisés.

Lire le reste de cette entrée »

Nicer soulignant

11 mars

La régulièrement me dérange assez moche et pas grand Typographiquement soulignant que se trouvent normalement sur le web. Plus précisément, cela me dérange que les descendeurs des personnages sont biffés et tout l'effet poussé par beaucoup. Pour cette raison, je suis allé à la réalité prévu à cet effet et les jours ordinaires CSS text-decoration: underline; de ​​boycotter. Je pense que c'est beaucoup plus agréable que la commande soulignement pour mettre en œuvre border-bottom.

Pour le point de vue typographique ce n'est pas encore la solution optimale, car ne répond pas aux descendeurs et le soulignement. Par conséquent, le champ d'application pourrait encore mettre sur un pixel vers le bas. Selon la taille de la police de la police et l'interligne, mais qui peut engloutir trop de place. J'ai donc utilisé sur cette distance ne Siete.

Les 3 variantes en comparaison:

  text-decoration: underline;
 border-bottom: 1px solid;
 border-bottom: 1px solid; padding-bottom: 1px; 

Typographie

Pas si gentil ...

Typographie

Parfait ... à ce point de vue, à de petites tailles, mais aussi toucher descendeurs et soulignant.

Typographie

Pour les petits terrains de jeux préférés Schriftgröen ... le meilleur choix

C'est ce moment, mais seulement un peu, mais cette petite note de mon point de vue et j'ai tout de suite commencer à appeler pour "plus belle souligne". En dehors de cela il ya encore des péchés typographiques beaucoup plus sur le Web, mais à une autre époque.

Incorporation des polices sur les sites Web: Typographie

17 février

Après la question épineuse de la sélection de la police limitée aux sites Web pourraient encore être résolus non pas complète, mais au moins il semble maintenant peu de lumière au bout du tunnel à donner. Après Safari 3.1 prend en charge le premier navigateur à intégrer une méthode pour écrire sites emboîteront maintenant le pas de la version 3.1 de Firefox. Raison suffisante, les possibilités actuelles et futures de l'intégration de l'écriture pour faire la lumière.

Étaient actuellement "des polices non standard" (par exemple généré par PHP), principalement sous forme d'images ou Flash sous forme de fichiers intégrés. Ces solutions de contournement de travailler, mais ils sont optimisés pour les moteurs de recherche mais pas encore du point de vue des performances. Pour contrer cela, il existe trois définitions dans le style CSS de la belle "@ font-face". Avec cette commande, il est possible d'incorporer des polices directement sur le site.

Donc, premièrement, les écrits et les styles de police souhaités sont définis. Puis, les styles de police définis sont utilisés comme d'habitude dans la feuille de style.
Le tout pourrait ressembler à ceci:

  @ Font-face {
 font-family: 'Fontin-ordinaire »;
 src: url ('Fontin-Regular.otf') format ("OpenType");
 }

 h1 {
 font-family: 'Fontin-Bold ", la Géorgie, serif;
 } 

Fondamentalement, TrueType, OpenType, PostScript et polices OpenType TT sont pris en charge. Cependant, en plus de l'appui navigateur relativement faible (IE est à la traîne wiedermal) du côté de licence légale sont observées. Il ne peut être fait à tous les grands caractères sont stockés sur le serveur. Par conséquent, il est recommandé que les droits d'utiliser la police pour être utilisé à la question exactement. Par conséquent, offrent actuellement surtout les polices qui sont disponibles par le biais de la licence Open Font.

Conclusion:
Une fois l'ensemble du sujet a reçu peu d'attention à certains moments, semble à nouveau avoir un certain mouvement est venu à ce sujet. Avec la sortie de Firefox 3.1 Firefox aura le nez légèrement en avance sur Safari, Firefox, car soutiendra contrairement ligatures. Bien que ces deux navigateurs et certains détails pourraient être améliorés, a donc le soutien de @ font-face, mais un bon signe. Soit dit en passant, les fabricants de navigateurs autres mettront la pression sur et tôt ou tard il faut espérer qu'elle soutiendra également le navigateur Internet Explorer.

Liens connexes:
W3C définition
Comparé Safari / Firefox
Typografie.info - L'incorporation de polices dans les pages web

Brainstorming des techniques de créativité,

18 janvier

Être créatif est plus facile à dire qu'à faire, car pas toujours la situation idéale se produit et vous avez immédiatement une idée brillante. Plus d'une fois doivent d'abord être mis en évidence leur propre créativité. Mais comment le créateur de l'être? 0815 est un tutoriel sur ce sujet et ce n'est certainement pas tout le monde va développer ses propres méthodes. Néanmoins, il ya une certaine aider à développer des idées.

Rêveries et de l'environnement

Un problème majeur de stress est créatif et le quotidien économique. Rien n'est plus difficile que de développer de nouvelles idées, tandis que le téléphone sonne en permanence et il a encore plusieurs employés servir. Les tentatives de le début d'un projet à partir de votre routine quotidienne pour sortir - Prenez le temps de rêver et de naviguer.

Souvent il est utile de l'ordinateur portable sous le bras et quitter le bureau. Par une journée ensoleillée dans le parc, il est plus facile de développer de nombreuses idées. Beaucoup ont repaires spéciaux de denendu sont particulièrement créatifs. Que ce soit ensoleillé dans le parc, tout en conduisant ou sur les toilettes. Tout le monde doit décider pour eux-mêmes où et comment il veut être créatif. En créant une atmosphère où vous vous sentez à l'aise est le "faire preuve de créativité», mais beaucoup plus facile.

Conscient voyant

Aller dans la vie avec les yeux ouverts et conscients de formes, de couleurs et huitième modes est tout aussi important d'être créatif dans l'ordre. Soyez le contenu avec vous-même non seulement le fait que vous aimez quelque chose ou pas ça. Voir la sous-conscient pour juger si je comprends quelque chose comme ça ou non. Dans le même temps doit également être questionnée exactement ce qui plaît. Caractérisé par un site Web à l'aide de la couleur spéciale, une belle typographie, avec un concept particulièrement innovant ou des photos spéciales de?

Maintenant que c'est un site qui a attiré l'attention de leur propre devrait être obtenue, si cet effet est produit. Lorsque la photographie exceptionnelle pourraient inclure des facteurs qui influent sur l'effet de:

  • Est-ce qu'une spéciale, point de vue inhabituel choisi?
  • Est-ce que les effets spéciaux (filtres, les dégradés, filtres de couleur) utilisé?
  • Harmoniser avec le reste des images très bien avec le site?
  • Est-ce une idée fondamentale véhiculée particulièrement créative?

Fondamentalement, c'est donc une façon très abstraite de voir. La perception des éléments individuels d'un site web est essentiel à cet égard. Décomposer été vu dans les composants individuels de ces composants et essayer de développer quelque chose de nouveau à faire. Ici, les normes et les conventions sont ignorés. Dans cette étape, il s'agit de jouer avec des graphismes semblent laisser sa créativité.

Ce qui est également particulière sur l'objet des yeux gravé toujours, il doit être archivé. Une forme d'archivage est de créer une collection d'idées. Selon les préférences personnelles peuvent dans cette collection avec Post-it croquis, captures d'écran sont collectées par les pages les plus réussies ou des photographies. Ces collections peuvent être très utiles si vous êtes bloqué dans un projet et non plus progresse. J'entends par là pour ne pas dire que quelque chose de présent doit être copié. Ces modèles sont destinés uniquement à l'inspiration - souvent une approche assez petit pour concevoir des œuvres tout à fait nouvelles et originales. Peut-être le point de départ d'une seule couleur ou le fait qu'un site a été intensivement travailler avec des lignes comme une figure de style. Donc, il est seulement un outil pour servir "d'ouvreurs de portes». Une fois que la porte a été ouverte et l'on est dans la phase de conception actif s'exécute souvent tout par lui-même comme

Une fois qu'une idée est née, il va maintenant à la préparation de l'idée correspondante. A cet effet, nous allons examiner dans les prochains chapitres éléments de conception individuels pour pouvoir les connecter à un modèle de mise en page à la fin.

Techniques de créativité

Il existe de nombreuses techniques et méthodes pour la génération d'idées. Les techniques suivantes sont un extrait dar exemplaire. Fin, mais doit trouver des méthodes appropriées pour eux-mêmes.

Remue-méninges

Une des techniques les plus courantes et populaire est de remue-méninges. Il s'agit d'une méthode de génération d'idées dans le groupe. Le but est d'obtenir dans un court laps de temps beaucoup d'idées à partir de différents points de vue. Par conséquent, il fait sens pour les gens de différentes régions dans le groupe pour intégrer. Les concepteurs d'écran Sun, programmeurs, chefs de projet ou les vendeurs se développera en quelques idées différentes.

Dans la première des deux phases, après chef d'équipe explique le problème recueillies de nombreuses idées que possible. Ici, chaque participant doit annoncer ses idées spontanées. Dans le meilleur des cas, les idées sont prises par d'autres membres du groupe et réinterprétées. L'objectif de cette phase est la génération d'idées, ici il n'ya pas de jugement ou la critique des idées individuelles.

Dans la deuxième phase, les idées sont plus précisément analysées et triées. Ce n'est qu'à ce stade, il est décidé que les idées sont pris ou mis au rebut.

Mind Mapping

Avec Mind Maps sont une représentation graphique d'idées. A partir d'une branche principale est une question de plus en plus abstraite. Chaque «branche» est un terme, dans chaque cas par écrit. Mind Maps sont un tel point de départ idéal pour la création d'un sitemap.

Coïncidence technique

Le point de départ de cette technique est la plus grande collection de données possible. Prenez par exemple un grand livre avec des photos sur le thème d'un site Web spécifique. Est-ce hasard a ouvert une page de ce livre d'images pour obtenir une image choisie au hasard. Il essaie ensuite de tirer une idée de cette image. Par exemple, pourrait être dérivée de l'image choisie au hasard est un jeu de couleurs.

Matrice morphologique

La création d'une matrice morphologique est une technique très analytique. Cette méthode tente de générer des idées que beaucoup de nombreuses solutions théoriques. La première étape est une matrice avec le plus grand nombre créée pour les produits proposés caractéristiques liées. Comme exemple, les critères suivants pour la définition, une bannière publicitaire pour la nouvelle ligne de produits sont définis comme: animation, la taille, l'agressivité, de la langue

Dans l'étape suivante valeurs autant aux caractéristiques définies précédemment sont définis.

Par exemple:

Animation

aucun

discrètement

Intensif

Taille

Gratte-ciel

Bannière complet

Rectangle

Format

gif / jpg

html

Flash

Vidéo / Audio

aucun

Vidéo

Sonner

Cela pourrait alors créer un concept pour une skyskraper avec animation subtile au format Flash sans vidéo et sans audio. Cette technique est bien adaptée pour travailler avec les clients sur le concept peut être. Une fois la matrice est créé, le client peut très rapidement se faire une idée de toute forme possible variantes et d'exprimer leurs souhaits et idées facilement.

Guillemets typographiques correctes

9 janvier

Après il a récemment été fréquemment d'analyse et de marketing, il est grand temps d'écrire à nouveau un article sur la typographie.

L'utilisation des guillemets faux est sans doute un des erreurs de typographie les plus courantes. Selon la langue du texte devrait définir les versions correctes sont utilisées. Sur l'Internet, mais très souvent guillemet manière erronée marques pouces (") tel qu'il est utilisé. Ce n'est pas correct, au lieu, les variantes suivantes sont utilisées. Des rumeurs non confirmées doivent être ces citations fausses s'ébattent dans ce blog ici: o) - Mais néanmoins, je tiens à souligner la façon dont il devrait être dans le bon sens.

Citations allemandes
En allemand textes sont semblables à des citations les chiffres 99 et 66 Au début d'un guillemet à la base "et à la fin d'un guillemet" mis en place. Comme une autre variante ou si les citations sont utilisées dans des guillemets simples existants les variantes de ce prix et les suivantes sont disponibles (').

Une fois ces caractères sur le clavier peut ne pas être disponibles les caractères correspondants sont générés via des raccourcis clavier.

Les guillemets au début:
- Windows: ALT + 0132
- Mac OS: Option +

Point d'exclamation à la fin:
- Windows: ALT + 0147
- Mac OS: Option + 2

Sur les sites Web est nécessaire pour afficher correctement le code suivant:
„Text“

Cette version de la citation est également utilisé dans d'autres langues telles que l'Islande, bulgare, roumain, slovaque, slovène, etc.

Citations d'autres allemands
Comme une alternative à des textes allemands utilisent fréquemment la variante suivante. ""
Cette variante est souvent utilisé parce que ce personnage très bien intégré dans le texte et dans le flux de texte ne soit pas interrompue par des espaces blancs.

Les combinaisons de touches suivantes peuvent être générés caractères:

Les guillemets au début:
- Windows: ALT + 0187
- Mac OS: Maj + Option + Q

Point d'exclamation à la fin:
- Windows: ALT + 0171
- Mac OS: Option + Q

Sur les sites Web est nécessaire pour afficher correctement le code suivant:
„Text“

Citations en anglais
Dans les textes anglais d'autres citations sont utilisées. Ici, le moyen mnémotechnique est de 66 à 99, mais les deux personnages sont présentés ci-dessus. Au début, vous obtenez ce personnage, "et à la fin de la suivante". Les raccourcis clavier sont les suivants:

Les guillemets au début:
- Windows: ALT + 0147
- Mac OS: Option + 2

Point d'exclamation à la fin:
- Windows: ALT + 0148
- Mac OS: Option + Maj + 2

Sur les sites Web pour afficher correctement le code suivant est nécessaire.
“Text”

Citations françaises (guillemots)
Guillemots sont appelés citations françaises. Contrairement à la version alternative en Allemagne, montrent les pics INTHE version française de suite dans le texte. Cela donne les caractères suivants: ""

Les raccourcis clavier sont les suivants:

Les guillemets au début:
- Windows: ALT + 0171
- Mac OS: Option + Q

Point d'exclamation à la fin:
- Windows: ALT + 0187
- Mac OS: Maj + Option + Q

Sur les sites Web est nécessaire pour afficher correctement le code suivant:
«Text »

Cette version de la citation est également utilisé dans d'autres langues comme le grec, portugais, arabe, etc.