interaction designer @OpenAI
Silicon Valley
- Tweets 6,388
- Following 852
- Followers 103,439
- Likes 13,546
A Time Machine-like interface to jump around your iMessage conversation history
133
277
6,970
574,491
There's actually a formula for this if you wanted to go a step further —
inner radius = outer radius - distance between outer and inner edge
88
742
6,114
👀 a rogue macOS cursor made it into this WWDC session video. I wonder what this says about how these videos are produced?
45
56
2,882
680,597
the spatial perspective warp effect on the iPadOS app launch transition is so cool
70
87
2,359
136,613
Today is my first day at @linear ✨
Excited to be joining this talented team dedicated to building quality software. I’ll be designing Linear Mobile.
148
15
1,872
132,411
a (rough) iOS Split View concept
there are many reasons this form doesn't work well but the interaction was fun to prototype
88
75
1,812
358,467
Would love to see Apple take dark mode icons one step further and sample the primary icon color to use as a subtle tint on the dark background.
41
44
1,525
87,151
My favorite way to fine-tune transitions is to build a set of sliders into a prototype to tweak timing parameters on device, as you're using it.
37
56
1,523
146,485
I'm often asked how to start when it comes to creating icons and I think this quote from @sdw really nails it. When I was beginning to learn to incorporate 3D into icons, I started by trying to make an exact recreation of Apple's Grapher icon:
17
165
1,480
🔐Excited to share the new icon I created for @1Password! I'm incredibly grateful to have had the opportunity to work on the iconic lock apps.apple.com/us/app/1passw…
75
39
1,406
Nice blur transition to expose the CoT without overwhelming the conversation scroll view.
24
33
1,446
152,438
✨ @linear has a new icon! This was a challenging icon to get right but it was a blast to work with their team on it and I’m really stoked with how it turned out ✨
69
30
1,281
behind the scenes of the new tab bar menu I designed for Linear:
as always, it's a prototype that exposes a bunch of sliders
44
49
1,353
112,932
Shipped a new icon to GitHub for iOS! Add some radiance to your home screen with "Ruby" in the latest update 👑
35
36
1,175
I captured my process making an icon here. I’ve always loved the magnifying loupe metaphor and the execution on this one was a fun challenge! As you can see, it’s all in the details.
Maybe I’ll try some more in the future if you find this interesting 📽️
22
54
1,167
Shipped an icon throwback to GitHub Mobile today — Find & Replace 🪡
next up, a fully stitched leather UI? 🤔
67
42
1,145
GitHub Universe is right around the corner and that means I've been working on a new alternative iOS app icon, Diffraction 🌈✨
shipping today 📦
50
29
1,089
Time to ship some 80's inspired GitHub icons ✨
Solarwave & Neon Nights
ALT two retro shiny GitHub icons. One is blue and orange with sparkles and the other is blue and pink with sparkles.
39
29
1,037
111,811
I’ve seen a handful of apps using progressive blurs to transition content off-screen or behind elements and they often end up looking messy and making the exiting content a focal point.
One way you can avoid this and still make a nice transition is to reduce the max blur radius, and combine it with a gradient fade-out.
21
30
1,073
116,858
A new overlay sheet pattern I've been designing for Linear.
- Smooth entrance + snappy exit
- Lightweight visuals
- Gesture driven: drag down to dismiss, swipe back to pop (or dismiss!)
What do you think?
47
15
1,074
91,364
Does anyone else consistently struggle to get back to the alphanumeric keyboard after using emoji search?
Selecting an emoji doesn’t return you to the full emoji keyboard and the button to manually do it is moved from the left to the right.
51
57
1,000
Put my own advice to practice and tried to recreate the TextEdit icon from scratch.
I'm often asked how to start when it comes to creating icons and I think this quote from @sdw really nails it. When I was beginning to learn to incorporate 3D into icons, I started by trying to make an exact recreation of Apple's Grapher icon:
25
48
980
the driving directions UI of Apple Maps is so well done. High contrast, not distracting, and highlights what is important to see out of the corner of your eye.
Google Maps for comparison:
36
52
923
A deep dive into my unscientific process for creating these interface renders for the new Linear homepage
nelson.co/work/linear-render…
41
51
968
85,062
I love the direction of the new Amazon app icon, but it gave me the urge to take a pass at the execution myself.
50
23
854
It’s a classic but I still think these nav bar title animations are the best. great spatial interface detail.
11
45
850
Say hello to Holo, the shiny new alternate app icon landing in GitHub for iOS! It was a lot of fun playing with making an iridescent / holographic material for this icon. Hope you like it ✨
25
26
851
Rendered a new @linear icon to complement the interface refresh. Shipping in the latest app update.
ALT Linear app icon in its new grayscale metallic look.
49
12
847
76,452
ALT A macOS icon featuring a blueprint background that fades to a rainbow gradient in the upper left corner. A rendering of a pencil and magic wand form an X on the canvas.
50
26
823
CDs are still the coolest metaphor for music
ALT A simple CD ios icon. White background, angular colorful gradient to color the CD.
21
25
769
Finished up my weekend project - a take on the classic Things icon. You can grab the download here gnelson.gumroad.com/l/things…
42
21
779
Safari and Mail
ALT Two iPhone app icons. The left is Safari with a blue compass metaphor and on the right is Mail with an envelope floating with clouds in the sky.
36
14
760
Messages and Twitter
ALT Two iPhone app icons. A messages icon with retro blue and white overlapping chat bubbles and a simple Twitter bird on a blue sky background.
26
16
760
if you set your dock to hide, run this Terminal command to get rid of the slowest animation on macOS:
Defaults write com.apple.dock autohide-delay -float 0 && defaults write com.apple.dock autohide-time-modifier -float 0.4 && killall Dock
trust me
I do a lot of customer interviews with designers. It surprises me the number of folks who don’t use the `Automatically hide and show the Dock` settings?
That Dock takes up so much screen space especially on laptops.
What is your setup?
32
34
745
240,862
Straight out of @halidecamera Process Zero. The lack of crazy HDR-ness that this scene usually produces is refreshing.
35
9
742
59,407
Excited to release Monterey - my macOS Big Sur icon theme.
26 icons including core macOS apps and select third party apps with installation instructions (Catalina + Big Sur).
Go get them here gnelsondesign.com/monterey
34
58
716
A tip for anyone recording an iPhone screen—plug your phone in and record it through QuickTime to get a clean 9:41 status bar with no screen recording indicator.
QuickTime > New Movie Recording > Choose your iPhone as the source
18
23
742
62,527
New version of @FlightyApp landing soon with some all new icons I had the pleasure of working on ✈️
26
13
716
118,086
Music icon idea. I want to incorporate some red, but it's tough to make it not look like a badge with the CD metaphor.
52
30
693
Personal news ✨
Super excited to share that I am joining the product design team at @github where I’ll be working on the mobile apps! Thrilled to be a part of such a talented team.
41
3
642
been feeling like it was time for an avatar change. something that feels more like me. if you're thinking 'who is this?' here’s a before and after
25
6
673
72,745
I spent some time designing and building a new website and portfolio recently. Let me know what you think nelson.co
66
14
626
97,004
🎉the small collection of iOS icons I've been posting recently are now available for download!
gnelson.gumroad.com/l/ios-ic…
33
33
596
Here's another icon from the archives – this is a project I worked on at the end of last year that was never released but I'm still fond of.
15
5
615
Still of the opinion that the Apple Watch has some of the most visually interesting UI Apple has ever shipped ✨
17
26
589
89,192
Here's my take on the VS Code icon – quite happy with how this one turned out.
You can grab the download (free - pay what you want) here gnelson.gumroad.com/l/vscode
18
24
576
a tiny design detail I love in @culturedcode. all application windows should have this fluidness.
18
42
569
📢 If you need an iOS or macOS app icon, or even a fun alternate icon, I am available and would love to work with you!
Check out some of my recent work and feel free to get in touch!
📨 gavin@hey.com
🐦 DM open
23
62
588
In the world of Icon Composer and forced superellipse cropping, the Calendar icon somehow doesn't have a shadow
16
4
583
45,793
finally realized that will-change: transform; is the key to animating text without terrible antialiasing
16
7
583
36,909
an iOS adaptation of a macOS app that the real ones will remember
ALT an iOS icon adaptation of an old Tweetie for Mac icon that features a metal edge around the rectangle with a pink to purple gradient of color in the center
18
7
530
Did some reworking on the portfolio—
Check out v2 nelson.co
24
9
549
45,484
Book recommendation—
Just Enough Design by Taku Satoh
(Originally discovered this from a @rsa recommendation)
8
25
531
48,103
Music and Photos
ALT Two iOS app icons. Music has a red orange and pink gradient behind a white music note, and Photos has a rainbow shape pattern made to look like a flower.
22
13
484
Behind the scenes of a portion of the new Linear homepage that I was able to contribute—will share more soon
16
12
487
88,837
