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
2
votes
4answers
263 views

Is there a symbol that means “purchase” across cultures?

I am creating a graphical game which will be deployed on both mobile and desktop platforms, and across many cultures/languages. When the user sees a screen where there's an opportunity for in app ...
2
votes
2answers
10k views

How to make this gradient drop shadow?

I have messed around with a few options, but have not come up with a good solution to recreate this gradient drop shadow effect.
2
votes
1answer
1k views

Why are Yahoo's emoticon's more effective at conveying emotion than others?

What do you think are the objective features of Yahoo's well known emoticon set, that they use for mail, instant messaging etc., that make them so much better at communicating user's feelings and ...
2
votes
1answer
512 views

Dealing with a huge top-level navigation menu requirement

What are ways to deal with a large number of top-level navigation items? I am working on a site that requires 50 items at the top-level navigation. The items are all at the same level: they cannot ...
2
votes
2answers
2k views

Smartphone resolution

I am going to make a design for a smartphone game, now I have seen that there are MANY resolutions around. Luckily iPhone has only a few, but Android contains already more, not to speak about upcoming ...
2
votes
2answers
173 views

In interface design, which icon is best suited to represent “icon”?

I'm building an interface for users to create a web page. The user clicks a button to choose an icon from an array of icons to be used on their page. I have always been stumped as to which icon is ...
2
votes
1answer
387 views

Web design concept to represent categories

I have been looking all over the web for good examples of how represent 4 major categories on a web page from a design perspective. I am designing a web site help centre. There are 4 major categories:...
2
votes
4answers
785 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 : ...
2
votes
4answers
210 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
1answer
400 views

Design pattern for assigning items to two buckets/lists, where items can be in both, one or none

I'm sorry I could not name this question any better -- if anybody knows of a better term to refer to this by, please let me know. I'd be happy to edit my question. At any rate, I have a design ...
2
votes
1answer
1k views

How to to use bevel and emboss properly for clean buttons in photoshop cs6

I've heard of different methods in getting a nice highlight on the top of a button. Can some of you explain a preferred fx for the example here? Along side the nice highlight on the top of the button,...
2
votes
2answers
376 views

Company offered to pay for design training. What should I suggest?

I'm a computer engineer on a small development team that specializes in designing mobile apps. We're all coders, and we're starting to realize that we need at least one or two qualified designers on ...
2
votes
2answers
695 views

What do you call the model for creating buttons for a web application?

I am looking for the graphic design terminology for describing themed buttons used in a web application. The way I understand it is that certain color/backgrounds are created and various sized ...
2
votes
2answers
212 views

Industry Term for Interface that looks Intentionally Realistic / Archaic

It's killing me because I can't find a good way to search for this, but I've heard the term used when people discuss a lot of iOS applications that use knobs, sliders, and other graphical elements ...
2
votes
1answer
2k views

What are good and maybe free UI storyboarding applications, especially for mobile UIs

Hi I would like to get an overview of existing UI desktop or online application, which may have a specialization towards user interaction modeling and mobile device interfaces. I guess there are some ...
2
votes
2answers
69 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 ...
2
votes
1answer
53 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 ...
2
votes
1answer
228 views

alt row colouring on nested, collapsible tables

(This is not a CSS question; this is a visual design / user interaction question.) I have an app that renders multiple rows of data, with several levels of collapsible nesting: I plan to tint the ...
2
votes
2answers
340 views

Actual size, fit screen, fill screen icon ideas

Not finding Windows Photo Viewer sufficient enough, I'm coding my own image viewer. I'll be adding buttons which will perform the following functions: actual size (no zoom) fit screen (fit the ...
2
votes
1answer
286 views

Why are visual specs in Pixels instead of percentages for responsive specs?

Why does Zeplin provide specs in Pixels instead of a responsive unit like percentages? To say that a button is 40px wide and 20px height is not responsive. should I expect the developer to translate ...
2
votes
1answer
883 views

Illustrator: how to get a blank artboard?

This is what my screen looks like. I want a white artboard with no extras. How do I get rid of the green ruler and boxes?
2
votes
3answers
6k views

iOS iPhone App Hamburger Menu Button Size

I've decided to add a Hamburger Menu on my new iOS iPhone Application. So in order to successfully implement that I need to prepare few images specially for the Hamburger button. But I couldn't find ...
2
votes
1answer
37 views

Should target user segment (based on income) affect your designs?

I am at an impass with a client and I also don't have the answer so I would really appreciate your thoughts and if possible, proof like research papers etc. My client targets user segments B and C. ...
2
votes
2answers
1k views

Icon for clearing ALL values in form

What icon should I use for clearing all values from textboxes, selectors etc in my form on aspx website. I don't want to use the reload button icon, because I'm not going to do postback I will just ...
2
votes
2answers
1k views

How to have multiple panels/tabs of the same thing (e.g. multiple swatch tabs)

Is there a way to have two or even three panels/tabs of the same thing such as 3 swatch tabs? I was looking for a way to be able to switch between default and custom swatches instead of having them ...
2
votes
2answers
295 views

Is my mobile UI too busy or just right? [closed]

I recently finished touching up my UI for my app, I was curious to hear some professional opinions. Is it too busy? I need to display a few things in tandem and this was my solution. If anyone is ...
2
votes
2answers
145 views

Is there a conventional format for an alpha mask?

I'm a programmer, not a graphic designer. I'm writing a custom View for Android that requires the ability to apply an alpha mask to an image. I want to make it easy for graphic designers (...
2
votes
1answer
344 views

Need help determining pricing for designing a very ambitious app [closed]

I know its alot but please read all of it so you can fairly assess the situation! The Important Backstory I am a 17 year old self taught user-experience designer that is pretty far ahead in the ...
2
votes
3answers
758 views

Standard for testing Aesthetic conditions in software

What standards do we need to follow while testing aesthetic conditions of a program? Is there any particular set of rules/standards to follow? That is, if we are writing test cases for a program, what ...
2
votes
4answers
165 views

Red replacement as color convention in primarly-red websites

I am working for a company, which web site uses red as its primary color, because this is the main corporate color (so, this could not be replaced). The usual convention, of using red to highlight ...
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. ...
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 ...
2
votes
1answer
523 views

InDesign, Data Merge and Variable Text Wrap

I am working on card game with many, many cards. These cards have variable icons on them (example: some cards have the moon icon and some don't) I am using data merge to place the images where needed ...
2
votes
1answer
76 views

what process do you follow while designing a ui for mobile app or website?

how do you start designing a mobile app. what is your process. i had lot of confusion and finally it led to be frustrated about my workflow. i use sketch for designing but before coming to sketch ...
2
votes
1answer
689 views

Should my navigation bar start as transparent then become opaque on scroll?

Android has this UI behaviour: The navigation bar is transparent at first, with only the back button. But as the screen is scrolled up, the navigation bar becomes opaque, and the title fades in (on ...
2
votes
1answer
213 views

How to handle complex User Interfaces in Photoshop Layer Comps?

TL;DR - How does one create a complex User Interface in Photoshop in a way that Photoshop doesn't slow down to a crawl? I create a lot of complex User Interface scenarios with Photoshop and ...
2
votes
1answer
157 views

How does a programmer showcase his work?

I'll start of by saying that I'm a programmer who rarely ventures outside of Stack Overflow, so sorry if this post is off topic. Right now I'm in the process of updating my portfolio site and I'm ...
2
votes
1answer
727 views

What icon(s) would represent different timeframes in a dashboard widget?

I'm working on a KPI application where basically I need to display the overtime trend of some indicators, for simplicity's sake let's assume the indicator is the number of visitors a web page has over ...
2
votes
3answers
253 views

Where do user flow diagrams fit in to the UX/UI designer's stages of development?

I'm a web administrator by trade and am curious about UX/UI design. After doing some research I've decided to resurrect an old idea and build a website. This website will serve as a tool that members ...
2
votes
1answer
446 views

Adobe Illustrator 'Align to Pixel Grid' Problems

I'm using Adobe Illustrator to produce the UI designs for a complex web app and I need pixel accuracy. However, Illustrator seems to be a bit of a pain when it comes to pixel accuracy as its not doing ...
2
votes
2answers
1k views

Is there a conventional, widely used icon for decision support?

I did some research to figure out what icons exist for decision support, and which of those represents the decision support the best. I didn't find any suitable icons, because I think they don't ...
2
votes
3answers
636 views

Concept OS Mocking: Illustrator vs. Photoshop vs. Other

As a school project, I am graphically designing my own mobile OS. I already have hundreds of hand drawings of each aspect of the OSs design and I need to make the step to digital mockups. As the ...
2
votes
2answers
146 views

Emphasize diffrence in a chart

I need to present a chart (not really specified more than that right now) that will consist of two almost equal parts (ie ~50% each). However, a pie-chart would almost always look about the same, ...
2
votes
0answers
68 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....
2
votes
1answer
393 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 ...
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? ...
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, ...
2
votes
1answer
765 views

Material design icon alignment in its box for creating android assets

I saw something in material design guidelines that bothers me - the way how the icons are aligned to global margins: The alignment is related to the icon box and not the icon itself, for example: ...
2
votes
0answers
45 views

App interface design pricing [duplicate]

I am a freelance graphic designer, but also a full time student with a full time retail job. In my regular job I do no design work. The freelance has not been very often, because of how busy I am. I ...
2
votes
0answers
73 views

What tool do you prefer for interface design? [closed]

I primarily designs interfaces for web based applications. I prefer to use Illustrator. I find that it's quick and flexible for designing interfaces. Working with flexible artboards and vector based ...