/r/UI_Design

Photograph via snooOG

User Interface Design (UI Design) is the design of user interfaces for the web and devices using design and typography principles with a focus on maximizing usability and the user experience.

UI Design Submission Policy

  1. Visit the UI Design Wiki for all posts related to getting started in UI Design including career, courses, and software, please go here first before posting.

  2. Follow reddiquette, don't self-promote No freelance, business, agency, OR self-promotion. This includes your portfolio, Dribble, Behance, Instagram, Youtube channel, apps, services, software, platforms, blogs and tools.

  3. When sharing your UI WORK Include an overview of the project including the software & tools used, intended audience, etc to help others to understand your design and processes and provide constructive feedback.

  4. When providing FEEDBACK Constructive criticism is encouraged and hate is not tolerated. If you dislike something say why and try to include helpful tips on how you see best to improve. Downvoting is not critiquing.

  5. NO SPEC WORK, SURVEYS OR JOB requests, or any type of design contest. No FREE work requests of any kind. Respect our designers in the sub and the industry. Job posts belong in /r/forhire, /r/DesignJobs or /r/jobs

General

  • All off-topic and lazy links posts will be removed. This including resources, kits, YT videos, Medium Blogs and other external blogs/content posts (e.g "5 UI trending tips/ tools in 2020").
  • Please do not flood the sub with Daily UI challenges.
  • Using multiple accounts to bypass the rules or for any other reason will get you banned.
  • No memes or other types of non-design related content. See /r/CrappyDesign or /r/designmemes*

Resources

Related subreddits you might enjoy:

/r/design

/r/graphic_design

/r/identifythisfont

/r/typography

/r/CrappyDesign

/r/designthought

/r/Design_Critiques

/r/DesignPorn

/r/product_design

/r/industrialdesign

/r/talesfromdesigners

/r/52weeksofdesign

/r/criticaldesign

/r/technology

Other

NO PERSONAL INFORMATION Do not publicly post personal information. You will be banned for this.

Please report any posts which break these rules, to maintain the quality of the subreddit.

/r/UI_Design

192,976 Subscribers

1

How is it called?

Hi everyone. I struggle to find out how this things called. I asked GPT and DeepSeek about it, but they didn’t get my good answer. Especially I’m interested to know how developers calls it.

Thanks to everyone

0 Comments
2025/01/30
13:25 UTC

1

Protopie Keyboard Rotate

Hey guys I am building a Ul Prototype of a chat screen and my input is the ios keyboard, everything is working fine, but i need to flip everything on its head and still be able to type, but the keyboary does not flip with the ui? It still opens from the bottom. Is there a fix for this? Do i really need to build a custom keyboard e Its for a Exhibition so it needs to have a dynamic input.

0 Comments
2025/01/31
10:23 UTC

1

Struggling Between UX vs. UI certificate at CareerFoundry – Need Advice :)

Hey everyone,

I’m currently torn between taking the UX Design or UI Design certificate at CareerFoundry and would love to hear from anyone who has taken either of these certificates. (I know a boot camp is not seen super well on the market, but its financed and i do also have other experiences)

1) Your Experience with CareerFoundry

  • If you have taken either the UX or UI certificate, I’d love to hear about your experience.
  • Did you feel well-prepared with your gained Design-Skills, wireframing & prototyping + with Figma ?
  • What were the strengths and weaknesses of it?

2) Advice on Choosing UX vs. UI

  • Based on my background (see below), which certificate would you recommend?
  • If you work in UX/UI, do you think focusing on UI design would make me more competitive in UX Designer applications?

My Background

  • Education: Bachelor in Business, Master in Online Communication (creating protoypes for 1 website + 1 app with CANVA)
  • Marketing: 3 years experince in digital markeitng, social-media, Created print media and social media visuals, hands-on content design
  • UX Research Experience: 6-month internship + 1 year part-time UX Research role.
  • Master’s Thesis: Usability testing & heuristics (full research study but no design/iteration).
  • Design Thinking: 1-year program at Hasso-Plattner-Institut, completed 3 end-to-end projects (1 Website, 1 Physical Product, 1 Concept for class design)
  • Methods I’ve Used:
    • Various design thinking methods across all 6 phases
    • PESTLE, SWOT, Competitor Analysis, Stakeholder Mapping
    • A lot of brainstorming methods: Five Whys, six hats, crazy eight etc.
    • Heuristic evaluation, A/B-Testing, Usability Testing, Card Sorting, Quantitative Analysis
    • persona creation, User Story Mapping, UX Storyboarding
  • Visual Background: Attended an art school (high school level), so I have some creative intuition, but I lack deep design principles knowledge. Some desing work in marketing for print & media

My Learning Goals

🟢 UX Design certificate

✅ I want to apply for UX Designer or UX Researcher roles that require a broad skill set. So it could be cool to fill potential knowledge gaps I may have overlooked.
✅ Covers research, prototyping, and design – great for having end-to-end projects for my portfolio
✅ I’d like to refine how to connect research to design decisions (though I already identify usability and design issues - am I missing something deeper?) and learn more about wireframing & design patterns.
🚨 BUT:

  • I already have strong research and design thinking experience
  • I worry about redundancy, getting bored etc. And i really want to learn wireframing, prototyping, and design patterns in depth.

🟢 UI Design certificate

✅ I lack formal wireframing and prototyping skills, especially with Figma. Most of my prototyping has been non-digital (LEGO, wood, paper) I did some prototyping (with Canva) and wireframing.
✅ I want a strong and deep foundation in design principles (color theory, spacing, typography, visual hierarchy, components, consistency).
✅ Could help me become more versatile as a UX Designer with strong UI skills.
🚨 BUT:

  • It’s focused only on UI, and I don’t want to move away from UX Research/UX Design
  • I might miss something in an end-to-end prozess
  • I heard the sketching / wireframing part might not be that deep
  • I might not have an end-to-end project for my portfolio
    • However, I already worked on two end-to-end projects in a university group setting, where I didn’t do the Figma design. I could simply redo, refine, and add them to my portfolio.
    • Plus, I’m soon taking another Design Thinking class, which includes an end-to-end project. If it’s an app or website, I could also use it for my portfolio.

My Struggle

  • UX: Great for professional alignment, but maybe redundant in a lot of areas.
  • UI: Fills my gaps in visual design, but is it enough for UX Designer roles?

Would love to hear your experiences with CareerFoundry and any advice on which certificate makes the most sense based on my background!

Thanks in advance! 😊

1 Comment
2025/01/29
13:17 UTC

1

Amazon UX Design Internship - Summer 2025

Hi!

I just got an Amazon UX Design internship offer at their NJ office. I just wanted to try to connect with others who may be interning at the same location?

Or, if you interned for them in the past and have any insights, feel free to share! I’m a sophomore in undergrad, so I don’t have much experience haha. Anything I could know beforehand would be very helpful. Looking to connect!

Thank you so much :)

1 Comment
2025/01/29
18:52 UTC

1

How to bring back life and character into complex UIs

I am a designer in an agency that does a lot of complex UI for platforms and software for technical companies. And although my designs are clean and usable they are missing a bit of character and life. What is your approach for balancing style and usability?

1 Comment
2025/01/29
21:26 UTC

1

Suggest Some Tools For Mockups!

Hi, So I Have Created Some App Designs in Figma & I am supposed to upload them in Behance But I Absolutely Have No Idea How To Decorate My App Screens Like A Fancy Mockups!

Please Do Tell Me What Do You All Do About This, Which Tools or Softwares Do You Use For Some High Quality Premium Looking Mockups!

1 Comment
2025/01/30
03:47 UTC

1

UI Design Feedback for Stock Trading App

Hi everyone,

I’m currently working on a personal project and looking for UI design feedback on a set of screens I’ve created for a stock trading app concept aimed at retail investors. So far, I’ve designed three key screens:

Home Page – Displays market trends, key account metrics, and quick access to user portfolios.

Stock Details – Provides an in-depth view of a stock, including performance metrics, charts, and trade actions.

Market – A broad overview of stocks, categories, and filters to help users explore investment opportunities.

This is an early iteration, so some refinements are still in progress, but I’d love feedback on the overall design approach, visual hierarchy, and usability.

Also, does anyone know of good resources or platforms specifically for UI design feedback? Similar to how Maze is great for collecting UX insights, I’m looking for something tailored toward evaluating visual design and UI patterns.

Looking forward to your thoughts!

3 Comments
2025/01/30
11:20 UTC

1

What should I do in this case?

I've been working on this design and illustrations for my own personal website these past couple of days, but with every day I hate it more and more. Is it because I've spent a lot of time on it or is it just a bad design and I should scrape the idea and try something different?

https://preview.redd.it/fu7kunhytrfe1.png?width=2880&format=png&auto=webp&s=1b541bf960d35909d4027d6ab335085034ebb7ea

0 Comments
2025/01/28
17:39 UTC

1

Monochromatic design

What are the things I should consider if I want to make a monochromatic app(different shades of same color) and also make it good? Any tips or cautions? Do's and Dont's?

0 Comments
2025/01/28
14:41 UTC

1

Need feedback for my robotics team website

Hi,

Im making a website for my robotics team and trying to find a way to display some team members and then add a button to see the rest of the team. Anyone have a feedback/idea to give?

https://preview.redd.it/cw07weyq6kfe1.png?width=1464&format=png&auto=webp&s=88eaf5f029356403cd76387461cb6e59ec2fa21b

0 Comments
2025/01/27
15:57 UTC

1

What's the best approach for building components in a Design System?

Hey everyone,

I'm working on a Design System in my organization and trying to figure out the best way to structure components.

Should I:
1️⃣ Create separate, smaller components (e.g., break things down into LabelInput, and Helper, which are later combined into one cohesive component like a form field)?

2️⃣ Build everything in one single component (all states, styles, and elements bundled together)?

The first approach reminds me a lot of the Atomic Design philosophy, and I feel like it's better for scalability—like, if I want to change the style of a Label, it will automatically update across both Dropdowns and Inputs without having to touch each individually.

On the other hand, I've noticed that most UI kits and tutorials seem to focus on bundling everything into a single component instead of breaking it down into smaller parts.

What’s your take on this? Which approach works best for you, especially in larger, scalable projects? Would love to hear your experiences and any resources you can recommend!

Thanks in advance! 🙌

1 Comment
2025/01/27
19:36 UTC

3

Quizscreen! I lost my creative energy again! I know the placement of the submit button is messed up but i dont find a nice way to design it in my head. Can someone help me find inspiration again?

10 Comments
2025/01/28
09:48 UTC

0

Is this good for a UI Design Case Study Display Photo?

9 Comments
2025/01/27
19:48 UTC

2

Anyone use the Untitled UI Design system?

I’ve been researching design systems and working on them for a couple years now and recently came across Untitled UI. I wanted to know if there’s anyone here that’s maybe used their Pro version and what your experience is like with it?

They mention in their update that they make use of variables but from what I can see it’s only Color variables. They don’t mention anything about border radius, type scale, etc variables.

Do you guys find their DS easy to use? Are you able to rapidly design as they claim?

I’m also not see any mobile optimization and at the price point I would think it would be mobile first as we live in a mobile first world? So I find this very strange but wanted to see what other think?

8 Comments
2025/01/27
13:48 UTC

1

Retired lifelong server-side dev needs advice on tools and tech for a specific project. Think "Always on top rss reader with lots of UX interaction." Difficulty: No Node. Never Node.

[ I think this is "Software and Tools question" Flair always throws me. ]

Not sure if that title is cryptic or informative. But here 'goes:

I'm trying to build a "desktop reminder" sort of application. Let's say it gets a list of items off something like an rss feed. Doesn't matter. "Yeah but that's a LOT of work" doesn't scare me if it gets me what I want. I'm retired and have bottles of caffeine pills. I got the time.

What I want is an always on top (easy enough, that's an OS/window manager thing) list of items where each "item":

  • Has an icon or two (something to indicate what it is and something to indicate what state it's in, read/unread, lingering, old, urgent, whatever.)

  • Arbitrarily complex formatting as far as font, background, size, etc.

  • Significant interactivity using mouse and keyboard to change dispositions, open "detail windows" and lots of rich "right under the surface" context-menu type ...err... "stuff."

  • Each item will have a few common traits (id, title, source, age, probably others) but a lot that won't be.

So what tool are you reaching for?

I've got the Old Dog disease of not wanting to use anything too "canned." Meaning, if the perfect application already existed I'd probably end up redoing most of it just because I'm a lunatic.

The "what happens to the data" and "where do these events go" and "what's the larger architecture this fits in to?" concerns are irrelevant, since this is all home grown and in flux at the moment.

wx? qt? Some goofy javascript thing (can you even go "borderless transparent window" if you use a web-tech solution?)

There used to be a bunch of "desktop widget" systems that were pretty slick. Konfabulator (which I think became the yahoo one.) Rainmeter when I was on Windows, etc. But they seem to have faded mostly in to the background now and I'm really not sure why.

Bonus points: If whatever it is will cross-compile to android, all the better. But I won't sacrifice one iota of functionality or robustness in order to achieve that.

Also: No node. Never node.

0 Comments
2025/01/26
18:01 UTC

1

Mobile App Leaderboard Page

Any suggestions would be great! The main thing that I dislike is the gold/silver/bronze effect behind the profile pics of top 3. Any ideas? Thanks! I’m designing on Figma and will use React Native to implement.

1 Comment
2025/01/27
02:13 UTC

1

Top or Left Menu in Web App - Framework to Decide?

How do UI designers think about putting a navigation menu in top vs left menu?

2 Comments
2025/01/27
03:23 UTC

1

How to make more people click on a button without f*cking up the UI?

1 Comment
2025/01/25
21:28 UTC

1

DAK websites utilizing dark mode to increase negative/powerful emotions

I am looking for examples of websites that use dark mode to increase negative emotions to create an atmosphere of sadness, danger, horror etc for a school project and I can’t seem to find one, maybe someone here knows one

1 Comment
2025/01/26
11:09 UTC

15

All ui designers, if you were to start all over again, how would you do it?

I’m a computer science student looking to transition into UX design, but I often feel directionless when it comes to starting out. Whenever I ask someone for advice, the suggestions I get tend to be vague and don’t help much. I really want to hear from people who are actually in the industry—those with experience—so they can provide clearer, more actionable guidance.

8 Comments
2025/01/26
11:55 UTC

4

Need design feedback !

https://preview.redd.it/y69qvh3vicfe1.png?width=11732&format=png&auto=webp&s=e2a08a2cc71dfea276b6f456d2736aad2268048c

https://preview.redd.it/yj5pc94vicfe1.png?width=5120&format=png&auto=webp&s=a2a3f12ebee0534481dcd0202bf99057cd903fb0

I've tried to make the design more cleaner and modern I guess. Let me know what do u think about this and feel free to share any area of improvements.

Thanks for your time :)

4 Comments
2025/01/26
14:15 UTC

1

Had fun "designing" this one.

0 Comments
2025/01/24
17:16 UTC

1

Does posting on Dribbble actually help?

I just graduated and have been struggling to land a UI UX design position. I’ve been refining my resume, updating my portfolio, and practicing for interviews, but it’s still been hard to stand out.

I’m thinking about starting a Dribbble account to share some of my work—not real projects, just personal concepts I’d create to showcase my skills. I’d put a lot of effort into them, but honestly, it’s intimidating when I see how polished everyone else’s designs are.

Do you think adding a Dribbble account to my LinkedIn or portfolio would help me stand out? Has anyone here had success using Dribbble for this?

0 Comments
2025/01/25
05:25 UTC

3

Feedback and suggestion on chrome extension design

https://preview.redd.it/9gr9hgs7z2fe1.png?width=1028&format=png&auto=webp&s=9b2812c6a466561973de37f87754192e6a5307f4

Hey folks, I am an indie developer.
I am working on a chrome extension that helps you see your spendings on Swiggy and Zomato (popular quick commerce businesses in India).

You can find the extension here - Link to extension

I build some rudimentary design that worked well initially, but now that I am adding more sources as you can see in the above attached image, I am running into issues with real estate to put these components in.

A big limitation that come in with extension is Max height x width for an extension will mostly be 800 x 800 px

It would be great if someone could give me design pointers to help me make the UX look cleaner.

My goal is that

  1. The bar chart needs to show up.
  2. Total spendings & orders should come up.
  3. There needs to be some way for the user to choose which sources they want to be visible on their chart.
  4. Download and reload buttons.

Things I am not sure of or can be cut out

  1. Favourite restaurants section.

  2. Heading (may be the heading can be just a logo and its gives me more space to work with.

2 Comments
2025/01/25
06:13 UTC

1

MongoDB Colors for connections

Who thought these colors were a good idea? These arent very accessible, especially if you have more than one connection and want to manage them by labeling with colors? Especially Blue, Iris, Purple or am i just color blind

https://preview.redd.it/n8mdee8c74fe1.png?width=317&format=png&auto=webp&s=7b3046e8887ac9933f69797ac451e9a530e567bc

0 Comments
2025/01/25
10:13 UTC

1

Timing of building your component variants

Hey all

What is your process for building out your variants of components? do you build your first one (default state for example) and then build your next variant (active state or Error state on a input field for example) when you come to wanting to build that journey / display a certain prototype / ship to developers?

or do you create all variants when you first use the component?

any other ways you use? pros and cons ?

thanks

0 Comments
2025/01/25
15:03 UTC

1

How do I pivot towards Product Design (coming from a Multidisciplinary Designer)?

I have been a designer and working professionaly since 2013, so it has been a while. Here is a quick snapshot of my design trajectory.

  1. Graphic Designer
  2. Senior Graphic Designer
  3. Senior Web Designer
  4. Multidisciplinary Designer (worked on Product, UI/UX, Graphic, and Motion Design)

In between these roles, I have been freelancing, as a UI/UX designer as well as a digital illustrator and brand designer, for a plethora of clients around the globe.

Now ever since I got laid off from my last position as a Multidisciplinary Designer, I am now in search of a position to become a Product Designer, because that is something that pays well and that is something that I have some experience in as well. It also pushes me to acquire skills while working on the role, which I absolutely love doing personally as well.

What would you guys suggest I do to get hired as one? How should I map out my portfolio? My resume? Any sort of input would be mighty helpful.

Thank you!

0 Comments
2025/01/24
10:33 UTC

Back To Top