Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics, icons and structure, that focus on the user interaction.

learn more… | top users | synonyms (2)

0
votes
1answer
21 views

What image type and resolution is ideal for a logo inside of a Android Mobile Application?

I have a png of a logo I am trying to import into my Android Application. However, it is looking extremely pixelated when I import it into my mobile app. The image is 538px by 113 px with a resolution ...
0
votes
0answers
28 views

Sketch: how to get design to developer?

I've been wanting to learn Sketch but am not sure what the process is once it comes to handing over the design to the developer. Most developers won't have Sketch as it's mac only, and even then most ...
6
votes
3answers
577 views

How can a popular free site with minimal budget obtain quality UI/UX design support?

I'm the dev of a web-based music player called TheParade. I listen to music on youtube often, and wanted a better experience, so I created the app, which I've been incrementally coding up over the ...
0
votes
0answers
27 views

Is it different between character design and UI design?

I have a graphic designer working for me and she is good at drawing characters. However, when we come to game UIs (such as dialogs, buttons, or other components other than characters), it seems a ...
0
votes
2answers
54 views

Generating assets from illustrator

I'm using PNG Express to extract asset from Photoshop. Is there any supporting plugin for Adobe illustrator to extract the assets?
-2
votes
1answer
43 views

Which is the best tool for mobile UI designing [closed]

Which is the best tool for mobile UI designing sketch or illustrator.
0
votes
1answer
46 views

How to generate assets for a mobile UI from Illustrator?

Currently, I'm using Photoshop to design a mobile UI and I use PNG Express to generate assets for various size and devices. I want to know if there is any such supporting tool for Illustrator to ...
4
votes
6answers
124 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 ...
1
vote
2answers
74 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?
-2
votes
0answers
22 views

How do you make skewed graphics like this [duplicate]

How are these flat skewed graphics done? Illustrator? Photoshop?
0
votes
1answer
40 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 ...
0
votes
1answer
62 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 ...
0
votes
0answers
80 views

Deciding a nice color palette/font for a landing page

I am trying to roll out a landing page for a trading competition. It's at its very early stage right now. Right now I am focusing on: Free font to use (google font preferably) Color palette color ...
3
votes
3answers
91 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 ...
3
votes
3answers
106 views
+150

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 ...
0
votes
4answers
205 views

Font size on iOS7 looks different from Photoshop even though resolution in mockup is same as iPhone dimensions

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
57 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 ...
0
votes
0answers
32 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 ...
1
vote
2answers
62 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 ...
1
vote
2answers
57 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 ...
2
votes
1answer
1k 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
88 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 ...
1
vote
2answers
578 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 ...
1
vote
3answers
402 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
76 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 ...
0
votes
0answers
13 views

what is size of iphone6 and iphone 6+ navigation bar?q [duplicate]

I use photoshop for design ui of iOS apps i want to design ui for iphone 4, iphone 5, iphone 6 and iphone 6+. but i don't know about the size of navigation bar iphone 6 and iphone 6+. please anyone ...
1
vote
3answers
140 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 ...
3
votes
2answers
69 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
64 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
86 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 ...
2
votes
1answer
166 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
0answers
42 views

Suggestions for “Minimum delivery” icon

We haven't been able to come up with a suitable idea for the icon 'minimum delivery amount'. The icon needs to signify that the restaurant will accept orders only above a certain minimum amount. The ...
0
votes
2answers
142 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 ...
0
votes
4answers
946 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" ...
-2
votes
1answer
106 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.
1
vote
1answer
37 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 ...
0
votes
1answer
151 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 ...
0
votes
0answers
29 views

Knob Rendering Methods

These are actually two linked questions: What methods you would use for creating knob like this (Output Gain knob): http://www.u-he.com/img/Presswerk2.png I know how to create one particular ...
1
vote
2answers
77 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
109 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
230 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
0answers
186 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 ...
6
votes
3answers
284 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
201 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
1answer
95 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
88 views

Is there a symbol that means “purchase” across cultures?

Background: 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 ...
1
vote
2answers
241 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
169 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
169 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
223 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?