Questions tagged [interface-design]
Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,
562
questions
1
vote
0
answers
16
views
Figma plugin for Bootstrap's "mix" function for tints &shades
Is there a Figma plugin for generating tints & shades of a color that would be the same as the ones produced by Bootstrap's "mix" function (as shown here — https://codepen.io/emdeoh/pen/...
1
vote
2
answers
80
views
How to achieve this Adobe Xd?
I want to do this in Adobe Xd, can someone please tell me is there any way or any plugin to achieve this in adobe xd.
Note: The current image is from Figma.
Although I know we can do this by using ...
3
votes
2
answers
69
views
What font is used in the John Crerar Library?
I visited the John Crerar Library at UChicago, and the font used in its interior looks fantastic to me.
I tried searching on WhatTheFont, and it told me the font is BB Manual Mono™ (Pro), but I don't ...
0
votes
0
answers
17
views
How to prevent adobe xd uninstalling plugins automatically?
I am very new to adobe xd, and I have installed some of the plugins in it. But the problem is that whenever I clear my %Temp% and Temp data from my windows to speed up, all my plugins get uninstall ...
-1
votes
1
answer
59
views
Is there any simple way to fill a new color in adobe xd without opening the color fill bar?
I am new to xd and I am working on multiple screens at a time, where I need to change the text color again and again.
So by opening the fill bar and changing the color is little time consuming, can I ...
1
vote
1
answer
78
views
Can a Converted to Path again converted to text in xd?
If I converted a text into a path, then is it possible that I can convert it back again to text in Adobe Xd?
If not then how to deal with this if I want a text back? is there any possible ways to ...
1
vote
1
answer
125
views
Why can't I mask a image to another image in xd?
I am using Adobe XD. And at a point I wanted to mask two images, but somehow I am not able to mask a image above another image.
Note: When I tried masking it using an object I was able to do the same....
0
votes
0
answers
32
views
How to remove the default border feature in xd?
I am using xd for my work, and every time I am creating any shape it gives me a by default border along with it. And It's very annoying.
Can someone please help me to find a way to deal with it?
Thank ...
0
votes
0
answers
17
views
Add layout grid for a specific screen in xd
I am working in a shared xd file. I want to add a layout grid to my page. But the problem is if I am trying to add a layout it shows in other screens also which is present in the same xd file.
Can ...
0
votes
0
answers
28
views
UPPERCASE letter in Xd
Is there any shortcut key to make all the letters or text in UPPERCASE in adobe Xd?
0
votes
2
answers
64
views
Feedback for an invoice application
I'm designing an invoice application and I would love some feedback.
Are you annoyed by something in this image that could be improved?
0
votes
0
answers
35
views
Standard Container Size For Mobile Canvas?
I am creating a mobile-friendly UI Design in Figma my selected frame size is 428 x 926 px (for I phone 13 pro max). In this I want a container to achieve a proper gird system, can you please tell me ...
0
votes
0
answers
23
views
Copying and Pasting in Sketch
What is the difference b/w Paste Here and Paste Over in Sketch? Additionally, is it possible to move an artboard from one file to another file?
0
votes
0
answers
46
views
Mobile app design size
Mobile app design size
What size is more appropriate and common for mobile application design in XD Figma software?
0
votes
0
answers
44
views
What is the name of this UI component / View?
Please do help me to find out how to refer to this UI component? Also is there any online library of UI components for the web describing best UX practices around them as well as other information ...
-1
votes
2
answers
126
views
What is a relatively LARGE serif or slab font? [closed]
Please do not downvote without reading the question text. The headline is not as pointless as it may sound.
I'm looking for a serif or slab font that that comes out relatively large.
For example, a ...
1
vote
0
answers
22
views
How to make Text Value adjusts itself when replace symbol in Sketch
I have just started using Sketch and when I try to replace a list item symbol with the one from my library the text changed to the text in the library and not stay the same as it was in my working ...
0
votes
1
answer
104
views
Feedback on interface for school exams' editor
I'm making a webapp for my local university, which allows teachers to create exams made up of open-ended/multiple-choice questions and JavaScript programming exercises, as well as group them by topic ...
1
vote
1
answer
339
views
Position sticky in Figma
Is it possible to apply fixed positioning depending on the point where the scrollY is (on the vertical axis)? Just like you would with CSS with position sticky?
1
vote
2
answers
56
views
GIMP Histogram display is very dim / low-contrast
I am getting older and my mark-I eyeballs dynamic range is decreasing.
While I can adjust gamma (xgamma -gamma 0.4) and LCD brightness, GIMP's histogram display is very dim and difficult to see.
(GIMP ...
0
votes
2
answers
105
views
Emulating global 3D light on a functional web page
I'm struggling with that problem for quite some time now so I decided to ask to have a definitive (and hopefully positive) answer.
Is there any way, using any web friendly language, to allow me to ...
0
votes
2
answers
128
views
What this art style/trend is called?
I'm noticing a trend for last few months in UI section. The components have either pastel colours or very contrasting coulours, hard shadow (no blur), dark outlines, hand-drawn type icons. The whole ...
0
votes
1
answer
81
views
How to merge all powerpoint slides into one 3D wireframe view similar to image attached
I want to make my presentation slides merge into one 3D view png file.
The image attached is how I would like my presentation slides to merge into one 3D view.
0
votes
0
answers
53
views
Thin icon design
YouTube is using Thin icons, Font Awesome 6 has a thin icon pack. I wonder whether there is any guide or resource available that talk about designing thin icons for UI. Or is it draw something and set ...
0
votes
0
answers
39
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
1
answer
545
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
0
answers
55
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
1
answer
78
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
0
answers
49
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
4
answers
231
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
1
answer
52
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
2
answers
68
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
1
answer
45
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
2
answers
97
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
3
answers
152
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
2
answers
99
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
1
answer
68
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
1
answer
62
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
0
answers
34
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 ...
2
votes
1
answer
298
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
1
answer
106
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
0
answers
66
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
4
answers
112
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
1
answer
38
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
1
answer
246
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
0
answers
33
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
1
answer
74
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
1
answer
119
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
4
answers
2k
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
0
answers
141
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 ...