Questions tagged [interface-design]

Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,

56 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
3
votes
0answers
101 views

Positioning logo's of different sizes inside rectanlge

I have a bunch of logos of different proportions that need to be positioned inside a rectangle. I can do this by hand so the layout is not as chaotic as it would be with a center/fit placement. Is ...
2
votes
0answers
103 views

Why iOS system grays have a slight blue hue?

The light system gray defined by Apple Guidelines for iOS12 (and used by the default color scheme of the UI controls), is defined as #EFEFF4 (HSB(240,2,96)). It means that the hue is a little bit blue....
2
votes
0answers
340 views

What does Material Design mean by 'action'?

For context, I'm a web developer implementing a project using Material-UI a React framework that implements Google's Material Design. One of the difficulties I'm having with the Material UI API ...
2
votes
0answers
47 views

if I am using Material Design which top header bar component should I use?

I am a new designer and I am designing an application for iPhone devices. if I am using Material Design which top header bar component should I use, that one belongs to Material Design or iOS UI? ...
2
votes
0answers
32 views

Dynamic chaining of properties in sketch

Is there a way to chain 2 or more properties of different layers in sketch. To give an example : Chain a fill of a button to the fill of a text layer on it, so that, in case the button H/S/B changes, ...
1
vote
0answers
27 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 ...
1
vote
1answer
46 views

ADA Color Contrast - Best Practices

We're currently working on a new website and ran some tests to check ADA compliance on our website. There's a color we're using that isn't compliant on certain font sizes. We also use this color on ...
1
vote
0answers
28 views

How should I make my icons as a part of a design system?

I'm creating a design system for a user interface design project and I want to make icons accessible for designers and developers. Icons can have different styles like: Different strokes (1px and 2px)...
1
vote
0answers
112 views

What to do for eye/retina “burn-in” now that we're all darkened up?

Like many, I've been so excited since I switched to dark mode on macOS. I've been able to work at night and in my studio with dim lighting so much easier. My eyes feel so much better now! But this has ...
1
vote
0answers
31 views

Are there any ways of hiding object in Figma?

I am facing problem when I need to change the icons, are there any options in figma to hide the icons or object?
1
vote
0answers
25 views

Workflow for users to advance-add things to a table

Attached is a quick sketch of a table idea I’m trying to improve. Ignore the naming conventions. Above the table are dropdowns to select an apple or an orange. The user also has the option to add a ...
1
vote
0answers
387 views

Core color theory books books for UI/UX specialist

I'm a newbie at design. I'm a front-end developer mostly working at tech issues rather than business or design. I really want to get some useful knowledge in this field to help my team to build better ...
1
vote
0answers
166 views

What are the risks, if any, of upgrading GIMP from 2.8.16 to 2.9.x?

I am interested in going to 2.9.4 for the added utility & improvements. I have loads of custom scripts, UI, and so on that I use frequently, so these are my chief concerns - will they port ok? ...
1
vote
0answers
1k views

What are the KPIs for a successful UI/UX design?

How do you measure that your design improvements did in fact improve session duration/views?
1
vote
0answers
114 views

How to test if a specific color is harmonious within a new color pallete

I'm trying to harmonize colors, I understand the basic theory, but when it comes to a complex palette, like for branding, website and multiple applications, how can I test if a color is out of the ...
1
vote
3answers
1k views

Where to find the artboard presets?

Where to find the artboard presets in Photoshop 2017? I searched artboard on the global search but it says it's not available.
0
votes
0answers
25 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 ...
0
votes
1answer
39 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
52 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
1answer
68 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?
0
votes
1answer
27 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?
0
votes
0answers
39 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 ...
0
votes
2answers
47 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
26 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 ...
0
votes
1answer
71 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 ...
0
votes
1answer
53 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 ...
0
votes
0answers
28 views

What is this navigation method called? And how can I implement it into WordPress/Divi Builder?

I'm in the process of doing a reskin on my company's website. Hoping to include a navigation method similar to what's used on Tesla's homepage on the left. I want it to be reactive to where the user ...
0
votes
0answers
183 views

How to remove background color from bitmap which is added in image in sketch?

I want to add a transparent background color to a bitmap in Sketch.
0
votes
1answer
151 views

Scroll bars (horizonal / vertical) on the Adobe XD window's viewport

I'm using Adobe XD to design UI but unfortunately, it does not currently provide scrollbars to navigate the view of my content.
0
votes
0answers
13 views

Sketch: new raw in symbol when change title?

I think remembered a technique from long time ago: when you had an component in symbol with 4 raws (or repetitive elements) nested, it was possible to had element only with changing name of title. ...
0
votes
0answers
83 views

Why does the composition/frame of a design looks distorted sometimes?

Sometimes, when I work on some designs, the everything looks fine except the overall frame (I don't know how should I describe it). For example, see these 2 designs: And here is how I see them ...
0
votes
0answers
37 views

Can I shorten/change the name of a font in my app's menu?

I am making an app in which users can select a font, however some of the OFL fonts I have collected have a name which doesn't fit in the font selection menu. Is it ok to shorten or change the name?
0
votes
0answers
23 views

iOS checkboxes and radio buttons default components

I have a question regarding the default component for checkboxes and radio buttons in iOS. [Context] In this flow, the user will have to create a two period charging recurrence (for a service), ...
0
votes
1answer
334 views

Sketch App with label colors on Sidebar

In the Sketch App I have at home, he displayed a few different items on siderar than I use at work. Basically you have the option of selecting label colors for artboards and layers and also a line ...
0
votes
0answers
37 views

What process for applying graphics to painted plastic or metal surfaces?

I'm working on a project where I need to apply graphics to both painted plastic and metal surfaces that will be outdoors and have UV exposure. These surfaces will experience moderate wear and tear ...
0
votes
0answers
28 views

How should I moderate my use of Bloom?

I'm making a top-down shooter in Unity, and a.t.m. I'm designing the main menu. So earlier on I asked a friend if this was a good UI, and he said it hurt his eyes: How do I prevent this from ...
0
votes
0answers
67 views

Tips on color in UI?

I've been working on a personal project recently, and I'm having trouble implementing the full color scheme. I've uploaded a semi-functional mockup . My primary and secondary colors are: rgba(245, ...
0
votes
1answer
226 views

What is the name of this kind of character illustration?

I have seen lots of UI designer nowadays including this kind of illustration i want to know the name of this style so that i can also learn and try this in my designs.
0
votes
1answer
91 views

Invision Mobile screen display issue on Iphone

There is extra space left on my mobile screen which is not there on my Invision screen on Mac. As you can see the below image is from Invision Studio on Mac. The width is 320px but when i check on ...
0
votes
0answers
311 views

Material Design App Slicing - Android

As we all know, Google have released a material design UI/UX platform for developers. What are the image sizes that I have to follow to slice them for the various resolutions of android devices?
0
votes
0answers
90 views

A design paradigm - GUI and theme files

I am making a GUI application that has a themes folder inside the package. Users can write their own theme files following the format specified in the documentation - it is somewhat similar to GTK ...
0
votes
0answers
103 views

Color combination for 3d mesh segmentation

I'm a programmer, with really bad aesthetic feeling. Please sorry if I use not specific terminology, I'm not a graphic designer. I'd like to automatically generate a variable size cool combination ...
0
votes
0answers
75 views

Visualizing a droppable field

I'm currently working on a pure drag and drop part of my applications UI. There are certain tools the user can drop the items into, to do certain things (Remove, rename, move) Are there any good '...
0
votes
1answer
109 views

Beginner with iOS UI Design

I want to start designing iOS app UI in Photoshop but I can't find up-to-date tutorials and informations about document resolution, ppi of document, getting retina ready and complete guide for it. ...
-1
votes
1answer
175 views

Text/Icon Radio Button Name?

Does anyone know the official definition for these buttons in the attached image (taken from the Apple Store app)? They're basically radio buttons with an icon and/or text in them, but can't seem to ...
-1
votes
2answers
2k views

Image quality is bad when importing image into Photoshop

When I make a screenshot for my app on my phone, the picture looks clear but when I import it to the mockup phone in Photoshop it doesn't show up clearly. How can I make a HD screenshot for my app to ...
-1
votes
1answer
72 views

Mobile design guidelines and handoffs

Backstory: I have no previous digital design experience but recently started working as a UI/UX designer for a small company. This is my first job. Problem: We are currently working on a react ...
-1
votes
1answer
55 views

Multilayered option list form

I want to ask about multilayered options from the view of UI and UX. I need to make a form about coverage area in which contains states, city and districts. user can choose multiple states and cities ...
-1
votes
1answer
79 views

When and when not borders are necessary? ( iOS design)

I'm trying to understand, if the usage of a border at the navigation bar contribute to the design/UX in some way? Would love to hear your thoughts about that. Designed for iOS
-1
votes
1answer
112 views

How to create a glitch free stroke icon in photoshop?

I'm creating an icon but if I use it in small resolution screen it's shown with glitches like follow: