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. Watch video tutorials and download free samples on prototyping with Keynote and PowerPoint. Video Tutorials Keynote Prototyping Essentials How to Prototype an interactive iPhone App in 19 Minutes How To Design a Custom Control in Keynote How to Create Animated Transitions.

Watch video tutorials and download free samples on prototyping with Keynote and PowerPoint

Design Staff – Helping startups design great products. Breaking Development: Modern Web Designer's Workflow. In his A Modern Web Designer's Workflow talk in Dallas, TX Chris Coyier outlined how he designs and builds Web site including the tools and techniques that work for him.

Breaking Development: Modern Web Designer's Workflow

Here's my notes from his talk: Workflow is what works for you. Normalize CSS. Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Heading 2 (in section)

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.

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. 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.

Emotional Design with A.C.T. - Part 1

These experiences help to forge relationships between the products we create and the people who use them. Whether you’re designing a website or a physical product, the formation of a relationship depends on how useful, usable and pleasurable the experience is. Ultimately, we form relationships with products and services for the same reasons we form relationships with people: Pleasurable products are attractive and make us feel good. Attractive people can have the same effect.Usable products are easy to interact with and easy to understand. 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. 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? Mobile. Metrics. Job related.

CSS

Books.