background preloader

Calculer une grille de mise en page « typo » avec le nombre d'Or

Calculer une grille de mise en page « typo » avec le nombre d'Or

Five Prevalent Pitfalls when Prototyping By Jared M. Spool Originally published: May 02, 2013 Nathan Curtis, one of the geniuses at the design firm EightShapes, likes to say “Don’t tell me, Show me.” Nathan’s not the only one. In our work with design teams, we see a lot of teams using prototypes today. Pitfall #1: Focus on the Deliverable, not on the Learning A great prototype can sell an idea better than a specification or other form of describing the design. It’s no wonder that we focus so much on what the prototype will look like and how it will work. As important as the working prototype is, it’s not the most important outcome of a prototyping effort. You can learn a lot in a variety of different areas when building out a prototype: Learning about the problem What do we now know about what we’re trying to design for? Learning about our users What new things do we now understand about our users? Learning about the materials What will be easy to implement? Learning about potential solutions What design alternatives are there?

Sleek Coming Soon Page Design Hello Photoshop Plus fans, in todays tutorial I’ll be showing you how to create a cool coming soon web page design. The designs features a dark feel with a cool count down timer. Lets get started… What We’ll Be Creating Preparation Create a new document (Ctrl + N) 1200 x 600 pixels with a white #ffffff background. Adding The Styling To The Ellipse Label your new layer “Half Circle” then add the following layer styles. You should have something like this. Creating The Custom Pattern In the preview image you will notice there is a lot of small dots within the ellipse area, this is the pattern we’ll be making. Once you’ve replicate the image above go to “Edit > Define Pattern”, save your pattern then head back over to your original canvas. Quick Tip: To load a selection around an element click the little thumbnail inside of your desired layer whilst holding down the CTRL key on the keyboard. Now fill (G) the loaded selection with your pattern. You should now have something like this. Conclusion

Technical Web Typography: Guidelines and Techniques - Smashing Magazine Advertisement The Web is 95% typography1, or so they say. I think this is a pretty accurate statement: we visit websites largely with the intention of reading. That’s what you’re doing now — reading. Unfortunately, for every person who is obsessed with even the tiniest details of typography, a dozen or so people seem to be indifferent. Creative and Technical Typography I’m not sure these two categories are recognized in the industry but, in my mind, the two main types of typography are creative and technical. Creative typography involves making design decisions such as which face to use, what mood the type should create, how it should be set, what tone it should have — for example, should it be airy, spacious and open (light) or condensed, bold and tight, with less white space (dark)? Technical typography is like type theory; certain rules and practices apply to party invitations just as well as they do to obituaries. We’ll focus on technical type in this article. We’ll learn about: <! <!

Downloads | tomaxxi.com | All about Adobe Creative Suite RECENTLY updated script POPULAR Script Select color label -> click Print/Export -> Pages Range is auto populated! More info soon! Enable/Disable all GREP styles in document! (only works with GREP styles applied through Paragraph Style) Updated: 14 Nov 2012 / Ver: 1.3aCompatibility: Adobe InDesign CS4-CS6 Download (ZIP, 1.2kb) Unpack and copy JSX to scripts folderOpen document containing GREP stylesRun scriptClick on enable/disable to make a change Mark all Master Page overridden page items with custom “__Overridden__” XML Tag for easier finding. Updated: 03 Aug 2012 / Ver: 1.0dCompatibility: Adobe InDesign CS5-CS6 Download (ZIP, 1.6kb) More info…More info… Unpack and copy JSX to scripts folderOpen documentRun script Put back missing “Share My Screen” in CS6. Updated: 19 Jun 2012 / Ver: 1.0Compatibility: Adobe InDesign CS6 Download (ZIP, 1kb) More info… Simple variable to text converter. Updated: 14 Dec 2012 / Ver: 1.0.4Compatibility: Adobe InDesign CS4-CS6 Download (ZIP, 2.7kb) Download (ZIP, 820kb)

Vunky Search | Photoshop Tutorial Search Engine Prototyper, itérer et évaluer son design | wax-o De l’importance du prototype dans la conception Mon expérience de concepteur est issue du design des ihm (interfaces homme-machine) web et applicatives ainsi que du design pour l’impression et le packaging. Mais les quelques considération qui suivent devraient pouvoir intéresser toute personne impliquée dans un processus de conception ; que ce soit pour un objet physique, un service, un algorithme… Lors de ce processus, les prototypes sont une nécessité. Le prototype, c’est en premier lieu un moyen de communication. C’est le vecteur le plus efficace pour communiquer vos idées à vos clients, à votre équipe et à vos futurs utilisateurs. À mon sens, un des aspects sur lesquels il faut se concentrer, c’est la vitesse de prototypage. “The best way to have a good idea is to have lots of idea” Linus Pauling Pour chaque prototype envisagé, il faut considérer deux variables : combien pourra-t-on apprendre a priori de l’expérience ? La finalité d’un prototype, c’est le feedback. Les itérations

"Ce n'est pas la technologie qui importe, mais ce qu'on en fait" Pour faciliter l'innovation, il faut décloisonner les savoirs et favoriser la collaboration entre parties marketing, technique et design, en amont du projet. C'est le principe du design thinking. Entretien avec Grégoire Gérard, fondateur et dirigeant de Neovenz, agence de conseil en design industriel et innovation. L'Atelier : Dans quelle mesure le design thinking est-il une source d’innovation pour les entreprises ? Grégoire Gérard : Les équipes dans différents domaines : design, ingénierie, marketing, ont souvent beaucoup de problèmes à communiquer lors de la mise en place d’un projet qui se veut innovant. Quels sont les enjeux de ces formes de collaborations pour la mise au point de services innovants pour les entreprises ? Le problème en France c’est que nous parlons souvent de technique et rarement d’usage. Allier design thinking et open innovation semble donc une stratégie gagnante … L’objectif des entreprises ne doit pas être de rester focalisé sur son marché.

Showcase Of Modern Navigation Design Trends - Smashing Magazine Advertisement The navigation menu is perhaps a website’s single most important component. Navigation gives you a window onto the website designer’s creative ability to produce a functional yet visually impressive element that’s fundamental to most websites. Because of their value to websites, navigation menus are customarily placed in the most visible location of the page, and thus can make a significant impact on the visitor’s first impression. The design of a navigation menu has to be outstanding in order to sustain the user’s interest. As the adage goes, “Content is king,” but getting to the content requires navigation. You should also read the following related posts: 3-D Navigation Lately, we’ve seen a trend towards design elements that sit on a higher z-plane; that is, they appear closer than other elements on the page. DelibarThe content area on the Delibar website looks like a pile of two pieces of paper, with the navigation items holding them together. Speech Balloons

21st century zoetrope is a 3D printed delight Somerset House invited Jo Ratcliffe to create an installation for its Pick Me Up festival. The illustrator teamed up with engineer Sam Zealey, the waterMelon animators collective and 3D printer store iMakr to devise a 21st century take on the zoetrope that enabled people to interact with her signature fashion inspired illustration style. Somerset House asked me to create a one-day installation for the Pick Me Up graphic arts festival. The brief was simply to make sure the public could interact with me and my work in some way. I felt a 3D zoetrope would be a sculptural version of what I've been working on recently, and I thought it was a bit of an ambitious thing to do. We didn't have an agenda – there was no strict vision from the outset. Jo Ratcliffe walks through her creative process in more detail. 01. I'd collected lots of reference images, so there were all sorts of little things I potentially wanted to include in my new character. 02. 03. 04. 05. 06. 3D printing 07.

18 best practices to improve your e-commerce website Designing e-commerce websites is probably one of the most complicated task for a web designer. Your client (or yourself) will have some very clear goals that will make the UI and choice of eCommerce software even more important, you will also need to take special care of your visitors. 1. Keep it simple No matter what kind of products you are selling, make it easy to by products on your ecommerce site. 2. You want to sell your products right? 3. It depends on the product, but most products will gain by being shown from multiple angles. 4. I want answers to all the questions I could ask if we were in a physical store. 5. It should be simple for the customer to change the quantity of items, remove anything he wants or go back to the shop. 6. Some users are more search oriented than others (like me!) 7. Ever ordered a product and had to pay taxes that were more expensive than the product itself? 8. On all pages, display a landline phone number and a street address. 9. 10. 11. 12. 13. 14.

5 Tested Conversion Design Tactics You Should Put to Work. Right Now. This is day 2 of our Conversion Centered Design week. And we’re going to keep the ball rolling with some case studies that will teach you how you should and shouldn’t be using design on your landing pages. Optimizations you make on your main website are far more valuable than those you do on any individual marketing campaign. Why? For a stupidly simple reason: all of your marketing campaigns eventually lead back there! So a 10% improvement in bounce-rate off your pricing page means 10% more revenue across all campaigns: paid, organic, and word-of-mouth. Hopefully that allows you to see why I’m so obsessed with flushing out and eliminating conversion killers on homepages and landing pages—those little design tweaks and conversion tests aren’t for your health, they are for improving your bottom line! Shall we get started? Let’s do this! 1. Image sliders suck, they will kill your conversion rates and I don’t ever recommend using them. Approximately 1% of visitors clicked on a feature. I’ll pass.

Related: