Recreated the Apple Watch interface in Sketch.app and build an webapp with small animations. I can use it to control my Sony Bravia, Sonos, Hue and much more.
Check out this short Vines:
https://vine.co/v/O7prw9XJppj
https://vine.co/v/OmA6hwqhnbe
↧
Apple Watch iPhone 6 Plus interface webapp
↧
The Skala icon family
Top row: Skala and a .skala document.
Bottom row: Skala Preview and Skala View for iOS.
We just submitted Skala View 1.8 to Apple, and the update includes some of the icons shown here, so I thought I’d present the full set (as they’re going to be seen anyway). The icons are likely to evolve, but I’m fairly happy with their current state.
Skala development is going well. We’re still a while off shipping a beta, mostly due to the insanely crazy concepts and features we want included in version 1, but decent progress is made every week.
Thank you very much for you patience.
↧
↧
Muon Intro
With sound: (download it to get full res) http://bit.ly/1rmKJmH
An abstract intro I made for a minimal/shape based iOS-game back in april.
Unitys physical engine had some major bugs and wouldn't co-operate with Tobias who wrote the code. So we decided not to go any further with it.
↧
The Afterlives
Just released the first of four videos for my new record, Wilderness. It's called "The Afterlives" and was directed by Richard Rankin, previously known for his work with The Body.
Take a look! https://www.palaxytracks.com/
↧
Quartz Composer Yosemite Icon
Made this yesterday as the current Quartz Composer app icon is feeling a little out of place in the Dock.
↧
↧
Lock Screen
iOS 7 seems to be laying the groundwork, but I can't wait 'til we push it just a tiny bit further... nothing unrealistic.
Notification Center does a pretty good job at showing me what I'm going to do today. But the lock screen is the gateway to me and my data, and it can do a lot better by taking some little steps.
A greeting. This humanizes the interaction between you and a technical device. My phone never leaves my side. Siri is my assistant. Someone finally discovered the "Happy Birthday" feature in the OS X setup. When I wake up, and first turn on my phone in the morning, there's no reason it can't greet me like an assistant or butler.
"Good morning. It's 62° and sunny."
The greeting can be switched out during the day of course to "Good evening," or have specific ones for different days. My phone is starting to learn where and when I go to work, it could even be used to nudge you. "Running late, today!" or even "Finally, the weekend."
Notification Center in iOS 7 tells me the weather for the day, but doesn't always give me the weather for now. The weather is so fascinating (and easy to collect data) that many apps are spawned to solve this. But all will pale in comparison if the lock screen ever shows it.
Meetings. Again, Notification Center has a kind of calendar view to show you your day at a glance, but it means again pulling it down from the lock screen or elsewhere in the system. At the very least, your soonest meeting could be displayed, and again, maybe with a nudge.
"You're meeting with Michelle in 23 minutes." or even "You only have 5 minutes to get to your meeting with Patrick."
Just as Music (while playing) takes over the lock screen, so too can this most basic information in the morning hours and even throughout your day.
I really hope to see these kinds of simple changes (and more!) happen in the future for iOS, because no app can solve these problems.
↧
Assembly Feed
Love thinking through problems this way.
↧
Amsterdam Map Icons
For the last Lost Type Field Trip I made these icons for a custom Google maps with all of my favourite places in Amsterdam.
↧
UI Font Diversity
Back in July I made this comparison. It's pretty interesting how much overlap there is in the construction of ostensibly different sans-serif UI fonts.
Try squinting, it's fun to see how your eye averages the seven fonts together.
↧
↧
Cable Icons
MagSafe, Lightning, and HDMI as a set of icons.
↧
Mountain Photo Synced
Don't worry boo, that epic mountain photo you took is safe and sound in your Dropbox folder.
↧
Idea Tiles for Assembly
Working the brand into some methods for creating unique imagery for ideas that aren't products with logos yet.
↧
Project Meat Tornado
Commemorative poster for Project Meat Tornado, aka Verge 2.0.
↧
↧
Hotel Icons
some icons of our new hotel icons
↧
iOS Springboard Widget
It's always bothered me that Apple doesn't use springboard pages to display widgets, especially since the existing pull-down menu just seems so cumbersome and poorly designed, so I decided to imagine how something like weather and upcoming events might be better implemented into iOS.
↧
Plants
Found these plant illustrations on The Commons and was digging them so I decided to make a poster series with them - this is a small part of that series.
↧
Mindnode 1.11 Icon
Since the 2.0 release is still being developed, we shipped an updated app icon for the 1.11 version of MindNode, so it better fits in with Yosemite.
↧
↧
Deliveries for Apple Watch
I've been tinkering with this for the past week or so. These are actually screenshots of the app, already functional—and displayed in the wonderful Bezel app by Troy Gaul.
Working with the Apple Watch SDK has been interesting and fun. As you may know already, the guts of the app run on your iPhone, and the watch itself just has a storyboard with the layout, and some images files. The iPhone sends the watch data and simple instructions for configuring the display. The watch needs to know how to construct the layout on its own, so layout is a bit more like CSS than UIKit. You use groups to line things up and add padding, each element has a vertical and horizontal alignment, and so on. It's simplistic but by nesting groups you can do quite a bit with it.
Anyway here's where I'm with it right now. It's sort of a cross between the Today widget and the iOS app—you get a list of deliveries you can tap on for more information. The detail view has a simple map, and you can force tap to archive or manually refresh. There will also be a "Glance" with a summary of deliveries arriving soon, and notifications with action buttons just like the iOS app.
↧
Icons
Icons
↧
Baby Groot
I made this mini-painting for my pal @[13774:Justin Mezzell]'s brand new wee man-child and I figured, whats the coolest baby out there? Baby groot, awww yeeeah.
I'll print a few more up and bring them with me to Creative South as we're gonna have a merch booth. Some extra special prints to come!
↧
Drubbbler - Schedule Your Dribbble Shots
↧
↧
Sustam
S monogram
↧
Wifi sharing app. Another try
Yesterday I screwed up good idea with a kind of overdesigned visualisation https://dribbble.com/shots/1926460-Wifi-sharing-app. Today I gave it a one more try, but this time with less colors and textures. See attached for the very first steps. How is it today, guys?
↧
Morse Code Speed And Action
The app translates text into morse and vice-versa. Doing some final touches. First screen shows morse playing, second one allows you to adjust speed of your message transmission. Full sizes attached
↧
Editor Revamp
We're rolling out a new look for the editor, plus a few more features to make the screen linking process even easier :)
---------
Marvel is a free, no limits, prototyping tool for everyone. Start with unlimited projects for free, no time limits.
www.marvelapp.com
↧
↧
Adobe Ink & Slide packaging
More Character work. Commissioned to design packaging for Adobe's Ink & Slide packaging. We wanted to focus on Adobe's values of expression and creativity while designing a package that pays homage classic clam shell pen cases.
Designed at Character with Paul Miller and @Will Geddes
↧
Muir: Set Icons Automatically
For the first time since I started making icons, I now have a little application I can bundle with my icon packs that automatically replaces the icons on your system with the ones in a set.
It's super cool! You can try it out in the latest Muir release, or in the Master Collection (all Muir sets in one, with extra bonus icons!) coming out soon.
Set Icons was made by James Moore on my couch right here in San Francisco, with help of setfileicon by Damien Bobillot. Icon is a quickie by yours truly.
(I just figured this out, but apparently you can use 'L' on your keyboard to show James & I your gratitude. Yay, keyboard shortcuts!)
↧
WATCH icon
Just for fun
I've attached the .sketch file (3.3 beta)
↧
Icosahedron Spheres PSD
I've been experimenting with some simple icosahedron spheres for a couple of projects lately and wanted to share a few renders with you in case some of you find them useful for background art or space age madness straight out of the 80s.
These were rendered in Cinema4D and the colors/gradients can be easily changed from the PSD.
Download here: http://d.pr/f/V2x1
↧
↧
Multi-Select Table Cells (Applied to Spotify)
We need good multi-selection paradigms. I'm looking at you, Spotify :).
Built with FramerJS. I'll release my code at some point (good news – very limited JS/CS to make this happen).
↧
Evernote Yosemite Icon
I've been testing Yosemite for a while now, and some icons look really out of place on apps that I love / use every day. So I have replaced a few icons with more "Yosemite-like" ones. This is just a quick design, but one I quite like :)
TO INSTALL:
Download the attached png file, open it and copy the image to your clipboard, click "get info" for Evernote in your "Applications" folder in OSx, click on the little icon on the very top left, and press ⌘ + V (paste).
...enjoy your new Evernote icon! :)
↧
Fashionography / Films
↧
SJ's Min resa for Apple Watch – Departing
ALL ABOARD!
↧
↧
Calendar App
hey!
a bit too much color information for a gif.
please check @2x for the snow.
working on a screen for each month.
↧
Pokébiome 001: Bulbasaur
I'm not going to lie, this is probably the most fun I've ever had animating something.
You may be familiar with the work of Steven Crosby (rocketbloc™). His Pokébiome Illustrations are wonderful, and I approached him a few weeks ago asking if I could take a crack at animating them. Here is the result of the first of three animations in the collection. I bet you can guess what the next will be!
Be sure to check out the attached MP4 for a 1080p version, complete with sounds that will bring you back. You can also view it here:
↧
loop-eee
Today's letter: E!
I used to play a lot of Sonic...
#riotvisualdesign
↧
Cenote
Back from my honeymoon in Mexico. The cenotes and diving there was amazing.
↧
↧
Dead End
Goodnight, sweet prince.
↧
Inside Out Emoji
The characters from Pixar's Inside Out seem like they'd make good emoji.
Hire Parakeet for your emoji project!
↧
Lumos
new world approaching
↧
Console Sheet
Create New User and Edit User ui iteration // View the @2x
↧
↧
Apple Music Replacement Icons
A couple of alternate takes on the Apple Music icon to match the Spotify icons I posted. I actually like the colors of the original a lot so they're pretty much preserved here, I just prefer how these sit in the dock.
Grab them here → http://d.pr/f/1f7XZ
↧
NIDO Weather App
As a sequel product to NIDO Time, here is the NIDO Weather. Still using the same font i created myself.
Most importantly, make it super clean as when i'am entering a weather app, what i only want to know is the whether and temprature. That's it.
Temprature indicated by huge type while weather by animation at the background.
Instagram
https://instagram.com/rambleren/
Twitter
https://twitter.com/Rambleren
↧
Joining Quora
One month ago I started as Quora's first platform designer.
The platform team is focused on improving the consistency across all platforms (iOS, Android, Web), and building tools for our product designers (components library, reusable UI patterns, docs, guides, etc..)
Oh, and we're hiring :)
https://www.quora.com/careers/product_designer_platform
See you there!
<3
↧
New Homepage
Worked on a brand new homepage for objc.io to mark the Early Access launch of their new book, Advanced Swift.
↧
↧
Free iPhone 6 PLUS, 5.5-inch Templates [PSD]
![Free iPhone 6 PLUS, 5.5-inch Templates [PSD]](http://d13yacurqjgara.cloudfront.net/users/25514/screenshots/1731346/iphone-6-plus-template-free-psd-ramotion.png)
iPhone 6 Plus, 5.5-inch Space Gray, Gold & White mockups. See demo PSD here.
All the mockups are available in high-res here:
→ store.ramotion.com
↧
Abstract Clock experimental
↧
HSB
Playing around with some ideas for a simple colour editor on Niice.
I like the simplicity of this, but I wonder whether the H S B is clear enough? Target audience are designers, but is that enough?
↧
Free Paint Marble Patterns
Started these for a project and decided to make extra and release them. They are all 1800x1800 jpgs that were photographed with a macro lens, there's a little bit of noise and natural look.
You're welcome to do whatever you'd like with them, would love to see what you do! Split into 2 zips, 1-5 and 6-10.
↧
↧
Сute stump
Hey guys! Here is my new shot. Unfortunately, web colors has limitations
So I made a GIF version in 4K resolution for you: https://youtu.be/KvN9YMd-CFM
Animation: Nikita Melnikov
Illustrator: Beresnev ( https://dribbble.com/Beresnev )
Enjoy (:
↧