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

1
vote
2answers
54 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 ...
2
votes
5answers
75 views

How can I quickly design websites without being too detached from the actual web platform?

The reason why I'm asking is because while tools like Photoshop and Sketch are great at building mockups, they are very far from the reality of how the web will look and feel. The fonts they render ...
10
votes
4answers
197 views

Colour combination for three buttons

What colour combination would work best for these three buttons: Should all of them remain the same colour? These are my options: Image of the whole page
3
votes
3answers
335 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 ...
101
votes
13answers
15k 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
56 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 ...
3
votes
5answers
287 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, ...
1
vote
1answer
692 views

Methods for using the Golden Ratio in fluid application UI design?

I have seen a bit about leveraging the Golden Ratio in traditional web design applications, however I've not found much in the way of thoughts on utilizing it within fluid desktop application design. ...
2
votes
3answers
337 views

Standard for testing Aesthetic conditions in software

What standards do we need to follow while testing aesthetic conditions of a software?Is there any particular set of rules/standards to follow. i.e. if we are writing test cases for it what do we need ...
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 ...
5
votes
1answer
241 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
27 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 ...
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
128 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
73 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 ...
1
vote
1answer
67 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
631 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
223 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
72 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
42 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
82 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
41 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
4k 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
23k 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
38 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
163 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
1answer
192 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
492 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
29 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
403 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
165 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
98 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
177 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
107 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
73 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
384 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
52 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
77 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
154 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
141 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
191 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
40 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
748 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
149 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
58 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 ...