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
0answers
74 views

What tool do you prefer for interface design? [closed]

I primarily designs interfaces for web based applications. I prefer to use Illustrator. I find that it's quick and flexible for designing interfaces. Working with flexible artboards and vector based ...
2
votes
3answers
545 views

Mirror HUD GUI design resources

I am developing software, in which the user will be reading information from a heads up display style mirror and interacting with the HUD GUI via voice commands. I am not a graphic designer, however ...
1
vote
4answers
8k views

Design a 'pressed' version of a button image?

I have designed an image which will be used as a button in an android app. Since it is a button, the state of the image has to be changed when the user clicks on the image to give it a "pressed" ...
1
vote
1answer
216 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
vote
4answers
726 views

Making coloured text links stand out and obvious that they can be clicked on

This is a redesign of my website: As you can see, its largely a work in progress; I'm trying to do a flat user interface design. I can tell you now that I am in no way a designer or UI/UX expert. I'...
1
vote
3answers
319 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
3answers
3k views

Why large companies never use flat design? [closed]

I am so curious about it and can’t find an answer. Apple, Facebook, Twitter, Google, etc. Can you imagine flat design from Apple? Probably never. By flat I mean using ANY of the features of this ...
1
vote
4answers
203 views

What is a good generalized “navigate to” or “open” or “more” or “choose” or “select” icon?

Imagine a table with many rows in a web application. The first column contains only an icon, no text. When single-clicking the icon, it must represent selecting that row and takes you to a new page. ...
1
vote
3answers
2k views

Mac OSX Lion or Mountain Lion GUI wireframing kit for Illustrator

Is anyone aware of a wireframing kit for Illustrator (or any vector based template) that encompasses GUI elements from Mac OSX Lion or Mountain Lion?
1
vote
3answers
9k views

Distribute guides evenly in Photoshop

I'm trying to make a color chart for someone that would be four thumbnails across and four thumbnails down. Now, this seems simple, but there is too much math and calculator work to try and get this ...
1
vote
2answers
1k views

Difference between Android, iPhone and BlackBerry

From the point of view of a graphical designer, which are the differences in developing for iPhone, Android and Blackberry. Is it possible to design for one platform and to use that work on the others?...
1
vote
2answers
536 views

Can a mockup for a smartphone app be used for the real app?

I should mention i don't know the first thing about designing smartphones apps. I hired a freelancer to create a mockup for a smartphone (Android/iPhone) app for me, and I was wondering if I'll be ...
1
vote
1answer
136 views

Critiques on portfolio site

Can I get some feedback on my Portfolio site? I'm getting a little disheartened with my job search and I'm wondering if my portfolio site isn't communicating clearly. I have other, more professional ...
1
vote
4answers
1k views

How Do You Present Wireframes & Designs For Long One-Page Website?

everyone! This is a problem that I've been struggling with for a minute and I thought I'd just write to see what everyone else is doing. Back in the day when we presented wireframes, we always ...
1
vote
4answers
180 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 ...
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?
1
vote
2answers
147 views

Text colours on dark and light

I'm trying to create a set of 6 text colours that are to be used on both white and dark purple (42185D) backgrounds (on a web page), and still meet accessibility standards (AA). Are there any tools or ...
1
vote
2answers
680 views

Testing visual lay-out and concept of interfaces on users before really starting development?

This is essentially about lay-out and visual structure, and using a couple of more or less random people to help thinking ("Random" people can mean someone passing your office, your neighbour, cousin, ...
1
vote
1answer
362 views

What is Gmail's new login page effect called?

When clicking on the input field placeholder becomes a part of the input element's border. The following image is from the new Gmail login page. What is this effect called?
1
vote
2answers
134 views

What can good artists do to become good designers (web & app)?

I'm working towards a career change. I'm a good artist, but I've found that this does NOT translate into being a "good designer". Recently I took on a couple of jobs to test the water. I did two logo ...
1
vote
2answers
1k views

How can I create a subtle 3D effect like on Apple's iOS time selection wheel?

I'm trying to reproduce this subtle 3D effect on the Apple time and date selection wheel. How can I do this in Adobe Illustrator?
1
vote
2answers
108 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 ...
1
vote
3answers
1k 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 ...
1
vote
1answer
344 views

Basic iPhone interface elements and shadow effects

I'm working with a graphic designer to create some iPhone interface elements, but I'm not a graphics designer myself. So I do not really know how to describe what I'm looking for. I'm afraid of over-...
1
vote
2answers
1k views

Design tools in Fedora

I am reasonably experience developer on photoshop and it has spoiled me to no extent. I am searching for a graphic tool on fedora which is simple to generate images that I would like to use on my ...
1
vote
1answer
50 views

Icon to represent component [closed]

I am building a drag and drop web builder. One of the actions requires that the user select a "component" from the sidebar and drag it across the page. Once they drop it, the component fills the page....
1
vote
1answer
233 views

Dark UI Design: Why tint the gray colors with a different (primary) color?

I'm currently building a desktop app and decided to go with dark UI. I got really inspired by the tools I use for web development (mainly Atom text editor) which have nice dark UI designs. So I ...
1
vote
3answers
449 views

Dimensions for designing a website

I have three related questions: When it comes to deciding on the dimensions for responsive web design, who calls the shots at a digital agency? Is it the visual designer, developer, product owner or ...
1
vote
1answer
172 views

what does “blur” mean in graphic design? [closed]

I see our designers referring to blur on screens. what exactly are they referring to? These are transaction flows.
1
vote
1answer
469 views

Flat design soft noise

recently I've noticed a style used in design that I'm really interested in and really curious about. That being a soft grain in some of the otherwise flat design styles that are being used. Some ...
1
vote
3answers
140 views

How to represent a general movie in a cover picture for illustration purpose?

I'm making a SaaS landing page, and in the upper section there's an interactive illustration of the product (a web interface) in a browser, showing what you can do with the product. This interface ...
1
vote
2answers
214 views

How to create an eye-catchy and easy to use form?

I have the following form (to the right), and my intent is that its: Eye catchy Simple to use We are not a professional designer, hence I feel there's something wrong it, but I am not exactly sure ...
1
vote
1answer
249 views

iOS design guidelines like Android's?

What are the standards for designing iOS apps? By standards I mean rules for margins, paddings, font sizes, etc. that should be followed when designing an iOS app. Are there any rules? To clarify ...
1
vote
1answer
311 views

iOS UI design - what dimension size Sketch file to give to developer?

Assuming an iOS app has been designed for iphone 4,5,6,6+ and iPad, what is the ideal dimension Sketch file to give to a developer? This is also assuming there are no major layout changes in the ...
1
vote
3answers
838 views

Tool for UI Designer where you can see distances between elements

I am creating tons of pixel-perfect views for static websites. My front-end developers losses their times figuring out distances between related divs, images, etc (using Paint). What I want to ...
1
vote
1answer
594 views

Creating a Build-Your-Own Color Picker to go with Website?

I am trying to create a build-your-own type of color picker based upon the brochure image below: Basically I want to create a color changer that will allow a user to select each different stripe/...
1
vote
2answers
209 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
7answers
869 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 ...
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 ...
1
vote
1answer
838 views

Why is flat design not as common on the desktop? [closed]

Flat design has become extremely popular since the release of Windows 8, but I cannot find as many examples of it on the desktop as I do on the web and mobile apps. By desktop examples I mean Windows ...
1
vote
2answers
191 views

Can anyone offer some advice on the relationship between design and business goals?

I am designing a one page site, and I need to go back to basics and learn about how to translate business aims into a homepage design. Can anyone offer some advice on the relationship between design ...
1
vote
2answers
1k views

jquery mobile user interface vectors or something very similar?

Does anyone know where to get jquery mobile vector .ai files preferrable? In need to do some mockups in high quality for print but cannot find any ilustrator or vector psd templats for this. Is there ...
1
vote
2answers
82 views

Business Leads Icon

I'm building an interface for an admin page. The admin clicks a button to choose an icon to see how many business leads received. I have always been stumped as to which icon is best suited for use on ...
1
vote
1answer
208 views

Creating advanced Healthbar Texture for Game UI

I'm pretty new to this all, especially Game UI Design and I would like to know how to create a realy good looking Healthbar. I should perhaps mention that, since I'm so new to this, I don't have ...
1
vote
2answers
163 views

How to create harmonious color palette?

Look at these harmonious colors, they come from Google Material Design. I'm wondering how did Google designers create them? Expert knows that dark yellow will turn into lemon (with little green in it),...
1
vote
2answers
74 views

Am I a UI designer?

I'm familiar with making mobile apps interface, but only "images". I don't make any code, just images. And the developers need to deal with the other stuff. Can I say that I'm a UI designer? Or to ...
1
vote
2answers
120 views

How can I keep the user attention on the main content without changing the sidebar?

I'm working to make a layout of a portfolio website. The website will have a side navebar, which will collapse in the mobile view. What I'm trying to achieve is to keep the user's attention in the ...
1
vote
2answers
69 views

Is there a standard name for a crossed rectangle placeholder?

In DTP type applications, a rectangle with a pair of diagonal lines from corner to corner is used as a placeholder to signify blank space awaiting content, or not rendered. Example: Is there a name ...
1
vote
1answer
148 views

Sketch - how to create 3d design preview pics? [closed]

I don't know what the exact term is for this, but I often see UX/UI designs displayed as follows: i.e., displayed on rendered mobile devices' screens in 3D. I have finished my UI design in sketch (...
1
vote
1answer
94 views

Adjusting generated colors to make them more subjectively pleasant

Is there any formula or correction values for r, g, b channels, that takes into account visual perception of color and will allow me to adjust generated colors to be more pleasant while keeping them ...