background preloader

Design

Facebook Twitter

Free Keynote Mockup Templates for iPhone, iPad, Android, ... Click the orange button to pop-up a window where you can edit and confirm the tweet, then the download button will be activated Keynotopia Mockup Templates enable you to sketch user interfaces using Apple Keynote or Microsoft PowerPoint, without having to draw each component by hand!

Free Keynote Mockup Templates for iPhone, iPad, Android, ...

All components are hand-drawn vector shapes created from scratch in Keynote and PowerPoint, and can be edited and customized directly, without needing additional design tools. When your mockups look like simple hand-drawn screens, it’s easier to get feedback on layout and structure, without getting distracted by the detail. And creating Keynote and PowerPoint sketches is better than drawing them by hand, because you can iterate and modify them quickly without having to redraw them from scratch. Watch this 2 minute video to learn how to turn mockups into high fidelity prototypes with a few clicks How to use the mockup templates. Watch video tutorials and download free samples on prototyping with Keynote and PowerPoint.

Breaking Development: Modern Web Designer's Workflow. Normalize CSS. Baseline - Typography. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Baseline - Typography

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Fonts

jQuery. Mastering Photoshop: Noise, Textures, Gradients and Rounded Rectangles. Advertisement Often, it’s the little details that turn a good layout into a great design; details such as subtle textures, shading and smooth shapes.

Mastering Photoshop: Noise, Textures, Gradients and Rounded Rectangles

Photoshop contains a vast array of tools for embellishing a design, but choosing the right one isn’t always easy. Being the obsessive-compulsives that we are, we’ve conducted a huge range of experiments to determine the benefits and disadvantages of each technique. Here, then, is an obsessive-compulsive’s guide to some frequently used tools and techniques for Web and UI design in Photoshop. Noise and Textures Subtle noise or texture on UI elements can look great, but what’s the best way to add it?

Number of layers used: fewer is better.Ability to scale: if the document is resized, will the effect maintain its quality? 1. Using a high amount of noise, setting the layer blending mode to Luminosity and reducing the opacity will yield the most control over the noise with the least disturbance to the underlying layers. 2. Build a Website - Create a Blog. Ui Parade – User Interface Design Inspiration. Startups, This Is How Design Works – by Wells Riley.

Emotional Design with A.C.T. - Part 1. As UX professionals, we strive to design engaging experiences. These experiences help to forge relationships between the products we create and the people who use them. 7 Free Beautiful Display Typefaces. The art of type design is for a special breed of designer.

7 Free Beautiful Display Typefaces

The insane attention to detail required to create typefaces is enough to drive the average person crazy, as every subtle curve and rule matters. If you’re a novice to the world of typography, you’ll most likely be familiar with text type, or fonts created to be legible and readable at small sizes. Adobe Caslon, for example, is a great text typeface for large amounts of text. Display typefaces, on the other hand, are less about legibility, (though that’s still important), and more about personality, character and distinctiveness. Initializr - Start your HTML5 project in 15 seconds!

Responsive design

Icons. Assessibility. Art. Testing. UX. Beyond Task Completion: Flow in Design. There’s an old maxim of user interface design about ensuring that products are useful, usable, and desirable.

Beyond Task Completion: Flow in Design

Does the design solve a problem? Can people make it solve their problems? Do people want it to solve their problems? But even if the answers to these questions are all “yes,” now what? “Usable” and “satisfied” are pretty low bars. Shiny Only Goes So Far There’s been a lot of talk about designing for delight. The word "flow" suggests smooth movement in a specific direction.

Being in the Zone: Relaxed and Energized Being in a state of flow is a kind of Zen state that some people describe as "being in the zone. " Imagine you are in the middle of drafting wireframes or creating a prototype. Mihaly Csikszentmihalyi is the chief scholar of flow. Csikszentmihalyi found that people who experience flow are more open and creative than people who don’t experience flow.

A tennis racquet is an instrument of flow? To take it to UX in the digital space, look at mobile apps.

Mobile

Metrics. Job related. CSS. Books.