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
-4
votes
1answer
180 views

How to design this? [closed]

Image 1 is what i had first, obviously a bèta version of the design as this bar with buttons still needs to be designed / given layout. Image 2 is my attempt at (re)designing it. Image 3 is to ...
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 ...
-2
votes
1answer
652 views

What are the best practices in defining layouts or shapes of pages in an educational web application? [closed]

I am working on choosing layouts and shapes of page components for a large educational web application containing more than 100 variety of web pages. I am currently trying with flat layouts and trying ...
5
votes
4answers
302 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. ...
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 ...
0
votes
2answers
2k views

Do you incorporate sidebar menu into 960 grid layout?

I have a client who wants a design for a web app. He told me that he would like "a large sidebar menu on the left" and gave MailChimp's new design as an example. We both agreed that what the client ...
2
votes
3answers
759 views

Standard for testing Aesthetic conditions in software

What standards do we need to follow while testing aesthetic conditions of a program? Is there any particular set of rules/standards to follow? That is, if we are writing test cases for a program, what ...
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'...
7
votes
3answers
2k 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 gap ...
5
votes
1answer
244 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). ...
0
votes
2answers
304 views

Keeping a layer synced across multiple files

I am working on a web UI design and using adobe-photoshop. I have to make complete UI to show what exactly a screen would look after different interactions. Say, the following is the basic layout of ...
0
votes
1answer
157 views

Graphic/web design approach to deal between UI design and front-end development

I have to search for a UI designer/front end developer to build my website out of a set of wireframes. I noticed this process is very fragmented due to complexity. What would be the best approach? 1)...
4
votes
2answers
593 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) ...
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 ...
2
votes
3answers
102 views

What are the four control state names?

I'm looking for the common names of the four basic control states (for desktop interfaces): Control is in its default state; Cursor is hovering above the control; Control is being pressed; Control is ...
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. ...
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
1answer
1k 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 ...
42
votes
18answers
10k views

Good visual alternatives of representing the Push and Pull signs on doors?

Using "Push" and "Pull" should be quite straightforward, you read the word and follow the instructions. But day after day I see people in my office coming to the door and pushing when they should pull ...
6
votes
3answers
3k views

How to give a site a mockup look?

Edit to clarify Thank you for the existing answers. I am afraid that you misunderstood my question. I don't want to create mockups (I have some, but they are not suited for my current purpose). I want ...
6
votes
1answer
10k views

Recommended tools for graphic designers working with WPF

What are some good applications and tools that graphic designers can use to work with WPF interfaces?
0
votes
2answers
1k views

How to improve image detail quality for mobile apps? (too blurry)

What is the best file type to use in mobile apps? I am developing an iphone app and I am using images with the same frame as the views with 72 dpis in a format file .png but when the detail is more ...
16
votes
2answers
2k views

How should ascenders and descenders that share the same space be handled?

This is the initial registration page for my client's communication app. ( I covered over the logo - note the white box - for his privacy) I do not like that the "y" descends and the "h" ascends into ...
2
votes
2answers
10k 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.
6
votes
7answers
3k 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 ...
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?
4
votes
3answers
498 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 ...
7
votes
1answer
849 views

Designing GUI for mobile apps working in bright sunlight environment

I'm going to create GUI for a mobile app that will work in bright sunlight environment (inside a car so it will not be fully exposed to sunlight) and the usability and visibility of certain GUI ...
2
votes
3answers
636 views

Concept OS Mocking: Illustrator vs. Photoshop vs. Other

As a school project, I am graphically designing my own mobile OS. I already have hundreds of hand drawings of each aspect of the OSs design and I need to make the step to digital mockups. As the ...
6
votes
1answer
1k views

Coming from a programming background, where should I start to learn web design?

I'm a web developer mainly working in front end developing. My main fields are HTML5, CSS3 and Flash ActionScript 3.0. Here in Iran, teamwork means nothing for most of the people, but I think it's ...
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 ...
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 ...
0
votes
6answers
674 views

Recommended books about styling elements for App / Interface Design

I'm new to Photoshop and I'm looking for a book which helps me to learn design iOS Apps and user interfaces. I don't look for a book that teaches me about good UI, I'm looking for techniques I can use ...
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 ...
2
votes
1answer
401 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 ...
2
votes
1answer
1k views

How to to use bevel and emboss properly for clean buttons in photoshop cs6

I've heard of different methods in getting a nice highlight on the top of a button. Can some of you explain a preferred fx for the example here? Along side the nice highlight on the top of the button,...
0
votes
1answer
198 views

How to display an user-defined logo in a Metro dark themed application?

For a Windows application currently under development we have chosen a dark Modern UI theme. As I don't have any representative screenshot at hand, let's say our look and feel is somewhat similar to ...
0
votes
1answer
539 views

Designing a UI for Programmers to Use [closed]

I am doing UI design for a group of programmers who are working on building music-related software. I have created .psd files for all of the mockups, graphics, etc. I was assuming they just needed ...
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 ...
2
votes
3answers
3k views

Why doesn’t the Illustrator keyboard shortcut Ctrl+3 work? [closed]

I seem to be unable to use the keyboard shortcut Ctrl+3 to hide a selection inside of Adobe Illustrator. Ctrl+2 for lock seems to work fine, but Ctrl+3 doesn’t do anything for me. Object → Hide → ...
9
votes
6answers
36k views

How to resize a palette that's dropping off the screen?

I'm using CS6 on a laptop, usually hooked up to an external monitor. In that setup, the monitor is my primary screen and the latop's is my secondary. Since I like some real estate in my palettes, I ...
8
votes
4answers
7k views

What colors are good to avoid eye fatigue in dark environments?

I'm working on a program that requires a dark interface, because it's mostly used in dark rooms. After some thought I decided to add a light version too and let the user swap them, but both still have ...
7
votes
3answers
212 views

How can I overcome the impulse to continuously critique (and possibly rework) my designs?

I have been designing for almost 5 years now. I have noticed something very strange in my development lifespan. My appreciation for my works decreases substantially over time. Especially in my UX ...
6
votes
1answer
1k 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 ...
7
votes
3answers
21k views

Grid-based design in Illustrator — need help setting up a grid!

I'm trying to explore grid-based layout design in Illustrator to help me create mockups for prototypes. I was wondering if anybody here could help me set up a grid based layout easily in Illustrator ...
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://...
1
vote
2answers
642 views

Is it possible to change the layer visibility (eye) icons to be more readable, in Photoshop Elements 11?

In previous versions of Photoshop Elements, the eye icon appeared as opened or closed to indicate a layer's visibility. In Photoshop Elements 11, the layer's visibility is only indicated by a diagonal ...
14
votes
1answer
2k views

What considerations are there in designing pixel fonts?

I'm designing monospace pixel fonts for a game, and so far I've only been able to work with extremely small sizes (largest I've managed is 5x9) because those ones are the easiest to try and err with. ...
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

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 ...