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
645 views

How to set up iPhone screen grid in CorelDraw

I use CorelDraw for creating wireframe layouts for iOS app UI. For this I need to set up a rectangle as following, to act as screen boundary: Size in pixels: 640 x 1136px Size when unit changed to ...
2
votes
1answer
450 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 ...
0
votes
1answer
135 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 ...
5
votes
1answer
356 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 ...
-1
votes
1answer
635 views

About Material design UI and use of colors

I read that the use of bold colors is appreciated in the new Material design but up to what extent? Here is some context with an example. I have a tabbed page with the background color of the tabs ...
7
votes
3answers
1k views

'This page is under construction' message or no page at all?

From a Design point-of-view, if a page is not ready yet, but the rest of the site is; would it be better to: Have a 'this page is under construction' message, or Not have the page at all, until it ...
3
votes
6answers
455 views

Critique: how to visually differentiate similar looking icons of “Test”, “Save”, “Load” & “Download”

I'm Currently working on a mail template builder project. We're using a lot of icons and now I need to make some for our menu bar. As you can see they must represent Test, Save, Load, & Download ...
0
votes
0answers
102 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 ...
0
votes
1answer
167 views

When should we prefer rounded corner rectangle over square corner rectangle? [closed]

I always find myself in a dilemma about whether to choose rounded corners or square corners, for both applications UI & web design. As I read in a couple of articles choose one style of corners ...
2
votes
4answers
265 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 ...
0
votes
6answers
4k views

Best 2D animation software [closed]

I just want to ask which software is best or which software is mostly used on these 2D animations. Example 1, example 2, example 3 I know that Flash is commonly used, but I just don't like Flash ...
3
votes
5answers
929 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, ...
5
votes
5answers
869 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 ...
1
vote
2answers
333 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 ...
1
vote
2answers
656 views

Please guide me for UI design Workflow

I have just started design for mobile apps. My question is: in the beginning of the design process I have so many ideas, but I am not able to decide which one visually looks great... Designing all ...
0
votes
0answers
314 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
2answers
418 views

How can I accurately describe text and image sizes for our iOS developers?

I'm having trouble being able to articulate the correct sizes for text and other visual elements to our iOS developers. I understand that when building an app they don't use PX as a unit of ...
0
votes
1answer
1k views

Disable Horizontal Scroll in Photoshop

I'm working with a tall, narrow document in Photoshop, and I'm using a trackpad. Is there any way I can lock horizontal scrolling so that when I use my trackpad to scroll, it only moves up/down?
0
votes
1answer
356 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
0answers
30 views

Learning GUI design: where do I start? [duplicate]

I want to learn how to create stylish Graphic User Interfaces for android applications beyond the common style of the google apps itself. if some one has some documents i can read to give applications ...
4
votes
2answers
578 views

Is dark UI pleasing to general app consumers?

I noticed there is not so many dark apps on the app store. With few exceptions such as Spotify, it makes me wonder. On the other hand, Android seems to embrace dark colors a bit more. Is there any ...
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 ...
1
vote
3answers
321 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
212 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
109 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
4answers
2k views

Am I working too slow?

I'm working as an UX designer for a startup studio that develop internet products and web services. So, i started 3 months ago, my boss's strategy is to develop some experiments and then collect ...
0
votes
2answers
119 views

Best List lots of Address BUT SIMPLE as well

I am trying to get a clean look yet not give up detail when displaying quite a bit of addresses. Here is the current method using toggling: But from a user looking at this, they can't tell which ...
0
votes
1answer
222 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
685 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' and ...
1
vote
4answers
184 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 ...
2
votes
8answers
954 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 ...
0
votes
1answer
790 views

how to choose the colours for different states for android components(ie pressed.selected focused..etc)

i am working with android project i choosen flat design for app...i got struggle on choosing the colours for pressed state..as per my design background is white..normal button is red...now the problem ...
0
votes
1answer
246 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
73 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 '...
-2
votes
2answers
3k views

What's the height of the UITabbar on iPad in iOS 7?

For both landscape and Portrait, if there's a difference.
1
vote
2answers
85 views

Are there some principles to follow on how to create a custom cursor?

I was confused how a cursor might look to not be considered ugly or standard. I do like how cursors in games look and I am fine with them but when I create a cursor for myself there is something that ...
44
votes
11answers
108k views

What is the difference between wireframes and mockups?

I would like to know the difference between Wireframes and Mockups. I'm hoping to gain a simple understanding of the difference or to definitively know that both are the same. I googled it but I ...
1
vote
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 ...
0
votes
3answers
305 views

Feelings icons that are not emoticons?

For a particular project, I've got to come up with a set of a ten small one-color icons meant to represent certain feelings. However, these icons must not be emoticons, or faces, of people for that ...
0
votes
1answer
1k views

When designing an Android app, will the “default” theme be different on different devices?

I am currently designing the UI for my first Android app. Android (obviously) lets you design any and every element in your app using XML. On any elements where you leave the "default" (holo) theme ...
2
votes
4answers
940 views

Design Nuances: Can they add value to any design, or are they simply a personal taste decision?

Update Since asking this question, I've come to a better understanding of how question scope should be defined (more precisely than this question's original version), so I'll better define the scope ...
4
votes
3answers
309 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 / loud, ...
29
votes
11answers
6k 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, ...
3
votes
6answers
416 views

What design principles are important for doing “more with less”? [duplicate]

What design principles can be used to achieve simplicity without diminishing the ability of the user to use an interface efficiently for complex tasks? Specifically, I'm wondering which key design ...
1
vote
1answer
102 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 ...
1
vote
1answer
547 views

Rounded corners adjacent to square corners

I've been sent a ui design which includes a header menu, wrapped in rounded corners, whereas the following content element is wrapped in square corners. Also every other primary content wrapper for ...
1
vote
1answer
231 views

Does this “ribbon” design fit with SE Community?

I love SE Community, and I love badges, it has something similar with Xbox achievements. I used to play a game called Gears of War 3, it has a cool system called Ribbons. Basically you played this ...
-1
votes
1answer
295 views

Critique my web page's color and typography [closed]

This is a task management web app. I'm looking for design critiques and feedback in terms of typography, colors, and UX. You can see the site working here with comments to specific areas where I'm ...
1
vote
1answer
12k views

How create this glass effect in Photoshop

I came across the this image. I want to make a glass effect like the below image using CSS or Photoshop. Can someone say how it is done?
0
votes
1answer
151 views

Critique: Amateur looking buttons with icons?

I am working on a CMS with the feature to 'follow' and also the option to see stats. There are 2 buttons, and the stats value becomes 1.2k etc after it reaches over 1000. I have added some icons, ...