Questions tagged [interface-design]
Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,
571
questions
6
votes
4
answers
567
views
How to quickly generate rectangles in place of text
It's pretty common nowadays—especially for UI mockups—to replace insignificant text with subdued rectangles. See example below.
Does anyone have a really simple way of creating those—especially in a ...
- 261
0
votes
3
answers
102
views
What could I do to make these flyers less amateur and more professional? [closed]
here are some flyers I've designed in the past that we've used for functions. I know they are all amateur but I would like to get better and am welcome to suggestions on what I could do better. I ...
- 13
3
votes
1
answer
72
views
Do my components have enough white space?
I've been working on a project but the more I see my components, the more I think they don't have enough white space.
The two components with which I have more doubt are a dropdown and a group of ...
- 33
2
votes
2
answers
69
views
UI Design: I can't understand the concept of design tokens
I have created a few design systems in Figma for different companies. Some are simple, and some are complex. But till now I can't understand the concept of design tokens. Every article or video I ...
- 629
0
votes
1
answer
41
views
UI design: How to match the movement of the hue with the movement of saturation and brightness?
I'm currently learning UI design, right now I'm focusing on color. I make good progress, but now I have hit a roadblock I can't wrap my head around.
I understood that it's possible to design an ...
- 101
0
votes
0
answers
13
views
Using right image for creating hope for the user to take action
I am developing educations app where i need to use an image for the first time users which create hope that they will catch up withe their alumni friends. So for this i am using this image.
with some ...
- 101
0
votes
1
answer
45
views
Product Design: Text Orientation and Quantity
I have a question about how the quantity and orientation of text can impact on the user experience. Have a look at the attached sketch. It's supposed to show the logo above, and company name and ...
- 109
1
vote
2
answers
52
views
How to present your User Interface Style Guide
I don't even know how to describe this but I will try.
If I design a sidebar for example and want to show to the developers all the spacings, paddings..etc, what is the fastest way to do it so that I ...
1
vote
3
answers
49
views
What is the name for the bar on a site appearing above or below the navigation bar, usually containing a discount or other promotion?
What is the name for the bar on a site appearing above or below the navigation bar, usually containing a discount or other promotion? Here are a few examples of what I'm talking about:
Nike
Adidas
...
- 113
0
votes
0
answers
25
views
How do I set the stroke color of an object to correspond to one of the colors I added to my color assets in Penpot?
When using Penpot, you can define a set of Color Assets that you can then later reference throughout your design. These predefined colors can be used to fill objects by first selecting an object then ...
- 123
1
vote
1
answer
111
views
How do you Clip and Inverse Clip a complex object in Inkscape?
I have an SVG that's meant to be a responsive web button:
After some trial and error, I've noticed it doesn't look great at extreme widths: the vertical borders get thinner and thicker as the ...
0
votes
1
answer
96
views
What is name of this design that looks like a chemistry molecule?
I have to develop below design in Android. Before starting it, I should know the name of design so that I can search in Google to get some help.
Can anyone tell me what we say to below design/UI?
- 111
0
votes
1
answer
43
views
Checking which Font is compatible for maximum browsers
Wanted to know about if Public sans is compatible for all browser or operating systems? and how i can check browser compatibility of any fonts?
2
votes
2
answers
1k
views
Is a teaser with no image still a teaser?
I usually expect a teaser to have some kind of multimedia content like an image or a video or an audio preview. Pretty much like a media-object .
But is a teaser still a teaser, if there's no ...
- 131
-1
votes
1
answer
91
views
Crop Image at specific location from multiple images [closed]
I have a multiple images of one app. The original image size is 800x480 pixels. I want to crop a specific part of all images. lets say 50x50 pixels image from original images.
Is there any software or ...
1
vote
0
answers
20
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/...
- 25
0
votes
2
answers
131
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 ...
- 457
3
votes
2
answers
75
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 ...
- 209
0
votes
0
answers
25
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 ...
- 457
-1
votes
1
answer
179
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 ...
- 457
0
votes
1
answer
229
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 ...
- 457
0
votes
1
answer
394
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....
- 457
-1
votes
2
answers
70
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?
- 143
0
votes
0
answers
49
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
66
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
-1
votes
2
answers
142
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 ...
- 153
1
vote
0
answers
28
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 ...
- 59
1
vote
1
answer
750
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?
- 11
1
vote
2
answers
78
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 ...
- 121
0
votes
2
answers
154
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 ...
- 137
0
votes
2
answers
139
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 ...
- 629
0
votes
1
answer
108
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.
- 1
0
votes
0
answers
59
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 ...
- 163
0
votes
0
answers
100
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 ...
- 1
0
votes
1
answer
845
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
67
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. ...
- 1
0
votes
1
answer
87
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/...
- 101
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
1
vote
4
answers
407
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?
...
- 408
0
votes
1
answer
74
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 ...
- 103
0
votes
2
answers
75
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 ...
- 59
-1
votes
1
answer
52
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
153
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
280
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
146
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 ...
- 101
0
votes
1
answer
107
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-...
- 1
0
votes
1
answer
80
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.
- 11
0
votes
0
answers
38
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
349
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 ...
- 123