Questions tagged [interface-design]
Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,
551
questions
0
votes
2answers
95 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 ...
2
votes
0answers
21 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
1answer
98 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 ...
0
votes
1answer
44 views
Position sticky figma
How are you? I'm wrong because I'm trying to apply an effect in Figma which I don't know if it is possible to do. I leave my question…
Is it possible to apply fixed positioning depending on the point ...
1
vote
2answers
43 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
2answers
62 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
2answers
108 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
1answer
64 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
0answers
50 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
0answers
29 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
0answers
33 views
Streaming Development/Design Layout: Short, Vertical Chat vs. Long, Horizontal chat
I'm currently working on an overlay for my Twitch stream for development and design.
I want to have chat messages visible on my stream but am unsure about the layout.
I'd appreciate help in pros/cons, ...
0
votes
1answer
158 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
0answers
29 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
1answer
57 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
0answers
47 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
4answers
110 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
1answer
36 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
2answers
59 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
1answer
34 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
2answers
80 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
3answers
75 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
0answers
65 views
How to enable developers to extract images from an Adobe XD file without making every images exportable?
We keep encountering a recurring problem where we designer keep forgetting to make every assets (esp images) exportable. I was wondering if there are existing solution out there. We are also using ...
0
votes
2answers
57 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
1answer
30 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
1answer
45 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
0answers
76 views
How to prevent swapping of blocks in Adobe XD Draft XR?
I'm designing a VR interface in Adobe XD with Draft XR plugin. And I faced a problem when I set curvature to my design and open it the left and right blocks are swapped.
Design -
And How it looks in ...
0
votes
0answers
31 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 ...
0
votes
0answers
130 views
Import multiple images to multiple artboards in sketch?
Is there a way to import multiple images to multiple artboards, preferably in alphabetical order?
In this example, I have 200 components that all have the same design, but each have a different image ...
2
votes
1answer
205 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
1answer
75 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
0answers
62 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
4answers
89 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
1answer
32 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
1answer
109 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
0answers
31 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
1answer
69 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
1answer
79 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
4answers
1k 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
0answers
50 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 ...
1
vote
0answers
37 views
When icons are used as glyphs, is it necessary to create them at double the intended resolution? [closed]
eg. 16x16 is the intended size, do I need to create them at 32x32 or higher for sharpness on screens with high ppi? any help would be greatly appreciated.
Edit: looks like I was conflating ...
0
votes
2answers
209 views
Can you pin a symbol or layer to the bottom of an artboard in Sketch?
I'm working with a footer symbol and I want it to always stay pinned to the bottom edge of my artboard, so when I lengthen or shorten my artboard when I'm adding content, it stays pinned to the bottom,...
0
votes
1answer
129 views
Replicate drop shadow effect
I'm trying to replicate a drop shadow effect displayed here, but can't seem to get it right.
The project has this section which seems to explain how to perform the effect, but I feel I'm doing ...
0
votes
1answer
32 views
WCAG Compliance - Does Acceptable Contrast Apply Only to Text? Or Icons and Other Graphics as Well?
I am completely new to WCAG compliance and I have several questions.
I.e. say that you’re using the tool Color-pair Contrast Testing
to check the contrast of background and foreground color. Your ...
0
votes
1answer
43 views
How to add images and videos to screen mock ups?
I'm a beginner in UI right now and I wanted to upload my work on Behance. But I want to put my project images on the iPhone screen mock-up. I did know basic things about it but still confused about ...
1
vote
1answer
3k views
When prototyping in Figma, can I make the frames automatically fit the device screen width?
I'm new to Figma, just started learning it today, so maybe I'm missing something obvious.
I have a frame with a design that uses constraints to scale nicely to different screen widths. When I ...
-1
votes
1answer
45 views
A website with a large tree-structure diagram
I have a (personal) project that involves a tree-structure diagram (i.e. hierarchy chart) containing about 450 articles (or whatever the different parts are called) each with about a paragraph or two ...
3
votes
2answers
380 views
Why are these two designs considered outdated and old-fashioned?
I have a project where the main important part is the back-end. But of course the front-end design is important, so I have made two different designs for the demo site.
But both designs are ...
0
votes
1answer
91 views
Looking for feedback to design a tabbed menu
I am working on an e-commerce website. I am creating a Shopify app for the e-commerce website, and I want the shopify app to be within a tabbed menu.
The app has 2 tabs:
Product Mapping: for ...
1
vote
1answer
193 views
How to solve overlapping shadow issue?
In a UI with multiple cards arranged in a grid, the shadow of cards are falling on top of other cards. All these cards are supposed to be on the same level (elevation/depth). Is there any way to solve ...
0
votes
1answer
186 views
Measuring units for Android UI Design
I am designing a mobile app for the Android OS. I am currently using Adobe XD. What is the base screen size that I can use to start designing so that 1px is equal to 1dp or 1sp. Also what is the ...
