Questions about graphic user interface design; the act of preparing an interface with the focus on the user's experience, understanding and interaction. Almost everything has a graphical user interface; the goal is to make the user's interaction as simple and efficient as possible. Ask anything ...

learn more… | top users | synonyms

3
votes
4answers
6k views

What is the GUI style called that is commonly used in sci-fi media?

What do you call the style, trend or design commonly used by bodies mentioned in the title? I always see these designs in sci-fi movies and dashboards used by FBI or CIA. Do you know any toolkit using ...
4
votes
3answers
308 views

Output knobs from Altium 3DS as “filmstrip” image array

I'm a project manager coordinating development of audio plugin software. Our GUI designer is using Altium 3DS to build a 3D photo-realistic GUI, and will then output images from there for the software ...
4
votes
1answer
227 views

Are zebra stripes on tables more effective than good spacing and visual contrast?

In old forms or webpages I often see a lot of zebra striping used on the tables because the way the table was designed it was difficult to see the rows and columns easily when you want to locate ...
0
votes
1answer
16 views

Extract controls from screenshots

Is there a tool that can extract controls from screenshots (dialogues, windows,...) automatically in something like layers in Photoshop? In my memory there was a tool for Mac doing this. But I ...
0
votes
1answer
28 views

Managing Design Assets and Modular Templates for an App

Does anyone know or use any tool or application programme that allows you to manage all design assets and its modular/page templates from your desktop or in a shared drive or even online? I am ...
4
votes
5answers
1k views

How to begin with UI design

Newbie here. I like the web and UI design, and I know what good UI and good design is, but I lack Photoshop skills. Sometimes when I try to do design work my mind goes blank or gets mixed up because ...
0
votes
1answer
103 views

How to achieve pixel perfect curves with Photoshop CS6?

Coming from a mobile development background, I have recently decided to learn how to design for mobile apps. I am not yet decided which tool I should use. I don't hold much knowledge in Illustrator ...
-2
votes
1answer
60 views

Best way to show transition between states

I need to graphically represent transition between different states. The states list is dynamic. At one time only one state can be active. We have a product which gives the user ability to define ...
0
votes
0answers
13 views

what is size of iphone6 and iphone 6+ navigation bar?q [duplicate]

I use photoshop for design ui of iOS apps i want to design ui for iphone 4, iphone 5, iphone 6 and iphone 6+. but i don't know about the size of navigation bar iphone 6 and iphone 6+. please anyone ...
95
votes
13answers
14k views

How do I learn to be creative?

I've been a programmer my whole life, and now I've found that I really need to start designing my own stuff. I know how to use Photoshop in and out, but I just can't create anything nice. I often ...
1
vote
1answer
51 views

How to transfer information to the development team? [duplicate]

I am a UI team lead. I detected that the topic of "how do you want the graphics?" is a very hot topic in my company. And I find myself always giving the same explanation. I would like to give like ...
3
votes
1answer
579 views

GUI Based Workflow Tracking Solutions for Designers

I have been interested in finding a way to track my progress and tasks for client work with a visually engaging workflow program, that isn't like a git-hub style solution. I'm looking for a program ...
1
vote
1answer
177 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 ...
0
votes
1answer
62 views

How in Apple's iMessage can a message with more letters fit in a bubble the same size as a message with less?

In the picture above, I sent two messages. One has 4 characters, the next has 6 characters. How and why is it that they are both able to fit in the same bubble size/container although one has more ...
0
votes
0answers
36 views

Suggestions for “Minimum delivery” icon

We haven't been able to come up with a suitable idea for the icon 'minimum delivery amount'. The icon needs to signify that the restaurant will accept orders only above a certain minimum amount. The ...
0
votes
1answer
81 views

Iconography for “Paid” and “Pay Later”?

I have been trying to work with using iconography for the status of a booking, which allow my app users to pay now or pay later. After they have selected from these options, they are presented with a ...
0
votes
0answers
35 views

Google Design Spec - Layout

According to the Google Design Spec under Layout Principles, The left and right actions in a toolbar are never split by another sheet of paper. However, a toolbar can constrain its width to less ...
3
votes
3answers
3k views

How to create a perspective view of a screen shot so that it appears as a photographed 3D object?

Ok so this is difficult to put in words but I want to know how designers present their Graphics Design work in screenshots something like this (source: Dribbble): Not about the iPhone but I'm ...
1
vote
3answers
20k views

UI Mockup and wireframing tool for Mac OS X app UI's [closed]

I'm looking to get some input from experienced designers, since my main job revolves around coding and not so much designing... What good tools are out there that one can use to mockup some os x ...
0
votes
0answers
36 views

Color combination for 3d mesh segmentation

I'm a programmer, with really bad aesthetic feeling. Please sorry if I use not specific terminology, I'm not a graphic designer. I'd like to automatically generate a variable size cool combination ...
2
votes
2answers
3k 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
2answers
146 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 ...
3
votes
5answers
265 views

What Icon Can Be Used to Represent “Attributes”?

I am looking for a comprehensible icon/a visual metaphor to express "arbitrary attributes", in the sense of additional information. In my particular case, each record represents a word, or a name, ...
2
votes
1answer
180 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 ...
4
votes
7answers
3k views

Is there any learning service like Pluralsight but for design?

Meet Pluralsight. We are a group of serious developers. We are also committed to creating the best training available. This mix of training for developers, by developers is what rings true to ...
5
votes
5answers
485 views

How to make it obvious that an option is unavailable, and can be deleted?

Here is the question I have asked on StackOverflow that somehow did not get the response I hoped for. I am trying it now here, as I am looking for a visually appealing solution. Ideally using a ...
0
votes
0answers
26 views

Changing Opacity vs Changing Color

I have noticed in several professional documents (templates, guidelines, co-workers' projects, etc.) the designer has adjusted the opacity of certain elements to get the desired colour. Is this best ...
4
votes
1answer
368 views

Is there a way to create a dockable palette for Photoshop with ScriptUI?

I am using ScriptUI for the first time and would like to create a custom palette with several text boxes and buttons that can be conveniently docked into the Photoshop UI. Can this be accomplished ...
0
votes
0answers
131 views

Mobile UI Animation [duplicate]

can anybody tell how do they animate the mobile UI/design to showcase their work.I have used Photoshop but the GIF quality sucks, i wonder what would be the best way to get the desire result please ...
0
votes
1answer
92 views

Get the reduced opacity color of a layer in Photoshop

I have a layer which is completely filled with a color to which i am changing the opacity value to say some 80%. Is it possible to get the color code of the layer with the reduced opacity? To put it ...
1
vote
3answers
158 views

How can I be creative in web design

I am a front-end web developer and I like design a lot, as matter of fact - lately, I am focusing more on UX/UI design to create top-notch products for my clients. Coming from coding background, I ...
1
vote
2answers
101 views

What is the name of this GUI layout

Sorry for asking such a question, I've to confess I do not own a hand-held device, but I wish to discuss about layout options for desktop application I develop. Would you please tell me the name of ...
1
vote
2answers
71 views

Where to find interface designers on the internet?

Just to say, I'm not about to make a pitch on this site for work. I assume that is probably against the rules of the site and respect that. I just wondered if anyone has good ideas though on where to ...
6
votes
3answers
344 views

Icon to indicate a span of time

I have a mobile app interface with a list of dates and notes: Sep 5 - No longer contagious Sep 6 - Can return to school ... Sep 9 - Back to normal Right now I am using an ellipsis to indicate a ...
0
votes
1answer
50 views

Best List lots of Address BUT SIMPLE as well

I am trying to get a CLEAN yet NOT giving up on detail way to display quite abit of addresses. Here is the current method ( it is a Toggle ) BUT from a user looking at this THEY can't tell which ...
0
votes
1answer
75 views

How should the design of a business' in-house web app differ from the business' website?

I'm currently sorting out a proposal for an in-house web app build, and design is a factor that I'm thinking through. I expect there's minimal budget for design, but I want it to look good, so some ...
0
votes
1answer
143 views

Representing Workflow Decision Tree Nodes

I have a workflow tree end users can build to: Define conditions for execution Perform action on condition met Currently the UI looks like: with blue being 'condition' and green being 'action' ...
1
vote
4answers
136 views

Critique: Color/Depth for Compact Left Navigation

I have a compact left navigation menu that I've developed but I can't seem to get the coloring/depth just right with the different levels it has. At the basic level it looks like: When you expand ...
0
votes
1answer
177 views

Are there any good references for colors that go together nicely when creating user controls?

This may be more of a preference thing but, since I am not a very experienced UX designer I wanted to get some input to see if there was any science I can learn about the subject. I'd like to know if ...
0
votes
0answers
36 views

Visualizing a droppable field

I'm currently working on a pure drag and drop part of my applications UI. There are certain tools the user can drop the items into, to do certain things (Remove, rename, move) Are there any good ...
9
votes
3answers
720 views

What are some common mistakes that a designer can make when designing for web, and how can they be avoided?

What are some common mistakes to avoid while designing? I know color, text and images play a major part in designing, but there are so many other things that we need to take care of! I don't know ...
3
votes
2answers
140 views

Subtle vs bright GUI design - Is there inherent value in design subtlety beyond user preference?

I've heard it said that a designer should almost always use subtle, simplistic style in the design of a typical user interface. Is that really the case? For example, Windows 8 is very bright / ...
0
votes
2answers
1k views

Flat design vs skeuomorphism, which one is most preferable? [closed]

As per my knowledge nowadays there's a trend going with flat design. That's cool. These are the things people associate with flat design Simple Clean Colourful Modern Trendy Easy to use Perceived as ...
26
votes
11answers
5k views

Do interfaces really need to “look good”?

I notice that sites and software with less superficial value (less style, inspiration, or simply "neat-ness") often succeed far above their fantastically, well-designed counterparts. Is the style, ...
1
vote
1answer
57 views

Visual guidelines across multiple products

Where can I find resources on how to create a visual guideline across multiple products, eg. apps. Example; If a company wants to do 20 apps, and they should have a visual guideline across all 20 ...
4
votes
4answers
331 views

How can an Icon symbolize “Search Relevance”?

What's a relatively simple image that could be used as an icon to symbolize "Relevance", such as Search Relevance? I really can't think of anything that would be instantly recognizable, or even that ...
1
vote
3answers
229 views

Icon to represent product menu tree?

We're rebuilding an online platform for online commerce and are thus contemplating hiding the product menu (represented as a tree, usually with a depth of three or so) and only making it appear on ...
10
votes
4answers
707 views

What do users remember the most, position or color of elements?

I have a navigation menu with some buttons, that looks a bit like this (NOTE: Each button has a distinctive icon that differentiate it from the rest, I didn't add them to the mockup but they are ...
3
votes
2answers
174 views

How to graphically represent click data

I have a data which contains the number times users visits a page and the time of day the visit occurs. I would like to display this data visually but I don't know what is the best representation of ...
1
vote
3answers
366 views

Icons (or term) to show breakfast, lunch, dinner and snack(each)?

I have a page where the user selects breakfast, lunch, snack or dinner. I have the words below each button. I cannot seem to figure out what icon I can use to differentiate each. So that the user says ...