Icon x alert

MDS
MDS

Athens, GA

Shape shifter. Working on a new interface design course. shiftnudge.com

  1. Night Run action condensed interface invision invision studio ios iphone iphone x mobile ui Night Run — Faux heart rate display for this conceptual running app. Designed with InVision Studio. Check out the full design + prototype on YouTube. 👉 https://www.youtube.com/watch?v=V7okfgeJ7qA That juicy font I'm using for the numbers is Action Condensed. Look at that "3"... so good. 😍
  2. Oops ui mobile iphone x iphone ios invision studio invision interface action condensed Oops — Faux error notification for this conceptual running app. Designed with InVision Studio. Check out the full design + prototype on YouTube. 👉 https://www.youtube.com/watch?v=V7okfgeJ7qA
  3. Subtle Animation invision invision studio prototype motion animation ui iphone iphone x ios mobile interface action condensed Subtle Animation — It's all about those subtle animations. This is a closeup look at a simple swipe interaction using only 2 artboards in InVision Studio. See the full design + prototype here https://www.youtube.com/watch?v=V7okfgeJ7qA
  4. Switch to Studio – Launched! 🚀 animation studio resource responsive home page landing page invision studio Switch to Studio – Launched! 🚀 — View it live 👉 https://switchtostudio.com --- Closer look at the home page for Switch to Studio.
  5. Panel Illustrations mikro resources illustrations animation invison studio Panel Illustrations — These are some of the illustrations I made for each section of the free Switch to Studio course.
  6. Switch to Studio 🚀 animation video form responsive landing page invision studio invision Switch to Studio 🚀 — Switch to Studio is live 👉 https://switchtostudio.com --- Excited to launch this project I've been working on over the last few months. Content creation, video producing, designing, developing... all for a new (free!) video course called Switch to Studio. See attached for large views.
  7. Streamline 3.0 is here mobile freebie animation pricing form responsive web marketing streamline icons Streamline 3.0 is here — Streamline 3.0 is live! The icon set is crazy big and soooo good—made my job a lot easier. There's a special launch discount valid for the next 2 weeks. Go check it out. 🚀 https://streamlineicons.com/ ✭ Design/code/copy by yours truly ✭ Animations by @Yup Nguyen ✭ Icons by @Vincent Le Moign and team
  8. Streamline watchOS streamline icons ui watchos apple watch Streamline watchOS — Fake watch app screen to put using a few Streamline icons. ＿＿＿＿＿＿＿＿＿＿ Icons by @Vincent Le Moign Watch Mockup by @Meng To Edit: Oops, used the wrong file for this shot. See attached for an extra little upwards graph icon by the MPH. 🙃
  9. Streamline Category Viewer theme responsive dark web app icons Streamline Category Viewer — This is the dark theme from the Streamline icon category viewer. Default is white, but I'm always partial to the darkness. =) See attached for each variation. Get notified when the new set launches.
  10. More Cowbell osx macos midi keyboard ui interface app desktop app mac More Cowbell — Smaller instance of the Cinesampler app plus the final icon design for the dock. 👍
  11. Cinesampler Default View osx macos midi keyboard ui interface app desktop app mac Cinesampler Default View — This is the default view after downloading the Cinesampler app. Feature section, simple instructions up top to get started.
  12. Cinesampler – Music app osx macos midi keyboard ui interface app desktop app mac Cinesampler – Music app — This was a really fun project. It's a Mac app for composers (will also be cross platform) that lets you stream professionally recorded instrument samples to your computer for testing with your MIDI keyboard. This view shows 6 instruments loaded into 6 MIDI channels with the library catalog collapsed. You can see other views in the Cinesampler Project.
  13. Steady Income list chart dashboard iphone x app mobile Steady Income — Here's a look at one of the main views in the Steady app. Who doesn't love a good chart. 😏
  14. Steady Profile tab bar icons input list profile iphone iphone x app mobile Steady Profile — This is the Steady profile. I've been super into borderless designs lately—trying to use the bare minimum of "UI chrome" like lines, differentiations of background color, etc. to separate content, and instead rely on typography/color, motion, interactions, etc.
  15. Steady Info interaction form input profile iphone iphone x app mobile Steady Info — Trying to go for super clean and super useable. I always feel conflicted about which input style to go with on iOS. The prevalent 1-2px lines beneath input fields aren't always the most apparent. I like the way the full color backgrounds on these inputs say, "this whole area is a target... touch me anywhere to use." 👍
  16. Settings settings switch toggle mac os mac sidebar input form interaction ui desktop app desktop Settings — Settings in the app. Little custom toggles and such. These took surprisingly long to settle on. Full preview and some other styles explored, attached...
  17. Mnemonic emoji mac os mac sidebar input form interaction ui desktop app desktop Mnemonic — Mnemonics are used as the log in for digital wallets. When you create a wallet you have to remember/write down your mnemonic. Here are some screens that make it easier, so you don't have to type every single word again. More screens attached.
  18. MyMonero UI Animation mac os mac sidebar accordion interaction animation ui desktop app desktop MyMonero UI Animation — Playing with some animations for the MyMonero marketing site. Frame rate is a little faster to appease the 8MB-dribbble-limit-gods. 🙃 Built in good 'ol Flash....err... Adobe Animate.
  19. Emoji Contacts emoji mac os mac sidebar input form interaction ui desktop app desktop Emoji Contacts — One of the challenging things about cryptocurrency is all of the crazy long addresses that can't be remembered. To try to hedge this barrier with MyMonero, I came up with the idea of simple contacts list that could be use for quick transactions. No one's going to have photos lying around on their computer of all of the random people, and we didn't want to rely on facebook or twitter avatars fo...
  20. MyMonero Landing Page mac marketing animation landing page desktop app ui MyMonero Landing Page — Nearing completion on this landing page design. A few more tweaks and should be ready for code. Larger non-motiony version attached.
  21. MyMonero sketch list interface ui sidebar desktop app mac MyMonero — A glimpse of the MyMonero desktop app I've been working on. App designs are 99%~ complete—working on the landing page now... This is my first foray into the world of cryptocurrency and designing for a desktop app. Lots of fun problems to solve. Smash that L key to show some love. 😘
  22. Flowkit Path Demo design system library ui ux user flow sketch Flowkit Path Demo — A lot of you know how symbol overrides work in Sketch, but I wanted to show a simple way for those that aren't as familiar. This is what I came up with. ✌️ Check out the live version https://sketchflowkit.com
  23. Little Flowkit Flows design system library ui ux user flow sketch Little Flowkit Flows — Had fun making these little guys to show off a few of the symbols in action. The animation is done by adding a class name to the dashed svg code and animating with CSS like this: .fk-path-alt animation: strokeDance 5s infinite ease-in-out @keyframes strokeDance 0%, 100% stroke-dashoffset: 0 50% stroke-dashoffset: 240 You can see it all in action at https://sketchflowkit.com 🤘😎
  24. Flowkit – Sketch Library design system library ui ux user flow sketch Flowkit – Sketch Library — This little OCD side project turned into something much more. I spent several weeks fine-tuning the most robust and intelligently-named symbol collection for user flows, content maps, etc. I could possibly muster. So I never had to draw any of this again. After testing it out on several projects myself and sending it to a dozen people or so to do the same, I've tweaked refined, renamed, rinsed...
Loading more…
close