background preloader

Method & Craft

Method & Craft

De vrais tableaux Indesign en fusion de données avec un script. Note utilisateur: Détails Catégorie : JS inDesign Mis à jour le vendredi 30 novembre 2012 19:34 Publié le lundi 12 novembre 2012 11:37 Écrit par Loic Aigon Affichages : 4524 Mise à jour le 30.11.2012. Une des rares faiblesses de la fusion de données, c'est son incapacité à produire de vrais tableaux. Mais que faire quand on souhaite exploiter la pleine puissance de cette technologie mais obtenir malgré tout un vrai tableau éditable dans Indesign ? Voilà un script qui va répondre à cette question ! Utilisation Ouvrez un document Indesign et créez votre tableau. Chargez votre fichier source dans le panneau de fusion de données Mappez les cellules comme bon vous semble Sélectionnez la rangée à dupliquer. Lancez le script. Plus d'infos sur le blog de Loic Aigon Téléchargment

The UI Guide | Part 1: Buttons » Galpin Industries - Pixels Straight From Canada I should begin by explaining why I’m doing this guide in the first place. I believe that every designer has a right to know what many of us have learned via trial-and-error and word-of-mouth teachings. I’m quite aware that this is not the first UI guide that has ever been published, nor do I expect it to be the last. I do believe it might be one of the first to really attempt to explain the why in parallel with the how. Probably the most crucial thing to understand is that simply knowing how to make and style these elements does not make one a designer. I’ll be covering several different types of elements, and each post will be continually updated as I receive more suggestions for content and as I get more time to develop the article. General Photoshop Tips Global Light: Make sure your Global Light is set to 90 degrees, rather than the default 120 degrees. Button Styles Glossy Ah yes, the old standby. Glossy with glow Textured If used correctly, this style can look really sharp. Simple Mr.

Design with Intent Toolkit Les 10 grandes tendances du design Web en 2014 Il y a plusieurs tendances de design Web qui sont apparues depuis l’année dernière. Certaines disparaîtront aussi vite qu’elles sont apparues et d’autres retiendront l’attention. Voici un inventaire des 10 tendances du design Web les plus populaires en 2014. Flat design Qu’on aime ou qu’on n’aime pas, le flat design, qu’on a pu découvrir avec le nouveau design d’iOS 7 d’Apple et qui consiste en un design très minimaliste, est déjà devenu une des tendances les plus remarquées et utilisées et continuera de l’être cette année. Images d’arrière-plan modifiées On voit déjà depuis un bon moment de belles grandes images en arrière-plan des sites Web. Grosse typographie qui sort de l’ordinaire La typographie est toujours un élément important du design. Animations Les animations font définitivement partie des must de 2014, mais on ne parle plus d’effet parallaxe ou de carrousel; plutôt d’animations simples activées par le défilement et de transitions en CSS3. Plus de défilement, moins de clics

Design for Hackers: Why Monet Never Used Black, & Why You Shouldn’t Either Monet’s paintings evoke a sense of energy and life, they leap off the canvas with color and contrast, but Monet somehow managed to avoid using the color black for nearly his entire painting career. By avoiding black in your own designs, you can replicate some of this dynamism. Monet and Other Impressionists Explored Their Medium Even when creating dramatic shadows, Monet avoided black, and instead manipulated the powerful relationships between colors Monet, and other impressionists, experimented obsessively with their medium: paint, some brushes, and a canvas. So just as pixels prohibit the use of Garamond on the web, the characteristics of the impressionists tools shaped their work. In the course of this experimentation, impressionists had to experiment with color to create the desired effects. The Impressionists Became Masters of Color Because he experimented with the juxtaposing colors, the pointillism of Georges Seurat is similar to a dithered GIF image Tints Pop, Shades Recede

Comment faire la charte graphique d’un logo ? La réalisation d’une charte graphique sert à définir une unité de règles à respecter lors de l’utilisation de l’identité visuelle d’une société. La charte graphique est destinée à toute personne susceptible d’utiliser l'identité visuelle concernée, elle est avant tout donnée à l’entreprise ayant commandé le logotype. C’est en quelque sorte son mode d’emploi. Elle sert à conserver une homogénéité graphique pour l’ensemble des créations réalisées à partir de ce document. Pour expliquer les étapes de la réalisation d’une charte graphique, prenons l’exemple du logo de crealyse. Comment la charte graphique doit être présentée ? La charte se doit d’être très graphique, elle reprend les caractéristiques du logo (les couleurs, la typographie …) dans une mise en page aérée. Elle se destine souvent à deux supports : le web et le print. Elle est composée d’une page de couverture, d’un sommaire, de l’ensemble des pages explicatives et des annexes.

Crash Course: Design for Startups I recently stumbled across screenshots of old websites of mine and was hurled into a state of reminiscent shock. I knew they were bad, but wow they were outstandingly horrible (redeemed only by their microformats support! I kid, I kid). I have yet to consider myself a real designer and there are quite a few things I would do differently with my most recent work on Notifo and Pic A Fight. I have been brainstorming for the past few days about how to scope this article. What I can do is share what has worked for me. Subtle is key! When I was a wee pixel pusher I would overuse whatever graphic effect I had just learned. You can imagine how horrible everything looked. Then what do I mean about "except when it's not"? Get Inspired and Stay Thirsty My Friends Organized This is not a new concept by any means, but it bears repeating: keep the right side of your brain engaged by regularly seeking great website designs, reading about design, sketching site layouts (or anything really) and more.

Trucs et astuces pour le Web Bienvenue dans ce nouveau hors-série spécial “trucs et astuces”. Les vacances sont passées et pour vous il est temps d’affronter une rentrée plus que chargée. Si les plus petits préparent leurs trousses et leurs cahiers, de votre côté il vous faut vous préparer à mieux appréhender quelques problématiques du secteur, qui, nous en sommes certains, vous feront évoluer dans votre métier, aussi bien d’un point de vue technique que relationnel, que vous soyez designer ou développeur. En effet, ce hors-série vous propose non seulement des dizaines d’outils et d’astucespour améliorer votre productivité et en savoir plus sur la gestion de CSS intelligentes ou sur les bibliothèques de motifs, mais aussi d’aller encore plus loin avec le HTML 5 pour mobiles. Par ailleurs, vous trouverez également “la boîte à outils complète du webdesign” dans notre dossier central en deux parties. Bonne rentrée !

shadow performance Update: I've added some comments about the -[CALayer shadowPath] approach that I missed before. I've just pushed a new sample to the OmniGroup? source on github which shows several drop shadow approaches, with an eye towards performance, particularly while the shadow casting object's frame is being animated. One of these is a pair of functions vended by OmniUI, OUIViewAddShadowEdges?() and OUIViewLayoutShadowEdges?(), which originate from writing our document picker. Opening up OmniGroup/Frameworks/OmniUI/iPad/Examples/DropShadowOptions? Animation Type Resize: The size of the object changes, possibly leading to it being redrawn. Animation Driver One-time change: Some one-time programatic change is being made to the object that has a starting and ending state. Shadow Options CoreGraphics, resampled: This renders the shadow into the view's content area with normal CoreGraphics calls. Performance I'll call out the one "Slowish" result; this timed at ~45fps on my iPad. Conclusions

Pb.log by @paulgordonbrown | Random musings on higher education, student affairs, teaching, social media, tech, design, internationalization, food, coffee, iPhonoegraphy, and travel

Related: