38 private links
A series of extraordinary and independently made short films [about] some of the amazing, true-life stories behind the stories.
At first glance, InDesign might not seem like a natural choice for UX design. But the interactive and animation tools that make InDesign great for designing ebooks and apps also happen to be ideal for designing wireframes and prototypes. In this installment of UX Design Tools, Justin Putney shows how to use InDesign's grid and guides to align wireframe objects, create shapes, save and reuse text and object styles, and add interactivity and motion to your designs. Plus, learn how to create alternative layouts and liquid layouts that automatically scale when displayed on different devices, and build a library of reusable artwork.
The Usability Body of Knowledge is dedicated to creating a living reference that represents the collective knowledge of the usability profession. Such a collection of knowledge for the usability profession will necessarily be broad and inclusive in scope, because our profession is inherently multidisciplinary and draws on a wide range of other practices.
After an Australian vessel, Ocean Shield, again detected deep-sea signals consistent with those from an airplane’s black box, the official leading a multination search expressed hope Wednesday that crews will begin to find wreckage of a missing Malaysian airliner “within a matter of days.”“I believe we’re searching in the right area,” Retired Air Chief Marshal Angus Houston said.
The biggest collection of Design Principles on the Interweb.
SVG profiles
SVG 1.0: all modern desktop and mobile browsers support SVG 1.1, so never choose this option.
SVG 1.1: You will almost always want this.
SVG Tiny/Basic: this is a subset of SVG intended for mobile devices. Only a handful of devices support SVG Tiny and not the full spec, so go for SVG 1.1.
Note: SVG Tiny does not reduce the file size, it's just a subset of SVG that is adequate for low processing power devices. It will discard gradients, opacity, embedded fonts and filters. Erik Dahlström says: All SVG 1.1 full viewers should be able to display all of the SVG 1.1 Tiny/Basic content (according to spec), and probably all of the SVG 1.2 Tiny content that Illustrator produces too.
Fonts note: if you don't have any text in your image this setting doesn't matter.
Adobe CEF: never use this option of you intend to display it in browsers. It's Adobe's way of embedding fonts in SVG files, as far as I know this is only supported by Adobe's SVG viewer plugin.
SVG: this embeds the font as SVG, which is not supported by Firefox, but is a good option if you intend to support only mobile devices (which usually run webkit).
Create outlines: you will want to do this most of the time, unless you have a large amount of text. If you have a large amount of text you will want to embed the font with WOFF but you will have to do this by hand.
Subsetting:
None: this will negate the previous setting and will not embed any font, if you don't care that the font falls back to some other font in the user's computer choose this.
Only Glyphs used: you will want this most of the time if you choose to embed the font. It only embeds the characters used so it doesn't inflate your file size.
[rest of subsetting]: this is fairly clear, you can choose to include the entire font or subsets of it. It is only useful if your SVG is dynamic and the text might change based on user input.
Images: this only matters if you are including bitmap images
Embed: this is usually what you want, it encodes the image as a data uri so that you just upload one file instead of the svg file with it's companion bitmap images.
Link: use this only if you have several svg files that reference one bitmap file (so it's not downloaded every time it renders the svg file).
Note that linked bitmap images won't display if the SVG is displayed through the <img> tag, because img doesn't allow loading external resources. Furthermore: webkit has a bug that does not display bitmap images within svg files even if you embed them. In short: use a plain <svg> tag if you intend to embed or link bitmap images, don't use <img>.
The four most important typographic choices you make in any document are point size, line spacing, line length, and font (passim), because those choices determine how the body text looks.
NinjaMock delivers all of the typical controls used in mobile apps and web designs. iOS, Android, Windows Phone, Surface: we have all you need to start prototyping apps for your mobile device projects.
Good product design incorporates a number of timeless principles for human-computer interaction. The principles described in this chapter are critical to the design of elegant, efficient, intuitive, and Aqua-compliant user interfaces. In fact, they drive the design of the OS X user interface.
Bouches-du-Rhône Tourisme présente ses regards d’artistes sur la Provence, Marseille et la Camargue durant Marseille-Provence, capitale européenne de la culture en 2013. Découvrez les Bouches-du-Rhône à travers les photographies et illustrations de Metzger, Messina, Lacombe, Pacaud, Paillé…
So how do you combat this lack of control? You design for total flexibility.
Conceived in collaboration with photographer Pierpaolo Ferrari and published by Deste, Toilet Paper contains no text but combines commercial photography with twisted narrative tableaux and surrealistic imagery to create a journal that is as appropriate for the coffee table as it is for the WC.
They are road signs for your daily rituals — the instantly recognized symbols and icons you press, click and ogle countless times a day when you interact with your computer. But how much do you know about their origins?
Icons are notoriously ineffective as labels, being very difficult to interpret correctly without training or experience. For most situations, users learn correct interpretations better with text alone than with icons alone.
Multimedia Stories, Data Visualization, Explanatory Graphics, Breaking News, Visual and Interactive Features
Recently, a friend suggested that I write an analysis of news websites: what they’re doing right, and what they’re doing wrong. He suggested that the online news experience was too backward, and maybe a bit boring, and figured that they could make better use of AJAX and similar technologies to streamline content delivery and site navigation.
Bebas Neue is a sans serif font family based on the original Bebas Neue free font by Ryoichi Tsunekawa. It has grown in popularity and become something like the “Helvetica of the free fonts”.