We’re rewarding the question askers & reputations are being recalculated! Read more.

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
433 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
307 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
441 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
103 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
102 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
382 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
244 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
134 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
74 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
2k 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 ...
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
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 ...
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
100 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
52 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
175 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
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 ...
0
votes
1answer
126 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
119 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
51 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
63 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
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 ...
6
votes
2answers
168 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
49 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
140 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
263 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 ...
3
votes
3answers
177 views

How to show that an image is also a link?

I'm creating a PDF and it should contain a hyperlink to google maps. The link must be represented by the Google Maps logo. What is the right way to indicate to the reader that the logo is a clickable ...
0
votes
1answer
72 views

How to reproduce this effect and what's its name? [duplicate]

I have been looking on project on behance and there are plenty of projects that show interfaces in a 3d way with depth and I can't find anything to reproduce something like this, so since I am not a ...
0
votes
1answer
928 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
1answer
334 views

Animating on a single artboard in InVision Studio?

I'm creating a vertical scrolling interactive wizard and currently have 12+ huge 1440x6519 artboards in InVision Studio for this one project. I only need one artboard really, but with each Next button/...
2
votes
3answers
124 views

How can I achieve these gradient effects in photoshop?

I would like to achieve the three gradient effects we see on the photo below with photoshop. I tried by myself using the gradient tool and changing the layer blend mode but didn't work. The 1st ...
1
vote
2answers
67 views

Is there a standard name for a crossed rectangle placeholder?

In DTP type applications, a rectangle with a pair of diagonal lines from corner to corner is used as a placeholder to signify blank space awaiting content, or not rendered. Example: Is there a name ...
0
votes
4answers
219 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 ...
3
votes
1answer
696 views

Prevent text from overriding in Sketch

I have a vacancy card with fixed and negotiable salary. They can be switched using overrides. But when I change salary to negotiable I don't want text in that symbol to change. I want it to be locked ...
1
vote
1answer
141 views

Sketch - how to create 3d design preview pics? [closed]

I don't know what the exact term is for this, but I often see UX/UI designs displayed as follows: i.e., displayed on rendered mobile devices' screens in 3D. I have finished my UI design in sketch (...
9
votes
3answers
889 views

How do designers choose shapes in a design?

A lot of times, while browsing through sites like Dribbble, one comes across sites that use shapes (see this example). Sorry for being naive, but is there a reason behind choosing a particular shape ...
3
votes
0answers
67 views

Is 100% black good in UI design? [duplicate]

I was told that 100% black color makes eyes strain as it's too much contrast between white background and high color text. Ebooks, for example, does not use 100% black. Are there any studies that ...
2
votes
1answer
52 views

Is there a Sketch search/replace function for primary hexadecimal colors?

I created 20 website templates with multiple layers and assets. I use a primary pallet of five colors. These colors need to be changed and I would like to use the DRY concept. If this was a ...
3
votes
0answers
57 views

Simplifying mobile web design without altering given requirements [closed]

I'm writing and designing a mobile web application where users chat with one another. This question is about designing a page where each user's interactions with connected contacts are shown. This ...
-2
votes
1answer
75 views

What are the best Practices in designing a Landing Page Mobile UI with a group of different buttons with different functionalities [closed]

For a Application I am working on, There are 5-6 differenr services which will be available to user as soon as they login. These services will be present as a seperate button , so that user just click ...
-1
votes
1answer
100 views

Illustrator 2014 - How to remove/move “share on behance” from Illustrator [closed]

It's really annoying when you try to click on export and you accidentally click on behance. Especially when you're busy doing real work. Is there anyway to get rid of it? Or is there a way to move ...
3
votes
2answers
1k views

Recommended Font for distinguishing upper/lowercase letters and numbers

We have a small in-house application which generates a string consisting of upper and lowercase letters, and the numbers 0-9. We've tried using various fonts to output this string, but users ...
1
vote
2answers
168 views

Where can I find Ionic components images for UI design? [closed]

For testing different UI combinations for an Ionic mobile application I have been asked to provide a Ionic components image kit so they can be drag&drop into Photoshop or other editor. I have ...
1
vote
1answer
93 views

Adjusting generated colors to make them more subjectively pleasant

Is there any formula or correction values for r, g, b channels, that takes into account visual perception of color and will allow me to adjust generated colors to be more pleasant while keeping them ...
0
votes
1answer
115 views

What is this style of design called? It's not still flat is it? [closed]

I'm trying to think of the name of this style, to me, it's sort of like a flat meets minimal skeuomorphism (like 90% flat, 10% skeuomorphism) but I think there's a proper name for this style, just ...
-1
votes
2answers
126 views

Does this home page design convey trust, calmness and professionalism?

This is the new home page design for a shopify app development company. Please feel free to share your thoughts, I am here to learn. The idea is to deliver a better experience and improve ...
0
votes
1answer
61 views

Designing for responsive layouts [duplicate]

I've come to find a love for UI design, and I really do enjoy it more than most other aspects of the Graphic Design field. But an issue I have encountered is designing for responsiveness. I know the ...
7
votes
5answers
691 views

what to use instead of $$$ as cost level in design? Is there any alternative?

This question may be quite confusing so I've attached an image with it. Below is a snap from Yelp site, there you can see $$$ which is for price level. So what I want to ask is, is there any ...