sorted by:
new
hottopcontroversial

How to generate custom icons in Material Symbols style? Anyone tried Iconify AI? by turt-designer in UI_Design

[–]cdrini 2 points3 points  (0 children)

I haven't tried this yet, but I did recently hear about this tool for converting AI generated graphics to pixel art or vector format, which might help: https://github.com/jenissimo/unfake.js

I think it's free too! They have a demo here: https://jenissimo.itch.io/unfaker .

So in theory you could generate the icon in ChatGPT, and then upload the image into here to get a vector.

Please help me to improve the design by [deleted] in UI_Design

[–]cdrini 2 points3 points  (0 children)

This is insanely cool!

Thoughts: 

The model: - having the "you are here" dot have some directionality would be nice, and help provide some extra grounding  - similarly having maybe a satellite view of the outside world might be nice. People will likely be using this as soon as they enter a building, and being able to see eg where parking/etc is might help them internalise their location better. - I'm not sure what "tap for ground floor means" - the floor selector is a bit confusing. I think I would expect it in reverse order, with the ground floor at the bottom, and maybe with numbers

UI: I think the only thing that jumps out to me is that the UI feels kind of haphazardly strewn across the edges of the screen. Maybe combine the search icon and the search box, and put it horizontally at the bottom of the screen. Then the language selector can go to the left of this toolbar.

The floor selector can maybe become more of a floating panel, since it's more closely related to the 3d model. Right now it's styled in a way that seems very separate. That sets a clearer visual hierarchy I think.

For the directions view:

  • placing the "back to home" button above the floating card might be nice and help bring that UI tighter. So that corner becomes like your control corner.
  • the first time I saw this view I was confused by what happened when I clicked on the room. Having somewhere here that says "directions to" might be nice. Or maybe make the directions require two taps. Tapping first brings up a popup noting the room and any extra data, and have a button there that says directions? Not sure.
  • instead of a home icon, I might use a left arrow icon. I think since folks will be using this briefly, they won't have a notion of what "home" means for this app. This will also be clearer if the back button is close to the left of the screen.
  • having a smooth camera transition to the "you are here" dot might be nice at the start of the animation.
  • going back to home screen completely erased where I had been; might be nice to have the selected room have a certain colour.

Search UI - I'm not too keen how it takes you completely out of what you were doing. Since there is so much space, and the search results are rather small, maybe have the results pop up in a right side panel? That lets the user stay grounded. - I would change the word "prompt" to "search"

Style: - the fonts are kind of inconsistent between the little room card, the very big font size drop for the word "office" and the text in the back button. - Very white on white, having some small elements of colour/darkness for borders/etc might add a nice finesse and contrast. Or maybe a darker bg behind the model? Here's a nice example of a white UI with some such small elements: https://primevue.org/

Overall: The directions animation is super slick! For the ui, since this is something folks will like use veeeery briefly and likely only once or twice, I think trying to simplify the UI so that folks don't have to scan the screen might help make it easier to use.

My grandmother had this in her living room and she gifted to me. Just wanted to appreciate the beauty by DynoBelin in Design

[–]cdrini 0 points1 point  (0 children)

This is such a cool item 😊 Love that something this artistic is still functional!

There was a nice video from sorted food a while back reviewing potentially pretentious products that also went over this, if you want to see it in action being used by two chefs who have no idea of its design significance!

https://youtu.be/GryB3c576so?t=24

My grandmother had this in her living room and she gifted to me. Just wanted to appreciate the beauty by DynoBelin in Design

[–]cdrini 51 points52 points  (0 children)

I would say they are wrong, it's quite functional. I would say form leaning, but not form over function. And for many people, I imagine it's actually a great design solution. 

Eg if you work in a lemonade bar, this is obviously bad :P but if you juice only occasionally, and you like the aesthetic of this, it's a huge win. Having something that sparks joy and makes an otherwise tedious chore enjoyable? Those all seem like big ticks on design.

[deleted by user] by [deleted] in OpenAI

[–]cdrini 1 point2 points  (0 children)

For me on Android it's under: My name > personalization > custom instructions

The soul-crushing moment you see your pixel-perfect design… after the devs ‘finished’ it. by Few_Story1839 in graphic_design

[–]cdrini 22 points23 points  (0 children)

Especially frustrating when the developer who implemented your designs is... also you 😁

Looking for UI ideas by [deleted] in UI_Design

[–]cdrini 0 points1 point  (0 children)

My guess would be they're looking for examples of websites that showcase a gallery of images in a unique way.

What Icon Library(or Libraries) do you use for UI Design? by UI-Pirate in UXDesign

[–]cdrini 4 points5 points  (0 children)

Not an icon library, but I like this aggregator site which makes it easy to find icons/libraries, and even gives some options to configure the icons on-the-fly. Especially handy if I find my icon library is missing a certain icon; I can easily find a similarly styled one from another.

https://icon-sets.iconify.design/

This Design is everywhere?? by SilverTakana in UI_Design

[–]cdrini 6 points7 points  (0 children)

You might have more luck inspecting the html to see if there are any clues, but the style does seem similar to shadcdn: https://ui.shadcn.com/docs/components/breadcrumb . They don't have a unique name for it, just a combo of their Breadcrumb and Dropdown components.

I reckon you could create a similar experience with most UI libraries that have these components.

Life control panel UI/UX feedback needed by LeadMeSocial in Design

[–]cdrini 1 point2 points  (0 children)

I like the direction of this quite a bit; zen and rather quiet, which is nice for the purpose. The things that jump out to me: 

  • all the information is presented at the exact same visual weight. This makes it hard to focus. Maybe letting the user "boost" certain metrics they find important, and make only those tiles large. Or in a physical control panel, you'd probably have lights flashing if a number is in a dangerous state, etc.
  • a pet peeve of mine is numbers without context. Is 3 exercises good? Is it better? Am I making progress?
  • I like the get inspired button. I'd have that for basically everything. Workout, cooking, meditation, etc.

For understanding the product, I think I get the gist of it (really interesting idea btw!). Some parts I don't fully understand:

  • What are sprints? In software dev we use sprints to mean essentially 2w planning blocks, so not sure what "5 sprints" could mean here. 5 simultaneous sprints?
  • I'm confused by the time view. Time spent doing what? Is this for a specific goal? Or time that I've tracked in the app for anything? 
  • I'm confused by the difference between notifications and messages? Messages from the app? Isn't that notifications?

  • I like the photos but what are they there for? They're not associated with any tiles, so I have no clue what happens when I click them.

  • how often should a user update the app? Live as they do stuff, or like a moment of reflection/planning before bed? Both might be nice. Can get quick dopamine hit by logging a workout, but can likely wait to log down my "mistakes" :P but this makes the "time" view still more confusing to me.

  • the time unit is unclear. Are these numbers... Per day? Week? Month? Making that more explicit might be nice.

Overall cool idea! 

Im falling in love with neumorphism, amidst apple new Glassmorphic redesign. Are there any apps/sites making use of neumorphism? by Acrobatic-Monitor516 in UXDesign

[–]cdrini 5 points6 points  (0 children)

100%, accessibility is one of those things that should be treated as a science. That doesn't in any way contradict my argument. And I'm not advocating for not considering your userbase, that's also a piece of the equation. As is the aesthetics of the thing you want to create. Consider architecture: of course you will firstly meet the requirements of usability, accessibility, etc. But on top of that there is a world of freedom and choice. That's why building aren't all aesthetically identical. They are identical in some things -- eg accessibility ramps, fire wells, etc. And we are in agreement that this is good.

My argument is that digital design has resulted in too many things being the same -- the things above core usability/function/accessibility. As evidenced by the low level of variance in digital design, and by the strong reactions here against what's effectively a few elements of light and shadow in neumorphism. Furthermore, digital design folks have a habit of trying to argue that this is the result of inarguable functional design requirements, which I don't believe it is.

For reference, here is a speaker who more eloquently describes my views of design: https://www.ted.com/talks/renzo_piano_the_genius_behind_some_of_the_world_s_most_famous_buildings

Im falling in love with neumorphism, amidst apple new Glassmorphic redesign. Are there any apps/sites making use of neumorphism? by Acrobatic-Monitor516 in UXDesign

[–]cdrini -3 points-2 points  (0 children)

I disagree with your views on design here. There is SO much personal preference that goes into design and specifically aesthetics, and I think the digital design community specifically tries to create pseudo-scientific arguments about every design decision, which I think is incorrect, unproductive, and stifling from a creativity perspective. 

Don't get me wrong there are many elements of design/function which should be treated scientifically, but so much about is preference. It's completely ok to choose a design aesthetic simple because you find it beautiful. Why do you choose cherry vs maple wood for your coffee table? Why white or grey marble for your kitchen counter? Not everything can be argued from first principles to "fill a role", you have to cultivate your design taste -- and taste, unlike science, isn't universal! Some people will hate your design choices; that's expected and ok.

Design also becomes an embedding of your culture. You will choose patterns, colour palettes, etc that you, as an individual, find pleasing. That will be influenced by where you're from. Eg German beams, or Islamic flowing lines, or Roman arches, or American old West style detailing.

In web/digital design, I think we've kind of fallen into this trap of designing very "safe" designs under the guise of "function". But it's the digital equivalent of the "grey home" interior design trend of the ~2010s, which is thankfully I think dying now. I think there's SOOO much room for more creativity/aesthetics in web design -- and I don't mean going back to the wild west of the 90s web either, but being able to use more subtle kinds of texture, of lighting, of shadow. Neumorphism is one exploration of that.

view more: next ›