Design

For the record: It’s super important for us to keep this site 100% free for you and 100% high quality. To help us do that, we’ve partnered with some of

LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.

Everybody likes logos. Everybody wants their own logo. Everybody wants to make their own logo. Everybody has a computer and some fonts. Anybody can make a logo. What makes designers think they are so special?

Designing iOS apps can be difficult sometimes, but finding correct and up-to-date information about all of Apples’ devices shouldn’t be.

“the designer’s toolbox”

… tips, tricks, examples and tutorials. Updated regularly.

(Pay what you want)

Here is represent a fresh collection of different, remarkable mobile app interfaces that comprise elegant and nifty side menus with amazing and realistic flip animation.

The ongoing debate about skeuomorphism in software interfaces misses the point.

by @dfadeyev

Forecast font downloadable iconfont to create multilayered weather icons. Created using Iconvau.lt

… a free Photoshop resource that makes it easier for you to make icons. Edit a single object and it’ll automatically render out all the various sizes required on iOS & Android. Build in textures and colors make it easy to get started and the bundled actions make exporting a breeze.

Curated Videos for Web Designers

Add Vector Icons to Your Website. Create your icon fonts in seconds. Make your website faster. Over 9,000 icons available. Import your own vectors

… web conferences on your desktop → OUT OF BUSINESS

by Brad Frost, Smashing Conference 2012

Die Zehn Thesen für gutes Design von Dieter Rams.

calc() is a native CSS way to do simple math right in CSS as a replacement for any length value (or pretty much any number value). It has four simple math operators: add (+), subtract (-), multiply (*), and divide (/). Being able to do math in code is nice and a welcome addition to a language that is fairly number heavy.

«[…] Atomic design provides a clear methodology for crafting design systems. Clients and team members are able to better appreciate the concept of design systems by actually seeing the steps laid out in front of them. […]»

… a brand new open source CSS library designed to help developers build web apps with an emphasis on speed. It evolved from the Adobe design language developed for Brackets, Edge Reflow, and feedback from the PhoneGap app developer community. → http://topcoat.io/posts/introducing-topcoat/

[User interface icons and Illustrations] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.

[Product icons and logo lockups] In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.

A collection of awesome six second transitions and animations.

… lets you upload your design, share a short URL, and get live, annotated feedback super-fast. It remembers you— there's no logging in, no project management, no bullshit.

«In this guide I’ll describe the deliverables you’ll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design concepts.»

… for Offscreen Magazine by Adam Whitcroft