Questions tagged [interface-design]

Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,

Filter by
Sorted by
Tagged with
0
votes
0answers
4 views

Any best practice on how to represent player progress stat in a game?

I'm making a musical game where user should recognize notes and get faster at note reading. I'm in the designing process and I get quite stuck on the designing of the player progress on the level ...
0
votes
0answers
26 views

Convert automatically a specific color to another inside a set of png icons

I have a set of .png images (which are controls like buttons, sliders, checkbox etc for a GUI) and I'd like to convert a specific color to another for each files using an automatic solution. For ...
0
votes
0answers
29 views

Streaming Development/Design Layout: Short, Vertical Chat vs. Long, Horizontal chat

I'm currently working on an overlay for my Twitch stream for development and design. I want to have chat messages visible on my stream but am unsure about the layout. I'd appreciate help in pros/cons, ...
0
votes
1answer
35 views

Image retain proportions as it scales down using XD responsive resize

I'm having this recurring issue with XD where i want to resize a group of elements where one element is an image, without changing the proportions of the image which needs to remain 16:9. In this ...
0
votes
0answers
28 views

UI animation easing curve and time

I am designing some UI animations for desktop program. I read some articles about animation (as I never did this before) and I have an idea on what and how. But one thing is I can not figure it out. ...
0
votes
1answer
52 views

What is this type of design called - mobile app

I'm a new member to this community and I have been looking at quite a few designs recently for an app I intend to work on. I honestly like this kind of style which is used in a lot of modern apps/...
0
votes
0answers
46 views

New to photoshop. looking for help/tutorials creating a UI

like the title says, im fairly new to photoshop. Ive learnt a few things within the last few months just playing about by myself and using youtube videos for help. I wanted to learn how to use PS to ...
1
vote
4answers
96 views

I would like to cut an image into several sections

HI Graphic Design friends, I'm in trouble... My question for you are these: Can I create a GIMP/Inkscape template that once opened and inserted a photo crop exactly the same point in the same size? ...
0
votes
1answer
32 views

What is this warped/ irregular rectangle in this mobile app UI?

What is the name of this effect present on the rectangle (e.g. light brown rectangle), and how is it done? The rectangle does not have a constant border radius, and gives a 'fun'/ friendly feeling. I ...
0
votes
2answers
31 views

Advice picking colors for a videogame interface

I've been working on developing a card-based browser game, and I have to say graphic design isn't my forte. This is what the user interface for the game looks like I'm not too sure about the choice ...
-1
votes
1answer
33 views

Best place for looking at top quality UI designs?

I'm basically looking for a website where I can check out many good UI designs, so I can improve my taste. I know there's dribbble! But designs on trifle are usually designed to look pretty on ...
0
votes
2answers
66 views

Where can I get professional portfolio review? (Can be paid)

I just started learning graphic design (especially UI). I learn on my own, and that's okay, however I realize that having feedback from a high class professional, from time to time, would be greatly ...
-3
votes
3answers
52 views

How to draw circles at equal distance relative to another circle

I'm pretty bad at Photoshop and I need to draw 5 smaller circles at equal distance of one another, around another a bigger circle. How can I do that?
0
votes
0answers
33 views

How to enable developers to extract images from an Adobe XD file without making every images exportable?

We keep encountering a recurring problem where we designer keep forgetting to make every assets (esp images) exportable. I was wondering if there are existing solution out there. We are also using ...
0
votes
2answers
29 views

which artwork dimension to use for mobile app design

I am designing app for ios and android in photoshop. I know I must export graphics to 3@, 2@, 1@ for ios and mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi for android. But I do not know, what size of artwork ...
0
votes
1answer
26 views

Changing PowerPoint Layout for one page only?

How is it possible to implement multiple layouts within one PowerPoint file? I tried following Microsoft Help article: https://support.microsoft.com/en-us/office/use-multiple-themes-in-one-...
0
votes
1answer
31 views

How would you represent reassignment with a Material UI icon?

Basically look for advice on which icon to use for reassignment of task within the Material UI icons.
0
votes
0answers
45 views

How to prevent swapping of blocks in Adobe XD Draft XR?

I'm designing a VR interface in Adobe XD with Draft XR plugin. And I faced a problem when I set curvature to my design and open it the left and right blocks are swapped. Design - And How it looks in ...
0
votes
0answers
29 views

UI Design with Data Visualization

recently I got an invite to join a company that works with data. They asked me for designing different Data Visualization, but unfortunately, I don't have experience designing data. In my past, I just ...
0
votes
0answers
69 views

Import multiple images to multiple artboards in sketch?

Is there a way to import multiple images to multiple artboards, preferably in alphabetical order? In this example, I have 200 components that all have the same design, but each have a different image ...
2
votes
1answer
171 views

Adding a screenshot to a product image in Photoshop 21.2.2

I've downloaded the iPhone 11, iPhone 11 Pro, and iPhone 11 Pro Max product images .psd from here and opened them in photoshop to add my app screenshot to them. However, I can't for the life of me ...
-1
votes
1answer
62 views

Ideal Colors for Saving, Editing, Logging Out and Deleting Confirmation Boxes

I have a question on what's the ideal colors for the ff: Creating Form Saving Confirmation Dialog Editing Form Editing Confirmation Dialog Log out Delete Confirmation Dialog The colors i have for my ...
0
votes
0answers
59 views

What's this new button type called?

I've seen this type of buttons - no background and with an icon on top - in some places in Android 10 settings (Lineage OS 17, if that's important) and in one another application which uses slightly ...
0
votes
4answers
75 views

How do I make the UI of this app look less “amateur” while maintaining the brand's style?

I'm redesigning an app and I used the company's brand/website colours and fonts. However, a user tester said my design looked "amateur." How do I make this look more professional while ...
0
votes
1answer
29 views

Giving an exact position to a set of selected layers Photoshop

I have selected an image made out of multiple layers but I want it to have an exact distance from left, right, up and down. so far, I can only use my eyes to move the picture but how to set an exact ...
0
votes
1answer
73 views

Display Drawing with true scale

I am trying to display a drawing with true physical dimensions. I want the dimensions of the drawing that's being displayed to be accurate. How do I achieve this?
1
vote
0answers
28 views

Is there a way to convert Rectangle into Outlines in Sketch?

The problem with rectangles appears when you scale them up or down — they doesn't scale rounded corners. I'd like to keep rounded corners proportion to the rectangle size, that's why I thought that ...
0
votes
1answer
62 views

Designing the Rating of a quiz game [closed]

I'm trying to design a quiz game in which users have to answer 10 questions in each level. And when the quiz finished, user gets their Rating. The rule here is that up to 3 mistakes is allowed but ...
0
votes
1answer
45 views

Sketch, how to find and replace “text style”

I have a library file in Sketch and I need to replace a specific text-style with another one, in all the instances it is been used across the file. Is there a way to find and replace the text-style?
5
votes
4answers
1k views

How to indicate dark mode / light mode options on a user interface?

To indicate a button on an interface that switches to dark mode or to light mode, it's common to have a couple of sun/moon icons: 🌞 for light mode 🌙 for dark mode But at least part of my brain is ...
0
votes
0answers
46 views

How to set up a font style guide for any font?

I am working on a mobile app UI design in Adobe XD. Before starting the design I would like to setup a font style guide. What I have achieved so far is in the attached image. I am using a typeface ...
1
vote
0answers
37 views

When icons are used as glyphs, is it necessary to create them at double the intended resolution? [closed]

eg. 16x16 is the intended size, do I need to create them at 32x32 or higher for sharpness on screens with high ppi? any help would be greatly appreciated. Edit: looks like I was conflating ...
0
votes
2answers
120 views

Can you pin a symbol or layer to the bottom of an artboard in Sketch?

I'm working with a footer symbol and I want it to always stay pinned to the bottom edge of my artboard, so when I lengthen or shorten my artboard when I'm adding content, it stays pinned to the bottom,...
0
votes
1answer
93 views

Replicate drop shadow effect

I'm trying to replicate a drop shadow effect displayed here, but can't seem to get it right. The project has this section which seems to explain how to perform the effect, but I feel I'm doing ...
0
votes
1answer
21 views

WCAG Compliance - Does Acceptable Contrast Apply Only to Text? Or Icons and Other Graphics as Well?

I am completely new to WCAG compliance and I have several questions. I.e. say that you’re using this tool: https://color.a11y.com/ContrastPair/?bgcolor=ffffff&fgcolor=3580BE to check the ...
0
votes
1answer
32 views

How to add images and videos to screen mock ups?

I'm a beginner in UI right now and I wanted to upload my work on Behance. But I want to put my project images on the iPhone screen mock-up. I did know basic things about it but still confused about ...
1
vote
1answer
2k views

When prototyping in Figma, can I make the frames automatically fit the device screen width?

I'm new to Figma, just started learning it today, so maybe I'm missing something obvious. I have a frame with a design that uses constraints to scale nicely to different screen widths. When I ...
-1
votes
1answer
44 views

A website with a large tree-structure diagram

I have a (personal) project that involves a tree-structure diagram (i.e. hierarchy chart) containing about 450 articles (or whatever the different parts are called) each with about a paragraph or two ...
3
votes
2answers
364 views

Why are these two designs considered outdated and old-fashioned?

I have a project where the main important part is the back-end. But of course the front-end design is important, so I have made two different designs for the demo site. But both designs are ...
0
votes
1answer
86 views

Looking for feedback to design a tabbed menu

I am working on an e-commerce website. I am creating a Shopify app for the e-commerce website, and I want the shopify app to be within a tabbed menu. The app has 2 tabs: Product Mapping: for ...
1
vote
1answer
152 views

How to solve overlapping shadow issue?

In a UI with multiple cards arranged in a grid, the shadow of cards are falling on top of other cards. All these cards are supposed to be on the same level (elevation/depth). Is there any way to solve ...
0
votes
1answer
140 views

Measuring units for Android UI Design

I am designing a mobile app for the Android OS. I am currently using Adobe XD. What is the base screen size that I can use to start designing so that 1px is equal to 1dp or 1sp. Also what is the ...
0
votes
1answer
58 views

Save and Close Icon

I'm building an interface for an admin page. The admin clicks a button to choose an icon to save and close the data table instead of autosave. I have always been stumped as to which icon is best ...
3
votes
2answers
397 views

What is the name of this UI Element?

I'm looking for the exact name of the UI card (?) element marked with the red dashed lines here that is often used for product purchases. Does anyone know the name of it?
6
votes
3answers
1k views

Do I need to be Creative and Artistic to be a graphic designer?

I don't like to draw things, and I'm not so creative and artistic. Can I become a graphic/UI, UX designer? Your kind suggestions are highly appreciated.
0
votes
2answers
114 views

iOS App design Base size

I am designing a mobile app for iOS. What is the base screen size that I can use to start designing the UI of the app so that there won't be any issues while exporting the icons and assets for the ...
0
votes
1answer
316 views

How to set override to “no symbol” by default in Sketch?

Let's imagine I have a Master data cell symbol and several tables that already use instances of it. There are no dividers in the Master cell symbol so far, so I want to add them. I create a master ...
3
votes
3answers
151 views

How do I differentiate between vegan/vegetarian, wheat/gluten or dairy/lactose icons?

I'm a newbie in the UI world, and recently I have been asked to create nutrition icons that are clear and can be easily identified by the users. I have been having some problems trying to ...
0
votes
0answers
28 views

What is this navigation method called? And how can I implement it into WordPress/Divi Builder?

I'm in the process of doing a reskin on my company's website. Hoping to include a navigation method similar to what's used on Tesla's homepage on the left. I want it to be reactive to where the user ...
3
votes
2answers
1k views

What is the most intuitive and obvious copy link icon?

I'm building a blog interface and I need a button to represent my copy URL link action in my blog post pages. The button will be side by side with other social media share icons. I'm trying to decide ...

1
2 3 4 5
11