Welcome, weary internet traveller. Youโve stumbled onto a great slice of the internet.
Keyframes is a creative community. Share your #wip, get #feedback, find inspiration, and chat with people who make things. It is a bunker from the rest of the garbage internet. No popularity contests here. No circle jerks. No regular jerks. Just a wholesome place to shoot the shit and be real about what youโre making.
You can post in public, or private (with a Plus account). Use it to improve your work, or just feel good about creating things again.
Come on in! We hope you enjoy your stay.
Register here for a very fun time โจ๏ธOr log in if youโre returning. (Welcome back!)
All posts tagged โuiโ
Made small concept of quick actions for Slack Call.
Goals:
Just practicing to make pretty, eye-catching buttons. It shouldn't be really applicable to real application, just an "art" reason behind it.
Feedback I'd Like:
How can I make it better?
Hey, we released new Documents Update with Video Player I've worked on. Our goal was to empower native player with some cool feature.
I'm still not sure about our visual choices (though we made literally 200+ iterations). I want to hear any feedback about it.
Free Download: https://itunes.apple.com/ua/app/documents-by-readdle/id364901807
๐ Started writing a book about interface animation but then I bailed on it because:
— PASQUALE (@pasql) November 12, 2018
- I don't think text is a great medium to convey visual ideas
- too busy actually building things
Medium sucks these days, so here's a rough document:https://t.co/2wMVRTheX6
Started writing a book about interface animation but then I bailed on it.
Game UI kit (WIP).
Goals:
A few weeks ago, I changed my career and started working as a UI designer at a game company. New area, new paradigms, many new concepts to learn.
One of these important things is the ability to illustrate certain elements at the interface of a game. So I decided to practice a little by designing a game UI kit. So, these are the first elements (I intend to make other components like buttons, modals, lists etc).
Feedback I'd Like:
I would like to receive feedbacks on the work so far and mainly tips from game interface artists that can inspire me and that I can learn a little more from them.
Two versions of a simple hover animation for the portfolio website of Oficina based on the studio logo.
Big fan of the new idea behind the Github Actions feature. Decided to redesign one of the nodes off the main marketing page to add more depth to the UI for fun.
Made some code editor UI, give me feedback about layout. I think it can be improved.
Goals:
Practicing visual UI skills
Feedback I'd Like:
Layout, ratios, colors, composition
Digging Mojave's dark mode, but wish it could switch automatically based on time of day like the desktop. Dark UI + light desktop looks weird to me.
I suck at frontend design and I'd liek to get better at it. Does anyone have any resources for it?
For instance, I know I can use anime.js
for javascript animations. But my knowledge stops there haha
I'm asking this on behalf of a friend of mine who's a Front-End developer...
If you were a Front-End developer with little time for designing the UI of your own projects, which UI framework would you use so you can have some good styling by default?
I'm about to start working on the Design System of a couple of app products. I'm thinking on of course create proper Sketch File with symbols, and so... A PDF, and maybe upload it to Zeplin.
Any suggestion (Tools, apps, tips...) is awesome amigos!
Exploring a little hover animation on the Keyframes mark.
Goals:
I'm trying to infuse some playfulness into the Desktop app when you hover over the main logomark.
Feedback I'd Like:
I would love to know what folks thing of this interaction. Is it annoying? Does it work? Is it too much?
I am doing some web-development for a customer and he doesn't like the header design I have currently created. I am trying to follow the F shaped pattern of reading for the header but I am open to suggestions.
Goals:
He wanted something very straight to the point without "fancy bells or whistles" but something that makes the logo stand out to the customer when they first land on the page.
Feedback I'd Like:
I am currently working on the design of everything else but need to focus time on the header now. I was thinking about putting the logo dead-center and links around it - does anybody have any other suggestions?
Hovers and portfolio sites aside, who wants to see a real life WIP flow/UI nightmare? ๐
Curious if feedback on that sort of thing is possible without actually playing around with UI.
There's a bunch of tech constrains (reusing components that are already in the codebase etc etc), but i'm deliberately not mentioning them.
Disclaimer 1: This will be tested on real people, like tomorrow - follow along to learn the results!
Disclaimer 2: All pixels are off, but we donโt care - itโs not dribbbbble ๐
Goals:
You have an ordered collection of images/videos that you submit for approval and might get feedback on. Feedback can be on an individual asset (for ex, adjust brightness on that photo) or about reordering the collection. User goal is to apply said feedback :)
Feedback I'd Like:
How does it feel:
1. "Replace a piece" and โManage: Reorder, Delete" being separated.
2. Actual feedback note is not visible in Manage section when you reordering/deleting.
3. Cucumbers with eyelashes or without?
In the last weeks I was working on a redesign of a game called Sniper 3D: Assassin.
Goals:
Improve the game experience (architecture, rewards, aesthetics, interface etc)
Feedback I'd Like:
Unfortunately, I can't show the whole process of this redesign, but since it is the first time I design an interface for a game, I would like feedbacks about the visual language that I adopted for this redesign.
My visual references varied from Battlefield to Call of Duty Black Ops. However, because the size of mobile devices, I was very concerned with the organization of content (presenting to the user only the elements that make sense to the context of the active menu), size of texts, graphic elements etc.
I hope that soon I can get authorization to publish the entire redesign process to ask for opinions on the whole process.
A little transition for Blindfold (https://blindfold.madbit.co) that I've made some time ago to give Twitter users some visual feedback when the action is complete.
Practicing to make pins looks like real. Struggles:
1. Red contrast and relationship between fill and border. How to make better highlight?
2. Blue pin, highlight looks fake af. How to improve it, being limited to Sketch tool?
Goals:
Real look.
Feedback I'd Like:
Color, highlights, gradient.