design

Pixate Freestyle — CSS for iOS Pixate is a free framework that lets you style your native iOS views with stylesheets. Update 2014-12-06 Pixate has pivoted into some kind of “prototyping” tool, but their original library is open sourced and still available as Freestyle : Freestyle – A simple, powerful way to define a native app’s look and feel, using CSS See also: native CSS – the fast hybrid mobile development framework to start developing iOS or Android apps as an alternative to Pixate TM or NUI NUI – Style iOS apps with a stylesheet, similar to CSS And similar: ...

This tool was born from the daily toil of finding sample avatars for UI mockups (via User Inter Faces )

Size Calculator Nick Sherman demo’d Size Calculator , a web application created to bring screen design a capability that print design has enjoyed for 500 years. (via Web Type, Meet Size Calculator ∙ An A List Apart Blog Post )

CAPPTIVATE.co Capptivate.co captures fleeting transitions between app screens and delightful animated UI elements that we’ll otherwise lose forever as apps and operating systems continue to evolve. Categories: Basic Motion Fade Grow or Shrink Motion Path Move or Slide Point At Spin or Rotate Camera Focus or Blur Frame Parallax Rotate Around or Sweep Zoom Simulations Align to Motion Attract or Repel Bounce Collide Ease Drift Gravity Orbit Around Spring Vortex

How emotional design can give your website much more impact In this article I’ll give you an idea of the potential of emotional design. We’ll be looking at copywriting and visuals but especially looking at interaction, since we’re interaction designers. Emotional design is designing for emotions in the user. It means you try to make sure that users feel a certain way. Preferably a way that complements the brand or product, or just the specific process the user is in. ...

(via Should A Logo Be Timeless? – The Logo Company )

I decided to shift away from pure value-based tables about sizes of design elements towards a simple guide that should help to get you started with iOS 7 app design (via The iOS 7 Design Cheat Sheet – Ivo Mynttinen / User Interface Designer )

Stand In. Prototyping that doesn’t suck. Prototypes that feel native, straight from Photoshop.

Typography in ten minutes — Butterick’s Practical Typography This is a bold claim, but i stand behind it: if you learn and follow these five typography rules, you will be a better typographer than 95% of professional writers and 70% of professional designers. (The rest of this book will raise you to the 99th percentile in both categories.) All it takes is ten minutes—five minutes to read these rules once, then five minutes to read them again. ...

If you want to make a mobile app for an iOS device, you are operating at the intersection of software, design, and Apple’s particular development philosophy and tools. True competency requires successfully drawing on key concepts from each of these areas (and filling in your own blanks). (via Everything a Competent iOS Developer Needs to Know [Graphic] )

Why hollow icons are more work for your users and ultimately create cognitive fatigue. (via Hollow Icons — Design/UX — Medium )

Android vs. iOS screen sizes in the market. (via Android Fragmentation Report July 2013 – OpenSignal )

layervault: I’m very excited to talk about a technique that we’ve started using at LayerVault. We call it Progressive Reduction. (…) How does one guide a new user from on-boarding, to low proficiency, to high proficiency? With progressive reduction, the UI adapts to the user’s proficiency. (…) Your proficiency in a product will decay over time without usage. As such, the proficiency reflected in the UI decays over time. Essentially, your UI regresses without usage. ...

Over the course of a year, I researched and created ZXX , a disruptive typeface which takes its name from the Library of Congress’ listing of three-letter codes denoting which language a book is written in. Code “ZXX” is used when there is: “No linguistic content; Not applicable.” (via Making Democracy Legible: A Defiant Typeface — The Gradient — Walker Art Center )

Sketchnote Text, Italic and Bold were built from hundreds of hand-drawn glyphs, and variations on glyphs . These added characters allowed Delve to create Contextual Alternates — multiple variations on each character which help recreate variations in handwriting and can be accessed with tools that support this OpenType feature, like InDesign. (via The Sketchnote Typeface – Rohdesign – Designer Mike Rohde )

Scientists have been studying the way we react to colors for many years. Certain colors make us feel a certain way about something. As long as the designer knows what these colors and emotions are, the designer can use that information to help present the business in the right way. These are not hard and fast rules but smart designers use the information to their clients advantage. (via The Psychology Of Color In Logo Design ) ...

A Good User Interface has high conversion rates and is easy to use . In other words, it’s nice to both the business side as well as the people using it. Here is a running list of practical ideas to try out. (via GoodUI )

**Dieter Rams: ten principles for good design ** (via Vitsœ | Good design ) Good design… … is innovative … makes a product useful … is aesthetic … makes a product understandable … is unobtrusive … is honest … is long-lasting … is thorough down to the last detail … is environmentally-friendly … is as little design as possible Born in 1932, Dieter Rams is one of the foremost industrial designers of the 20th century. ...

Dieter Rams: Design by Vitsœ Speech delivered in December 1976 to an audience at Jack Lenor Larsen’s New York showroom: The designer must be the gestaltingenieur or creative engineer. They synthesise the completed product from the various elements that make up its design. Their work is largely rational, meaning that aesthetic decisions are justified by an understanding of the product’s purpose.

Brad Ellis – Çingleton 2012 (by Çingleton) Team self-assessment skills… quite complementary, no? 🙂 https://www.dropbox.com/s/2uuyynyaemxxtlm/hugo.png https://www.dropbox.com/s/1jx0hi5s99st8a0/susy.png