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

Ergonomic standards to design UI [closed]

I want to build a UI application that visualize/display the analysed tire machine data. The UI application is supposed to be for tablets. However, before I build the application, I am supposed to look ...
-1
votes
1answer
121 views

How do I please use a given resolution to design under Photoshop? [closed]

I have never done an app interface design before. I got this freelance work where I have to design the visual interface for an app working under Windows. My client says his ultimate device would be ...
3
votes
3answers
427 views

Critique: How to make a better visual distinction between content and options in a post?

I have a design that currently looks something like this: I feel that there should be some sort of visual split between the main content of the post and the options below it (the up and down arrows, ...
4
votes
5answers
633 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 ...
3
votes
5answers
4k views

Font size on iOS7 looks different from Photoshop even with same resolution

I'm facing a weird issue here. I did a mockup for iPhone 5 + iOS7 in Photoshop, and since Photoshop handles font size in points, I passed all these info with the mockup file to the dev team. (e.g: ...
1
vote
1answer
149 views

How do I make a photo look like a checkbox? [closed]

I am working on a web application where I am using a picture as a substitute for both the text (label) and the checkbox. For example, this is what normally displays, and is universally recognized as a ...
1
vote
1answer
175 views

Adobe fireworks UI to mobile live preview

I am running Fireworks on Windows 8.1 and I am designing a user Interface for Moto G mobile. Is there any simple way to see live preview in USB connected mobile phone? I don't remember but there is ...
0
votes
1answer
52 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 couldn'...
1
vote
2answers
236 views

Which is more beneficial for a career as a User Interface Designer; an apprenticeship or a university degree?

If I wanted to be a UI/UX designer, which would be the better route? To get an apprenticeship and earn experience, using online resources to learn techniques, OR to go to a university and get a degree ...
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 ...
2
votes
2answers
145 views

Is there a conventional format for an alpha mask?

I'm a programmer, not a graphic designer. I'm writing a custom View for Android that requires the ability to apply an alpha mask to an image. I want to make it easy for graphic designers (...
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 ...
2
votes
1answer
344 views

Need help determining pricing for designing a very ambitious app [closed]

I know its alot but please read all of it so you can fairly assess the situation! The Important Backstory I am a 17 year old self taught user-experience designer that is pretty far ahead in the ...
2
votes
2answers
4k views

How to prepare (what all sizes and resolutions) mockups and UI graphics for an Android app in PS

I've seen similar questions asked here but they did not answer my question 100%. So please bear with me. Now I am starting an app design project for iOS and Android. I've been designing for iOS for ...
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 ...
-2
votes
1answer
161 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 ...
1
vote
3answers
237 views

Critique: What UI colors to use in an image-based design?

I'm working on an app who's UI is mainly driven by images. The only non-image UI element is the navigation bar at the top and I'm struggling to find a good color palette for this. As you can see in ...
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 ...
0
votes
1answer
675 views

How do I place a crosshair inside the circular cursor?

I know that if you press CAPSLOCK it changes the cursor into a crosshair, but that way I can't see the size of my circle. Is there a way to have both things activated?
1
vote
1answer
142 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 ...
1
vote
1answer
593 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/...
0
votes
1answer
726 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 ...
3
votes
1answer
801 views

Mobile Phone Design - Data Tables

Currently I am struggling a bit with how to show a lot of data properly and user friendly on a mobile device. On a website its easy to implement a table. You can show for example 7 columns. But ...
0
votes
1answer
254 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
2answers
231 views

Critique: how can make this 3-column dashboard design flatter?

Attached you see my current design of a 3 column dashboard. How can I improve this design in a more "flatter" way? Be warned that I am no designer, so if you have links to tutorials that would also ...
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" ...
-3
votes
1answer
142 views

Critique: how do I improve the typography of this user interface?

I'm new to designing interfaces as my focus was mainly on icons. I would like to know how I could improve the typography experience on the design below. Mainly the heading and the paragraph.
2
votes
1answer
1k 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 ...
1
vote
1answer
57 views

Trying to reduce the area a layer can bee seen in After effects

I'm creating a UI animation for a phone. I've got it so the menu transitions slowly moves in from the side. However as you can see the menu can be seen coming in from outside of the screen like the ...
3
votes
1answer
708 views

Has anyone used Blender for prototyping animations of mobile apps?

After Effects and other Mac only tools are popular among designers for prototyping animations of mobile apps. I wanted to know if there's anyone here who uses Blender for prototyping? If you do use ...
2
votes
2answers
494 views

Designing “and”, “or” Icons

I am trying to come up with a good design for a pair of icons that will be placed above a list of tags which filter a list of items. Basically the tags that are ticked can search using "and" or using ...
0
votes
1answer
613 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
446 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
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 ...
-1
votes
1answer
631 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
439 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
99 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
166 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
263 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
892 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
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 ...
1
vote
2answers
267 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
655 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
415 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
353 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 ...