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
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/...
user avatar
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 ...
user avatar
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 ...
user avatar
  • 209
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 ...
user avatar
-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 ...
user avatar
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 ...
user avatar
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....
user avatar
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 ...
user avatar
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 ...
user avatar
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?
user avatar
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?
user avatar
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 ...
user avatar
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?
user avatar
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?
user avatar
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 ...
user avatar
-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 ...
user avatar
  • 43
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 ...
user avatar
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 ...
user avatar
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?
user avatar
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 ...
user avatar
  • 121
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 ...
user avatar
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 ...
user avatar
  • 599
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.
user avatar
  • 1
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 ...
user avatar
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 ...
user avatar
  • 1
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 ...
user avatar
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. ...
user avatar
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/...
user avatar
  • 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 ...
user avatar
  • 1
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? ...
user avatar
  • 408
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 ...
user avatar
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 ...
user avatar
-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 ...
user avatar
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 ...
user avatar
-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?
user avatar
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 ...
user avatar
  • 101
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-...
user avatar
  • 1
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.
user avatar
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 ...
user avatar
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 ...
user avatar
  • 123
-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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
  • 103
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?
user avatar
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 ...
user avatar
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 ...
user avatar
  • 103
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?
user avatar
  • 115
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 ...
user avatar
  • 193
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 ...
user avatar
  • 312

1
2 3 4 5
12