Questions tagged [interface-design]
Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,
544
questions
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 ...
