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 votes
1 answer
33 views

What colors should be used for representing opposites? [closed]

For example 2 opposing Teams in a Video Game
Adler's user avatar
  • 97
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.
skeetastax's user avatar
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 ...
Birdlady9604's user avatar
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 ...
UX_Km's user avatar
  • 1
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 ...
Bondsmith's user avatar
  • 101
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 ...
ii iml0sto1's user avatar
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 ...
Mentalist's user avatar
  • 1,275
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 ...
HappyHands31's user avatar
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 ...
user3872094's user avatar
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 ...
Ooker's user avatar
  • 1,843
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 ...
joe92's user avatar
  • 123
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 ...
Pete's user avatar
  • 291
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 ...
DesignB3tter's user avatar
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 ...
Héctor Sáenz's user avatar
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 ...
Bluebug's user avatar
  • 648
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 ...
Sven's user avatar
  • 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 ...
androidXP's user avatar
  • 101
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 ...
monkey's user avatar
  • 109
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 ...
marta dušević's user avatar
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 ...
Aaron Beaudoin's user avatar
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 ...
Tenders McChiken's user avatar
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 ...
Clueless Investor's user avatar
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?
R15's user avatar
  • 111
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?
Aakriti Chaturvedi's user avatar
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 ...
Kamafeather's user avatar
-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 ...
user174686's user avatar
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/...
Teafortwo Wyrman's user avatar
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 ...
Sumit Yadav's user avatar
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 ...
nalzok's user avatar
  • 209
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 ...
Sumit Yadav's user avatar
-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 ...
Sumit Yadav's user avatar
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 ...
Sumit Yadav's user avatar
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....
Sumit Yadav's user avatar
-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?
hellogoodnight's user avatar
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?
Mohsen Lotfalikhani's user avatar
-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 ...
David.P's user avatar
  • 163
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 ...
Ana Bereznova's user avatar
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 ...
Samuele B.'s user avatar
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?
user162722's user avatar
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 ...
jmullee's user avatar
  • 121
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 ...
Bachir Messaouri's user avatar
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 ...
Bluebug's user avatar
  • 648
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.
Max's user avatar
  • 1
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 ...
user227495's user avatar
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 ...
PLB's user avatar
  • 1
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 ...
bestfriendsforever's user avatar
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/...
Sidak's user avatar
  • 101
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 ...
Matt's user avatar
  • 1
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? ...
Les Go's user avatar
  • 406
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 ...
Ben Butterworth's user avatar

1
2 3 4 5
12