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
5
votes
7answers
12k views

A good set of color in for an alert message on dark background

The goal Choose a good color combo for my alert message for a dark background. The scenario This is what I have now: Borders/font color: #e84e4f Alert background-color: #9c2b2e Body background ...
5
votes
5answers
860 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 ...
5
votes
3answers
335 views

How to suggest a button is for panning, not tapping?

There are a few icons for directional pads, but after conducting user testing, users kept wanting to tap on it instead of swipe/pan for movement. What have people done to suggest a component should ...
5
votes
1answer
512 views

Graphic design/color compositions for waveform presentation

I have a dashboard of data, on which one of most important elements is a waveform of medical data (a real-time stream, in most cases it would be ECG waveform). I am looking for a way to present this ...
5
votes
2answers
4k views

how to efficiently make a tab bar in Sketch?

So Sketch has symbols. These are great if every instance of the symbol across your various artboards is exactly the same. But what if say you had a tab bar, and on different screens, you wanted to ...
5
votes
3answers
447 views

Do most web designers make their own textures?

I'm a web developer by training who is branching into UI/UX design. One of the things my design work lacks compared to experienced designers is subtle use of texture, such as on these sites: http://...
5
votes
3answers
5k views

Make Inkscape UI completely dark except the document [closed]

I went here and got myself the Inkscape Dark theme. I'm on 0.92, Windows x64. However, I see that the vast area on the screen (not sure what it's called), where the document is placed, is still white....
5
votes
4answers
304 views

How to make clickable areas stand out?

I'm working on a calendar app that lets you toggle your vacation days. There's a feature for choosing which of those days count only half. Usage: The user toggles some days, those days turn orange. ...
5
votes
2answers
67 views

Typographic styling when writing about UX elements

Any thoughts, standards, or good practices on typographical styles to set off UI text in a user manual? For example, how to style the text of the label on a button in: "Press the Submit button." Or ...
5
votes
3answers
334 views

Mobile buttons with the same color as canvas background

I am designing a mobile UI and I was wondering if having the buttons the same color as the canvas background is bad visual design? There will be a border around the buttons so it will be noticeable to ...
5
votes
4answers
763 views

Designing and prototyping for iPad

I have to do some prototyping for an iPad app, and just realized why I was having so much trouble: this is an iPad app. I am used to design website pages/templates, computer interfaces, etc.. I have ...
5
votes
1answer
245 views

News Feed? Activity?: What are some ways to represent this term as an icon?

I'm working with a team on an app that deals with events(conventions, meetups, weddings, etc) and travel. The closest competitor would be Epilogger. One section in this app is called Activity(ies). ...
5
votes
2answers
192 views

what's the legal status of copying an existing OS theme to implement a GUI framework

I'm not sure if this is an appropriate question for this site, but I tried to find an answer through Google and I found a question here about copying UI themes/paradigms so I hope it's not off-topic. ...
5
votes
1answer
348 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 ...
4
votes
5answers
14k 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
7answers
5k 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 our ...
4
votes
5answers
2k views

How to make this explosion animation better

I need some help with this explosion animation design. I made it for some mobile words puzzle game. It shows up when gamers solve the puzzle and reveal the right answer tile. However, one feedback I ...
4
votes
1answer
3k views

Illustrator: what is this black dotted box? How can it be disabled?

It's not part of the artwork and doesn't seem to be hurting anything, but I get this on a lot of client logos and I'm wondering how to get rid of it. I think it's part of the artboard, but can't ...
4
votes
5answers
14k views

Is there a way to enlarge the InDesign interface elements?

I'm using inDesign 9.2 since yesterday and I find the interface elements incredibly small. For example when selecting the TEXT tool and looking at the options on top bar (fonts, alignment, etc), it ...
4
votes
2answers
207 views

How come my link is overlooked?

I'm fairly new to designing. As of now, I have this design: Click image for full resolution As you can see there is a small link in the upper right corner (Upload Prenda Link). When clicked, it ...
4
votes
3answers
1k views

How to design a modern/slightly futuristic-looking application?

I was hoping to get some advice from some more experienced UI developers. I have been presented with a unique challenge by my customer, and I feel like I am failing. Specifically, they want a UI that ...
4
votes
1answer
6k views

Why does material design recommend a 2dp border radius for buttons?

I know people prefer rounded corners to regular (90 degree sharp) corners (references: 1, 2, 3), but why is 2dp considered a proper value for border radius? Is a button that follows this rule more ...
4
votes
2answers
10k views

Sketch 3 Text Wrap

Does anyone know how to create a text wrap in Sketch 3. I've scoured the internet and the best solution I've found is "use different text boxes" which does not seem ideal.
4
votes
6answers
1k 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 ...
4
votes
3answers
305 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, ...
4
votes
2answers
594 views

Steps between Wireframe / UI design for web development

Based on my sketch/wireframe prepared for a UI designer (links below): Link: http://postimg.org/image/npt5zlvu7/ 1) Would I be able to approach a UI designer with the wireframe/sketch above? 2) ...
4
votes
2answers
4k views

Noto Sans vs. Noto Sans UI

They look exactly the same. I looked around in Google's FAQ, but couldn't find anything about it. Is there supposed to be a difference?
4
votes
2answers
46k views

Illustrator Artboard dimensions for mobile ui design?

I want to create one document with multiple (3) artboards in Illustrator for mobile wireframing/ui design. One for iPhone, Android and iPad. Can I create artboards with different 'resolutions' within ...
4
votes
2answers
94 views

Distinguishing information via colors

I am working on the design of an app and I am stuck, I believe, due to (bad) color picking. The app is related to personal performance and I diferentiate the 'state' of the information via colors — ...
4
votes
1answer
1k views

Super-thin UI Trend: Is there a name for this “beyond 'flat'” style?

I really like the look of this screenshot on Dribbble: And I'd like to employ a similar navigation for both desktop and mobile devices. I’m looking for a similar UI set – large (X) to close out a ...
4
votes
2answers
87 views

Real estate property listing formatting

Working on this real estate development website with multiple units for sale, each of these listing the number of bedrooms, bathrooms, floor and unit surface per unit (below the 'Family Unit' title). ...
4
votes
2answers
2k views

Photoshop CS6 tabs are too long

Every time I work in Photoshop I use multiple tabs, but It gets annoying if I have more than 3 tabs open in the same window because the tabs display the name of the file, the zoom % and the first line ...
4
votes
2answers
575 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 ...
4
votes
4answers
2k 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 ...
4
votes
1answer
687 views

UX research on where to put website menu? [closed]

If you browse websites, you can find pretty much all types of sidebar menus: on top (like our very own Stack Exchange), as left or right menu bar, or even at the bottom (though that's a less common ...
4
votes
1answer
434 views

What layout and interface elements work well for a control panel-style app?

I'm working on a web-based app that's similar to a control panel, with lots of different settings and features to configure. The challenge is making it easy for users to find what they want without ...
4
votes
1answer
103 views

How to distribute circles “aesthetically”?

So I had this problem pop up two times in two days and thought smarter people than myself have probably spend more time thinking about it: Given several circles of different sizes, how do I ...
4
votes
3answers
131 views

What tools should I use to make design review process easier?

I'm using Illustrator at the moment. Right now I'm exporting images and uploading them to Google drive and my colleagues give me feedback verbally. This process is very time consuming and tedious. So ...
4
votes
1answer
71 views

Contextualized / Scoped tabs?

I'm trying to investigate existing designs that solve this problem: We have three major contexts inside our application, let's call them Build, Analyze, Configure. These contexts are bound to a ...
4
votes
5answers
634 views

Most efficient way to adapt current mockups to different devices and resolutions

I've completed about 90 screens of mockups in Photoshop for an app. The mockups are done for iPhone 5 / iOS7 (640px by 1136px). Everything is calculated to pixel-perfection. Now management wants to ...
4
votes
3answers
499 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
3answers
361 views

Managing design assets and modular templates for an app

Does anyone know or use any tool or application program 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
3answers
638 views

The effectiveness of the hamburger menu in 2016

How effective would other professionals rate a hamburger menu on its own. Is it necessary to have a menu which is 100% visible and doesn't need a click to be shown. I intend on using the answers here ...
3
votes
2answers
668 views

User Input Color Restrictions

What is an appropriate restriction to place on a color gamut for user defined colors? I am helping build a website that will offer organizations to create their own pages. We want to allow them the ...
3
votes
3answers
11k 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 talking ...
3
votes
4answers
5k views

Illustrator: Disabling random layer colors?

Creating new layers automatically assigns random layer colors in the Layers Panel. Is there any workaround for having new layers assigned the same color (e.g. Red)?
3
votes
2answers
410 views

Meanings of mouseover colors (outlines) in Adobe Illustrator?

It appears that "blue" means a standard path, "green" means a compound path, turquoise/cyan means something else and I've no idea what a pink outline means. The visual cues presented by mousing over ...
3
votes
2answers
562 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 ...
3
votes
3answers
653 views

What font is being used by the OS X text application named Brackets

I really don't have an eye for this. Can someone identify this font please: It is a menu of the OSX app named Brackets - i think this font looks awesome but i can't with certainty seem to identify it....
3
votes
6answers
412 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 ...