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
0answers
16 views

Appropriate background and text colour for boxes in dark user interface

What would be a good colour for set for the background colour of the squares and text in this image. I am struggling to find a shade of grey that works:
0
votes
1answer
18 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 ...
3
votes
2answers
365 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
52 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
526 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
27 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
5k 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
96 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
31 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
1answer
55 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
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
200 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
24 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
1answer
195 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
38 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 ...
2
votes
0answers
236 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
263 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 ...
0
votes
1answer
30 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.
3
votes
2answers
192 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
24 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
27 views

Using text styles that are not included in DLS

We have 15 text styles in our Design Language System and sometimes I face some situations that I have to use some other text styles instead of the existing ones. Is it weird to use some typography ...
1
vote
2answers
52 views

Method / Software for Creating Images based on Dynamically Updatable Templates?

So, for example, I want to create 2 ADS but the text and the photo featured will be different between the two. How can I create the same design using something like a template that can also be updated ...
1
vote
1answer
50 views

Icon to represent component [closed]

I am building a drag and drop web builder. One of the actions requires that the user select a "component" from the sidebar and drag it across the page. Once they drop it, the component fills the page....
5
votes
3answers
1k views

How to design a modern/slightly futuristic-looking application?

I was hoping to get some advice from some more experienced UI developers. I have been presented with a unique challenge by my customer, and I feel like I am failing. Specifically, they want a UI that ...
0
votes
1answer
63 views

How to show the link is clickable ? Mobile UI Design

I am prototyping a profile interface for a social network app and I can't figure out how to show that the links in the "Progression" card are clickable. I put some interrogations points, to point ...
0
votes
1answer
58 views

Could not find a navbar background that fits with my logo

I recently changed the logo for my company but now it does not fit anymore on the navbar. The color of the logo are #3331a1 and #a8b0c6. I don't really want to have a white navbar but seems to be the ...
-3
votes
1answer
72 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 ...
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
1answer
51 views

Design of item listing on sidebar

On the sidebar for a web application I am working on, I have an option to allow users to change their current template. I think the current design looks ok, but it doesn't really seem engaging or ...
1
vote
2answers
169 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 ...
2
votes
1answer
69 views

How to change the colors of these lines from Adobe Illustrator?

I would like to change these colors of the lines in the red frame, from Adobe Illustrator. Is it possible?
1
vote
1answer
150 views

Off-kilter design style

I'm trying to recall what this style is called where it's super minimal, there's a light use of shapes to guide the attention and the shapes and text are slightly out of kilter to each other. Does ...
0
votes
1answer
39 views

What color scheme to choose for background color of different section in one page website?

I have a website page with different sections like about us and contact us. I was learning about color wheel schemes but it is still unclear if I should use complementary or analogue scheme for ...
1
vote
1answer
43 views

How to deliver a UX/UI project? [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
votes
3answers
89 views

How to display a title over an image?

What's the best way to put a title on top of an image? I'm exploring the following options. The image and title will be user submitted which make things a little bit harder. The specific question ...
0
votes
1answer
151 views

Critique: Amateur looking buttons with icons?

I am working on a CMS with the feature to 'follow' and also the option to see stats. There are 2 buttons, and the stats value becomes 1.2k etc after it reaches over 1000. I have added some icons, ...
0
votes
0answers
82 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
1answer
1k views

What are the pros and cons of Principle vs ProtoPie

I’d like to elevate the fidelity of the prototypes I create for my clients, to a level where interaction is as natural as possible. To showcase that, I’ve decided to explore the world of micro-...
0
votes
4answers
307 views

Choosing a color scheme for 3 layers of material UI cards

I'm working on the Android UI at work, and I'm happy with the current color conventions we've used; white cards on a grey background, and a black FAB adding just the right contrast to separate the two ...
2
votes
4answers
212 views

Sizes and dpi confusion

I am designing an app for multiple screen sizes in Android and I have been researching a lot on how the sizes should be kept. Until now I have been able to understand that for multiple sizes such as ...
2
votes
4answers
814 views

Good source for learning about light/shadow/gradients in flat designs

I came across this creation here on dribble. I have marked some areas with arrows, which are either 'lit up' because of bright light, or have 'shadows' because of absence. And also this one here : ...
1
vote
2answers
87 views

Business Leads Icon

I'm building an interface for an admin page. The admin clicks a button to choose an icon to see how many business leads received. I have always been stumped as to which icon is best suited for use on ...
0
votes
2answers
32 views

How do I let the user know a menu will appear on touch slide?

If I have an hamburguer icon on mobile devices, how do I let the user know a menu will appear on touch slide instead of clicking the icon? Is there any visual trick both for the touch slide left and ...
0
votes
1answer
367 views

Can we put back button at the bottom in iOS app? Are there any apps in App Store like that?

There is a usability issue of reaching back button in iOS because it is on the top left. I want to put it at the bottom left for reachability. But my developer says it is against Apple guidelines. Can ...
0
votes
2answers
37 views

How to fix the problem for the color schemes differences for the mac and windows screens [duplicate]

I am a product designer, I use MacBook Pro for my design work. Whenever I design an app/website/web pages after it went live the big problems comes up as color differences in the Apple screen and ...
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), ...
4
votes
2answers
87 views

Real estate property listing formatting

Working on this real estate development website with multiple units for sale, each of these listing the number of bedrooms, bathrooms, floor and unit surface per unit (below the 'Family Unit' title). ...
2
votes
1answer
48 views

How can I prevent this optical illusion of a rotated text?

Recently I have been trying to add tabs to my application. When designing the Zoom tab, I find that when focusing on other elements of the screen it appears to look like eoon to the unfocused eye. ...
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)...