Rocco Bruehl

116 Added | 11 Magazines | 115 Likes | 5 Following | @rccbrhl | Keep up with Rocco Bruehl on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Rocco Bruehl”

Prototyping with Framer

When designing apps for the Apple Watch, one of the core principles is to keep it simple. The Uber app for Apple Watch is a prime example of this, …

Yosemite Sublime Text Icon

Trying out the different styles of Yosemite on the icon. Downloads: Instructions on usage are included in README.md Round: Download & Full Project …

Your Design Is Wrong (And Here's Why)

A design can be wrong. The entire thing can be wrong, parts can be wrong, or even a tiny, 10x10 pixel area can be wrong. Not, "I think it's good but …

iOS7 Swith - free After Effects file.

Got some free time today to experiment with AE. Feel free to play with the attached After Effects file. :) I guess this switch is my favourite part …

DelightfulDev

Basel

This Chrome extension turns your browser windows into manageable workspaces

If you work, play, shop and socialize in the same browser, it’s easy to open up way too many tabs for your desktop’s own good. Spaces for Chrome encourages you to group them into different windows and lets you manage them easily.<p>For starters, you can name each browser window, or space — say, …

fluffy sliders

Thought I'd try a refreshed look for common audio UI sliders. I love my audio UI sliders, you know. :)

WearUI.co

ABOUT<p>The future is wearable and designers need more inspiration / inspiration collected together. That's why I created wearui.co. It took for me …

What Is Information Architecture And What An Information Architect Does

The term <b>information architecture</b> is now being widely used to describe the structure and organization of information on a website and how it all fits …

Information Architecture

CSS Menu Animations

CSS Menu Animations<p>by<p>Like? 1,973 likes<p>Bucket<p>Views 132,543 views<p>#353D5A<br>• #33578D<br>• #3F72C7<br>• #F44283<br>• #AA445B<br>• #FFFFFF<br>• #DEE0E0<p>Tags<p>keyboard shortcuts: <b>L</b> or <b>F</b> like <b>Z</b> …

Filter Menu

Here is a concept of a filter menu I made for a secret InVision project. Stay tuned for more! Press L to show some love Follow the InVision Team Not …

CSS Text Styles Hover Effects

Awesome image transition effect triggered when hovering over the photo, created in pure CSS by Codepen user Callum Macrae.<p>Great looking pure CSS …

CSS

Showcasing UI Interaction Design with Animated GIFs

The humble animated GIF has become a popular tool for designers to share their UI designs. How a web or app interface works is just as important as …

Why visual consistency can make or break your web design

Humans are visual creatures.<p>Compared to the rest of the animal kingdom, our other senses are, to put it politely, "lacking". So we rely heavily on …

UI Design

Successful user experiences may rely more on psychology than design

A great user experience, or UX, be in internal or external, needs to really be felt as much as seen.<p>User experience (UX) has always been looked at as …

UX Design

Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design resources for Sketch.

Hi everybody, this is a simple user interface KIT I want to share with you. It comes with some screens for a image gallery with details of albums. I …

Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch

Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design resources for Sketch.

Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design resources for Sketch.

This is an experimental music app that I've been doing for fun. The interface was created inspired in @Spotify and Rdio's design.

IQ Dashboard

Here's a dashboard concept I designed for IQ Statistics, check out the real pixels: https://dribbble.com/shots/1890641-IQ-Dashboard/attachments/322074

Fontstand wants to be the iTunes for fonts by renting thousands of typefaces at a fraction of the purchase price.

The cost of buying multiple fonts can be prohibitive for designers and type nerds. Launching on Friday, Netherlands-based Fontstand from independent …

Typography

Can a Font Make Us Believe Something is True?

In 2012, Errol Morris conducted a provocative test: The writer and director wanted to find out if certain fonts changed the way we perceive what we …

The 10 Commandments of Good Form Design on the Web

1. Thou shalt provide clear, always visible labels for each field<p>There is a trend in web design to show form labels only when a field is focussed. …

Web Development

Raspberry Pi gets an ePaper display screen from PaPiRus

Raspberry Pi has practically unlimited possibilities in the hands of talented hackers and makers. Even Silicon Valley giants like Microsoft are …

Google’s new ‘Literata’ font makes ebooks beautiful

You expect different fonts in the books you read than on the Web pages you read, and so it is common for some fonts to only be found in books — …

Google makes a Hangouts Mac app you'll want to use

Listen up, OSX users: with the new Hangouts update from Google you might actually want to use the official app rather than Adium. It consolidates your contacts on the left side of one window and puts your chats on the right as you'll see below. It's pretty simple and intuitive and is rocking …

Meat your match with this Tinder-swiping steak

Dating apps are often characterized as 21st century "meat markets" and, thanks to this Dutch art installation, Tinder's getting uncomfortably close the real thing. The piece, appropriately called <i>Tender</i>, was built by four students at Leiden University in the Netherland. It's scheduled to debut at …

Ecocapsules are pint-sized solar and wind-powered micro homes

Ecocapsule is a small, egg-shaped abode that could be the perfect home for someone who wants to let it all go like Elsa and live off the grid. Its roof is decked with 600W solar cells and a built-in 750W wind turbine that store the energy they harness into a high-power battery. The structure's …

Skully debuts AR helmet app while navigating delays

Skully CEO Marcus Weller stood in front of an crowd of customers that shelled out $1,500 to be one of the first recipients of the company's helmet with a heads up display and rear-facing camera to answer their questions. A few weeks ago Weller sent those backers a video message explaining that …