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
2answers
2k views

I cant find iOS specs equivalent to Material Design

I work in a small company where I already did the design for an app using Material Design guidelines but now I have to design the iOS version; maybe I got used to Material guidelines but I can't find ...
2
votes
1answer
2k views

When should a Material Design ripple be dark, and when should it be light?

In the Buttons page of Google's Material Design online handbook, touch/click ripples are only mentioned in the "Buttons in motion" section, as an example video with no explanatory text. Here, the ...
2
votes
1answer
260 views

Icons and text (daycare) for “pee pee” and “poo poo” without being gross?

I have buttons where the daycare worker can select that a child went to the bathroom. They choose whether they "pee'd" or "pooped" (or however you say that in a politically correct way). I want to ...
2
votes
3answers
3k views

Why doesn’t the Illustrator keyboard shortcut Ctrl+3 work? [closed]

I seem to be unable to use the keyboard shortcut Ctrl+3 to hide a selection inside of Adobe Illustrator. Ctrl+2 for lock seems to work fine, but Ctrl+3 doesn’t do anything for me. Object → Hide → ...
2
votes
2answers
494 views

Inspiration from existing works - where is the limit?

I am trying to create icons for the UI of my website to represent key concepts of my trade such as "translation services", "languages", "translation tools"... and I am having a hard time to come up ...
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?
2
votes
2answers
224 views

Designing a long web page questionnaire

Wondering how one would go about designing a long questionnaire with 700+ questions The questions should have an input text field next to them or sometimes a Yes/No checkbox, and can be mandated/...
2
votes
2answers
4k views

How to prepare (what all sizes and resolutions) mockups and UI graphics for an Android app in PS

I've seen similar questions asked here but they did not answer my question 100%. So please bear with me. Now I am starting an app design project for iOS and Android. I've been designing for iOS for ...
2
votes
2answers
550 views

Designing “and”, “or” Icons

I am trying to come up with a good design for a pair of icons that will be placed above a list of tags which filter a list of items. Basically the tags that are ticked can search using "and" or using ...
2
votes
4answers
267 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
11k 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
237 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
437 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
1k 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
270 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
8answers
1k views

Icon suggestion for “In use”?

I am trying to come up with an icon that would capture the concept of "in use". I have a list of files, some of which will be used by other objects in the system, and I need a visual cue to present to ...
2
votes
1answer
407 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
377 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
749 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
218 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
191 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
66 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
298 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
424 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
363 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
1k 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
7k 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
38 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
1answer
644 views

How to make outset/inset stroke in inkscape?

I am trying to create SVG GUI item. Something like this: It has two inset borders. I don't even know how to force rectangle to have an inset border. How do I do that?
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
333 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
149 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
345 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 field (...
2
votes
3answers
807 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
55 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
130 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
622 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
78 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
879 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
223 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
162 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
840 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
262 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 ...

1 2 3
4
5
11