Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [interface-design]

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

47 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
3
votes
0answers
92 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
67 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
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
2answers
83 views

Sketch - Text not resizing with symbol

Summary I'm trying to resize a symbol in Sketch and the text is not resizing with the symbol. I have "adjust content on resize" enabled and it's still not working. What I've tried I've also tried ...
1
vote
1answer
34 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
27 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
56 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
20 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
343 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
161 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
101 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
1answer
16 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
12 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
70 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
21 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
0answers
44 views

How do I choose the artboard size to design an Enterprise web app's UI?

Should I go with 1366px width which is a widely used desktop resolution or 1440px which is the highest artboard resolution in sketch presets for the responsive web?
0
votes
1answer
145 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
36 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
45 views

Maintaining consistency in margin spacing of an iOS App

I am coping with designing mobile apps, mostly iOS. I understood that for margin spacing I should go with 8, the smallest amount allowed, and follow with multiples of 8: 16, 24 etc. By default I ...
0
votes
0answers
26 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
390 views

Port From Adobe XD to HTML / CSS / JS to use in Visual Studio

just downloaded the Adobe XD and i think i am going to love it. I just have a problem Exporting it from Adobe XD into HTML / JS / CSS and port it to my code in Visual Studio, so i can do WebForm. How ...
0
votes
0answers
63 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
176 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
52 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
308 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
99 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
73 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
108 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
120 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
1k 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
45 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
77 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
95 views

Icon for “Services”

I'm making a web-site for a friend of mine. She works mainly with nail-art and make ups (I don't really know). Anyway, I wonder what would be good for an icon for "Services" of this kind of thing? I ...
-1
votes
1answer
109 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:
-1
votes
1answer
780 views

Android Asset slicing

I am a Graphic Designer, I have designed an app and gave it to the developers, Now they are asking App assets in HDPI, XHDPI, XXHDPI how should i slice them? it should fit perfectly but i dont know ...
-1
votes
1answer
631 views

About Material design UI and use of colors

I read that the use of bold colors is appreciated in the new Material design but up to what extent? Here is some context with an example. I have a tabbed page with the background color of the tabs ...
-2
votes
1answer
161 views

Best way to show transition between states

I need to graphically represent transition between different states. The states list is dynamic. At one time only one state can be active. We have a product which gives the user ability to define ...
-2
votes
2answers
3k views

What's the height of the UITabbar on iPad in iOS 7?

For both landscape and Portrait, if there's a difference.
-3
votes
1answer
68 views

What is the name of design language which contains flat humans shapes and semi-gradient shapes?

Recently, lots of websites are using a new design method/language which combined from flat shapes with semi gradient style and flat human bodies? eg: atlassian.com eg2: What is the name of this ...
-3
votes
1answer
76 views

What's a good icon for symbolising “rent”?

"rent" as in renting of books etc. I need to design a rent icon that symbolizes renting of books in a mobile app.