Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [interface-design]

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

1
vote
0answers
28 views

What Design process should you follow as a design lead? Are there any ways you can make it easy for your juniors? [on hold]

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
33 views

How much memory is required to send a 300x500 pixel page to a 500 dpi printer if each pixel is 20 bits? [on hold]

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
31 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
11 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
32 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
13 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
131 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
73 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
56 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
109 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
69 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
48 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, ...
2
votes
0answers
36 views

Positioning text blocks

I always had this question in my mind and never managed to answer it. How do you position text regarding other elements? Let's say you want to have a block of text, a heading block of text, at 16 ...
-1
votes
1answer
46 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
42 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?
3
votes
0answers
58 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
175 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
77 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
101 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
95 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
45 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
104 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
177 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
310 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
97 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
98 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
159 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
195 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
129 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
71 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 ...
1
vote
0answers
40 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
739 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
72 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 ...
1
vote
0answers
23 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
votes
2answers
507 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 ...
0
votes
1answer
153 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
81 views

Style identification of flat-ish design with gradients

I am looking for a general name or style identification of this type of design. Mainly so I can look for more examples and their common theme. Click for full size More examples can be found on the ...
-2
votes
1answer
47 views

What is Nolan in Icons8?

I found this to be interesting Icons8 - Nolan Is it any new design principle? Is there any website that is based on this?
1
vote
2answers
166 views

First Time Logo critique and advice

Im a programmer and im finishing up my first app! So, i decided to have some fun and try to design my own logo(first time). The app is a app that maps events in the city of Skopje, Macedonia. Give me ...
-1
votes
1answer
40 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 ...
0
votes
1answer
108 views

Mobile app design advice and critique [closed]

Need some help and advice, been working on an app, works good, time for the fun part, the design right. Turns out i really suck at that. So i made a few drafts, the green and yellow one was how i ...
1
vote
2answers
117 views

How can I keep the user attention on the main content without changing the sidebar?

I'm working to make a layout of a portfolio website. The website will have a side navebar, which will collapse in the mobile view. What I'm trying to achieve is to keep the user's attention in the ...
0
votes
1answer
32 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
1answer
38 views

How to check Mobile screen in Invision Studio app on mobile

I have created a Mobile Login Screen on Invision Studio On my Mac now I want to check the screen on mobile if the font size is correct or no if the spacing is right. Kindly help me to check my ...
1
vote
0answers
22 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 ...
6
votes
2answers
123 views

Is there a canonical way of representing parallax backgrounds in a wireframe?

I am currently working on several wireframes / mockups. The product I am designing will have a landing page with a parallax. What is the correct way of representing this in a wireframe? So far, I ...
1
vote
1answer
42 views

Looking for website examples for a drag and drop style widget

I'm designing a site and they want me to add the functionality to drag and drop different data to be displayed to the client in different ways. For example, bar charts or line charts. I'm having ...
1
vote
1answer
118 views

Grid and design guidelines for 3D system icons?

I'm experimenting with 2D interfaces for 3D design and spatial interfaces and looking for some guidelines such as material design Note: I'm not talking about 3d icons in general (style) but icons ...
3
votes
2answers
259 views

Design workshop at conference

I will be attending a 1 day design workshop about UI problem solving soon. There's not much information on the workshop itself. So, I am unsure what to expect. For those of you who have participated ...