Questions tagged [interface-design]
Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,
580
questions
-1
votes
1
answer
33
views
What colors should be used for representing opposites? [closed]
For example 2 opposing Teams in a Video Game
0
votes
1
answer
26
views
How do I set my StackExchange profile to use Dark Mode Theme?
Dumb question, but how do I set my profile to use Dark Mode theme?
I managed to do it for StackOverflow, but can't recall how I did it and can't find where to set it for this profile.
0
votes
0
answers
16
views
Moving elements in an auto layout instance - Figma
Hi I'm fairly new to figma. Learning tutorials. Just wondering I've created a component with text and made that into an auto layout so that I am able to switch around text/add if needed. I then made ...
0
votes
0
answers
31
views
Figma Editing Pain for Carbon Design System
I am attempting to leverage the Carbon Design System by IBM in my Figma designs. I cannot seem to affect the colors in any way other than detaching them which ruins the whole structure of the file ...
0
votes
1
answer
39
views
What shape can I use to make an icon for "icons" page?
fellow designers,
I'm working on a toolbar, and all the triggers use only icons. One of these triggers opens a modal where users can choose an icon. However, I'm unsure about the best shape for the ...
0
votes
1
answer
45
views
How to optimize a website design?
If you have a working website, is there a way to tell if parts of it are bad or good?
For example, I have created a cryptocurrency platform which I develop as a hobby project whenever I have spare ...
0
votes
1
answer
704
views
Photoshop: How to dock the floating Contextual Task Bar?
This is possibly Adobe's most annoying idea yet.
(Photoshop version 24.5.0)
I don't know what to call it, but just look at this thing constantly encroaching on my space:
Essentially, these two large ...
0
votes
2
answers
47
views
Turn Background White Without Selecting Each Individual Area in Photoshop
I have these low-fi prototypes, which I've drawn with pen on computer paper. After scanning them, though, the computer paper is not quite #FFFFFF
Is there a quick way to make the background as close ...
0
votes
1
answer
77
views
Need help with selecting a color pallets for light and dark modes o a site
I'm building a e-commerce site as part of a project and to make it more catchy, wanted to add a dark mode to my site. And, also I'm open to suggestions on the colors used for light theme built ...
0
votes
1
answer
63
views
Is it fine to design logo without any consideration with the design of UI? [closed]
The comments of How does material design handles 3D object? have a consensus that one can design a logo in any style I want, regardless of the design of the UI, and the two will still play along with ...
2
votes
1
answer
114
views
What icon represents "recommendation"?
Building a notification system in an app. Each type of notification has it's own icon.
Within the app a concept of "Recommendations" is being developed. Person A can recommend an item to ...
9
votes
4
answers
1k
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 ...
0
votes
3
answers
132
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 ...
3
votes
1
answer
80
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 ...
2
votes
3
answers
254
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 ...
0
votes
1
answer
91
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 ...
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 ...
0
votes
1
answer
55
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 ...
1
vote
2
answers
54
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
594
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
...
0
votes
0
answers
31
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 ...
1
vote
1
answer
368
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
101
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?
0
votes
1
answer
122
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 ...
-1
votes
1
answer
248
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
23
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/...
0
votes
2
answers
148
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
87
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
29
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
239
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 ...
0
votes
1
answer
319
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 ...
0
votes
1
answer
588
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....
-1
votes
2
answers
71
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
76
views
Mobile app design size
Mobile app design size
What size is more appropriate and common for mobile application design in XD Figma software?
-1
votes
2
answers
206
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
29
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
106
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
946
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
97
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
211
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
154
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
137
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
63
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
118
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
1k
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
1
answer
116
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
50
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
681
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
99
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 ...