Questions tagged [interface-design]
Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,
482
questions
0
votes
0answers
10 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
2answers
63 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
29 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 ...
1
vote
1answer
26 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
1answer
54 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
35 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
18 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), ...
2
votes
1answer
44 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
25 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)...
3
votes
1answer
60 views
How to do this button in Inkscape?
I need to recreate this specific type of button using Inkscape:
Don't mind the text or the icon, just the button itself.
I've tried creating a rectangle with a solid color fill, then duplicating it ...
0
votes
0answers
26 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?
2
votes
0answers
58 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....
1
vote
1answer
89 views
Creating advanced Healthbar Texture for Game UI
I'm pretty new to this all, especially Game UI Design and I would like to know how to create a realy good looking Healthbar.
I should perhaps mention that, since I'm so new to this, I don't have ...
1
vote
0answers
51 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 ...
0
votes
1answer
48 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 ...
1
vote
3answers
3k views
Why large companies never use flat design? [closed]
I am so curious about it and can’t find an answer.
Apple, Facebook, Twitter, Google, etc.
Can you imagine flat design from Apple? Probably never.
By flat I mean using ANY of the features of this ...
0
votes
1answer
77 views
From where should I start learning about layout & composition? [duplicate]
I am new to visual design and have already read dozens of articles about color, typography and other related things. But I can't understand how to use the elements and principles to create a ...
1
vote
0answers
40 views
What Design process should you follow as a design lead? Are there any ways you can make it easy for your juniors? [closed]
Say, I want to make it easy for my juniors to follow a design process so that it help them from missing the deadlines and work in an organised manner, so that they enjoy while working.
0
votes
1answer
40 views
How much memory is required to send a 300x500 pixel page to a 500 dpi printer if each pixel is 20 bits? [closed]
I am stuck in solving the problem given below:
We are sending a page for printing to a printer with 500 dpi. the page size is 300*500 pixels. if each pixel is 20 bit then how much memory this would ...
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
33 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
1answer
49 views
San Francisco and designing for iOS [closed]
When designing an application for iOS, am I tied to the San Francisco typography guidelines offered by Apple?
To better put this, do I have to follow them strictly?
I am new to this and I would like ...
0
votes
0answers
17 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?
0
votes
0answers
25 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
378 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 ...
1
vote
1answer
183 views
Dark UI Design: Why tint the 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 ...
2
votes
2answers
65 views
Does a background underneath text have a name?
I'm building an After Effects motion graphics template and giving users the opportunity to alter the rectangle behind the text for a video's lower thirds.
I want to label this parameter appropriately ...
1
vote
2answers
136 views
How to create harmonious color palette?
Look at these harmonious colors, they come from Google Material Design. I'm wondering how did Google designers create them? Expert knows that dark yellow will turn into lemon (with little green in it),...
4
votes
2answers
86 views
Distinguishing information via colors
I am working on the design of an app and I am stuck, I believe, due to (bad) color picking.
The app is related to personal performance and I diferentiate the 'state' of the information via colors — ...
0
votes
0answers
60 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, ...
-1
votes
1answer
62 views
Animating the UI screens of an app for Portfolio
Can anyone be open to suggest their procedure of representing their UI work of a mobile or web app on Behance or any other platform they upload?
I want to know whether you create a GIF or just record ...
0
votes
1answer
43 views
Suggestion for learning method [closed]
Currently I am studying graphic design, in my personal time am learning Html and Css, and I want to learn UX.
What should I do? To stick with html and css and those are enough or learn a UX software?
4
votes
2answers
86 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).
...
1
vote
1answer
307 views
What is Gmail's new login page effect called?
When clicking on the input field placeholder becomes a part of the input element's border.
The following image is from the new Gmail login page.
What is this effect called?
-1
votes
1answer
100 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 ...
0
votes
3answers
105 views
Good way to highlight important values in limited space
In my app I have a card that looks like so:
In which I want to highlight to the user certain values when, for example, there is less than a day left, the card is less than a kilometer away or when it ...
1
vote
1answer
119 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 ...
1
vote
2answers
56 views
How is this overlay and texture change on an e-commerce site achieved?
In this site, in the customization section, how is the fabric selection applied to the clothing?
Which technology are they using?
Being in the fashion and retail sector, I am interested in knowing ...
0
votes
1answer
302 views
What is slice tool and what are practical ways to use them?
This is a noob question, and I've looked for answers on the internets about the slice tool in Sketch. I understand it is a type of layer, but I don't understand why and when they're used. Other ...
2
votes
3answers
256 views
Can I combine rounded and sharp corners in the same design?
In graphic design (specifically for web and mobile) is it acceptable to combine elements that have rounded corners with elements that have sharp corners on one screen?
The purpose from of this from ...
1
vote
3answers
407 views
Dimensions for designing a website
I have three related questions:
When it comes to deciding on the dimensions for responsive web design, who calls the shots at a digital agency? Is it the visual designer, developer, product owner or ...
0
votes
1answer
102 views
Design critique on my apps menu [closed]
So, my app has this 'hidden' menu which opens through a button in the toolbar, the idea of the menu is that it's 'behind' the main part of the app.
Also as the data is presented to the user as ...
4
votes
1answer
99 views
How to distribute circles “aesthetically”?
So I had this problem pop up two times in two days and thought smarter people than myself have probably spend more time thinking about it:
Given several circles of different sizes, how do I ...
2
votes
1answer
329 views
Are there rules for using warm and cool grey tones together in UIs?
I am currently working on redesigning a web app and want to reduce the number of colors used, especially the lot of different grey tones - warm and cool mixed up as accents for UI elements and the ...
1
vote
1answer
242 views
Which of these two designs better conveys security and protection? [closed]
I have 2 product designs for the plastic enclosure of a cyber-security device that protects your smart home devices from hackers.
Users interact with the device with an app and the typical product ...
1
vote
2answers
133 views
What can good artists do to become good designers (web & app)?
I'm working towards a career change. I'm a good artist, but I've found that this does NOT translate into being a "good designer". Recently I took on a couple of jobs to test the water. I did two logo ...
1
vote
2answers
72 views
Am I a UI designer?
I'm familiar with making mobile apps interface, but only "images". I don't make any code, just images. And the developers need to deal with the other stuff.
Can I say that I'm a UI designer? Or to ...
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?
...
1
vote
1answer
1k views
Export PNG image in Sketch, looks poor quality [duplicate]
I'm using Sketch 51 on a macOS High Sierra. The Instagram icon looks great in Sketch but when I export as PNG it loses a lot of quality.
To the right we can see the icon in Sketch with zoom in good ...
1
vote
1answer
78 views
Must in-house software adhere to existing company branding?
I have a question about designing and developing a User Interface.
The company has a brand guide which doesn't really have the potential of satisfactorily being used for a web application in ...
