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
0
votes
1answer
64 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
26 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
5answers
3k views

InDesign: one artboard significantly larger than the others

I am having an issue with one artboard in my document, as you can see it is much larger than the rest, how do I fix this?
0
votes
1answer
119 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 ...
0
votes
1answer
92 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 ...
1
vote
3answers
2k 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
342 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 ...
2
votes
1answer
147 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 ...
0
votes
1answer
40 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
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.
1
vote
1answer
47 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 ...
0
votes
4answers
70 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
159 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
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
0answers
53 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
22 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
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
28 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
2answers
57 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
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 ...
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
1answer
62 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 ...
1
vote
2answers
5k views

Looking for a Adobe Illustrator to Sketch workflow solution

Does anybody have a Sketch to Illustrator conversion workflow? Reason I am asking is because at the place I am working at a lot of our documentation is done in Illustrator and I have been asked to ...
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 ...
2
votes
1answer
63 views

How to deliver a UX/UI project to the client? [closed]

For a long time i've been learning and improving my skills with UX and UI design. I completely know how to manage tools like Adobe XD or Invision Studio (not Sketch because I don't have a Mac), but I ...
1
vote
1answer
381 views

Dark UI Design: Why tint the dark gray colors with a different (primary) color?

I'm currently building a desktop app and decided to go with dark UI. I got really inspired by the tools I use for web development (mainly Atom text editor), which have nice dark UI designs. So I ...
1
vote
1answer
1k views

Update prototype links across all symbols in Adobe XD

I am currently designing a brochure website using Adobe Experience Design. I have converted my navigation header into a symbol so that the aesthetic can be easily changed and updated across all the ...
0
votes
4answers
294 views

How to deal with “poor design” client feedback

I was commissioned to design a website for a cruise ship/boat that has 7 restaurants on board. The client provided a reference for their competitor which is Pier88group. I went ahead and designed an ...
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 ...
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
1answer
64 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
19 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 this tool: https://color.a11y.com/ContrastPair/?bgcolor=ffffff&fgcolor=3580BE to check the ...
2
votes
8answers
1k views

Icon suggestion for “In use”?

I am trying to come up with an icon that would capture the concept of "in use". I have a list of files, some of which will be used by other objects in the system, and I need a visual cue to present to ...
1
vote
1answer
941 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 ...
3
votes
2answers
348 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 ...
-1
votes
1answer
41 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 ...
1
vote
1answer
108 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 ...
1
vote
3answers
895 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 ...
3
votes
2answers
394 views

What is the name of this UI Element?

I'm looking for the exact name of the UI card (?) element marked with the red dashed lines here that is often used for product purchases. Does anyone know the name of it?
0
votes
1answer
55 views

Save and Close Icon

I'm building an interface for an admin page. The admin clicks a button to choose an icon to save and close the data table instead of autosave. I have always been stumped as to which icon is best ...
6
votes
3answers
1k views

Do I need to be Creative and Artistic to be a graphic designer?

I don't like to draw things, and I'm not so creative and artistic. Can I become a graphic/UI, UX designer? Your kind suggestions are highly appreciated.
0
votes
2answers
83 views

iOS App design Base size

I am designing a mobile app for iOS. What is the base screen size that I can use to start designing the UI of the app so that there won't be any issues while exporting the icons and assets for the ...
3
votes
2answers
6k views

Why are slices in Sketch Important?

I understand that this a noob question; I am about to import my Sketch design into Zeplin.io and I am being told that I should have slices created for my assets. I have created symbols for my icons ...
3
votes
3answers
130 views

How do I differentiate between vegan/vegetarian, wheat/gluten or dairy/lactose icons?

I'm a newbie in the UI world, and recently I have been asked to create nutrition icons that are clear and can be easily identified by the users. I have been having some problems trying to ...
0
votes
1answer
245 views

How to set override to “no symbol” by default in Sketch?

Let's imagine I have a Master data cell symbol and several tables that already use instances of it. There are no dividers in the Master cell symbol so far, so I want to add them. I create a master ...
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 ...
2
votes
0answers
345 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 ...
3
votes
2answers
768 views

What is the most intuitive and obvious copy link icon?

I'm building a blog interface and I need a button to represent my copy URL link action in my blog post pages. The button will be side by side with other social media share icons. I'm trying to decide ...
3
votes
2answers
210 views

How to begin designing PDF Business Reports

Hello guys how are you? I would like some help from you because I'm a little lost. Next year I will have to develop pdf files styles in my company. It is a financial company and I was asked to ...
0
votes
0answers
209 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.

1
2 3 4 5
11