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
3
votes
3answers
637 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 ...
1
vote
0answers
1k views

What are the KPIs for a successful UI/UX design?

How do you measure that your design improvements did in fact improve session duration/views?
2
votes
1answer
761 views

Material design icon alignment in its box for creating android assets

I saw something in material design guidelines that bothers me - the way how the icons are aligned to global margins: The alignment is related to the icon box and not the icon itself, for example: ...
0
votes
1answer
92 views

Icons for cell padding adjustments

I am at a dead end right now, with 2 icons. I have a table, above the table I have 2 icons, the 2 icons will be buttons that will change the padding of the table cells. Just like in gmail, you ...
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 ...
-1
votes
1answer
64 views

A name of a design approach? [duplicate]

There is this new UI design thing going on for a while, where the UI is made with wide variety of strong/retro colour palette, its a vector design ,and the whole design is "digital" and over ...
0
votes
1answer
1k views

Andoid style guide - px to dp, how do i convert?

The android app design am working, is on a screen size of 1080X120 with 72(pixles/inch) as the resolution. All the icons, images, texts are in pixels. Now the developer wants all of them in dp and not ...
2
votes
1answer
37 views

Should target user segment (based on income) affect your designs?

I am at an impass with a client and I also don't have the answer so I would really appreciate your thoughts and if possible, proof like research papers etc. My client targets user segments B and C. ...
1
vote
1answer
111 views

Where to place text labels in custom color picker

I created a color picker for a website, and I am having one problem regarding the layout of some text. Above the color picker, there will be a "New Color", and "Original Color". I'm having a hard ...
3
votes
2answers
110 views

Implying the ability to move a slider in my app's menu

Firstly I don't think I'm asking this in the right place, but Graphic design is the art and practice of planning and projecting ideas and experiences with visual and textual content. So my question ...
0
votes
4answers
2k views

InDesign: one artboard significantly larger than the others

I am having an issue with one artboard in my document, as you can see it is much larger than the rest, how do I fix this?
1
vote
0answers
101 views

How to test if a specific color is harmonious within a new color pallete

I'm trying to harmonize colors, I understand the basic theory, but when it comes to a complex palette, like for branding, website and multiple applications, how can I test if a color is out of the ...
0
votes
2answers
155 views

how to design for iPad screens using a browser interface

I am trying to design for an iPad. The design elements are essentially a background image (2048x1536) and some text (based on font size) - which need to be place in a text area that is defined by ...
-1
votes
1answer
58 views

How do I find out why there is a discrepancy between pixel measurement in Photoshop and code? [closed]

I created a design spec in Photoshop that called for 50 px of padding between two rows. When the developer sent me a screenshot of the requested design in code, the 50 px was way too large. What could ...
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 ...
9
votes
5answers
5k views

Is programming a website for mobile first really necessary?

I've read through a number of sources which state mobile first design is almost essential, which I can't deny it does have obvious benefits such as faster load times for mobiles which generally have ...
0
votes
2answers
235 views

Best way to choose a color to display text above a full color background

I'm trying to create a simple color chooser GUI with a box on the right that displays the chosen color. However, I've noticed that black might not be the best color as it would be invisible with a ...
-1
votes
1answer
95 views

Icon for “Services”

I'm making a web-site for a friend of mine. She works mainly with nail-art and make ups (I don't really know). Anyway, I wonder what would be good for an icon for "Services" of this kind of thing? I ...
2
votes
1answer
194 views

Manage folder path overflow

My app has this kind of design in the ideal, normal use case: but, in case the user creates two or three nested folders with a long folder name, like in this structure: it quickly becomes ...
0
votes
2answers
786 views

Does anyone know a good way to preview website psds on desktop?

Does anyone know of a good live desktop preview tool for when you're designing websites? I've noticed when I'm designing websites, the elements can come out a bit too large since in Photoshop, I'm a ...
0
votes
3answers
2k views

How to make a UI element look clickable?

I have created a button that has multiple options and when a user toggles between these options, the video on that screen changes - See image and animated gif below. In some instances there is more ...
-1
votes
1answer
69 views

iphone icon sizes compared to on photoshop

I noticed the apple guidelines mentions that app icons are 120x120 but when I go to something like photoshop or fireworks to see how that looks like, it looks much bigger than that. Anyone know why?
0
votes
1answer
334 views

UX Wireframe User Flow Scale

Thought I'd throw this out there. At which scale does everyone produce their wireframes/user flows? For mobile, I usually design at 1:1 scale using iPhone 5 dimensions (320x568), but I've found that ...
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 ...
3
votes
2answers
1k views

How to best represent different priority levels using icons?

In a web application I'm developing we categorize systems based on their criticality (1-4). A system might have connected emergencies, which have emergency levels (1-3). Combined they give you the ...
1
vote
1answer
262 views

Anyone with experience using both Sketch with Flinto or other prototyping software

I'm interested in hearing from people, possibly starting a thread to discuss using a UI design workflow that starts with Sketch and uses Flinto for Mac, or some other prototyping software. I'm trying ...
5
votes
3answers
333 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 ...
-1
votes
1answer
109 views

How to create a glitch free stroke icon in photoshop?

I'm creating an icon but if I use it in small resolution screen it's shown with glitches like follow:
1
vote
1answer
192 views

Resolution independence - Prepare Images & Icons for different densities and resolutions

I am quite confused in a way of designing interface elements (icons for example) for different resolutions and densities for Iphone apps for instance. I would be grateful to anybody who can put ...
5
votes
3answers
331 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 ...
1
vote
2answers
378 views

How to adjust online grids to desktop web design and mobile web design in Photoshop?

There are many good grids online (1200px.com, unsemantic.com) that can be downloaded as PSD and used in web design in Photoshop. Now I have 2 questions in relation with this: When I apply this ...
1
vote
1answer
508 views

How to make outset/inset stroke in inkscape?

I am trying to create SVG GUI item. Something like this: It has two inset borders. I don't even know how to force rectangle to have an inset border. How do I do that?
-1
votes
1answer
58 views

I'm new to UI design but i've been on other artes(like web design, logo and other)

It's my first time to UI design in iOS and I was given a project app. My question is: Which is better to UI design, Photoshop or Illustrator (I love them both)? What is my resolution (and what are ...
2
votes
0answers
45 views

App interface design pricing [duplicate]

I am a freelance graphic designer, but also a full time student with a full time retail job. In my regular job I do no design work. The freelance has not been very often, because of how busy I am. I ...
0
votes
2answers
759 views

How to blur part of the underlying image in photoshop?

I am a newbie in photoshop and learning it all by myself, recently I came across of this image and tried to recreate the effect (I used another image though). What I did: 1. Loaded the image on one ...
7
votes
4answers
2k views

professional design of an extremely slim vertical menu

Ok, so I am a programmer and a complete disaster at web design. Untill now I have been able to produce "acceptable" looks with the help of frameworks like bootstrap, but I am stuck with a little side ...
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 ...
0
votes
4answers
250 views

Icon for reordering a horizontal nav on an iOS app?

So, I know that the icon with the three lines is the most common method of letting the user know that a vertical list is able to be moved around. Example here: I'm wondering how the same kind of ...
2
votes
2answers
1k views

Icon for clearing ALL values in form

What icon should I use for clearing all values from textboxes, selectors etc in my form on aspx website. I don't want to use the reload button icon, because I'm not going to do postback I will just ...
0
votes
1answer
195 views

New creative cloud libraries

Has anybody started using the new library feature in Creative Cloud 2015? It looks really good in terms of managing assets, styles and colour palettes between files. I use photoshop for UI design ...
1
vote
1answer
2k views

How to place UI gif in iPhone perspective mock for use on sites like Dribbble [closed]

I've seen many tutorials about how to convert a .mov file to a gif in Photoshop (Convert Video Frames to Layers, etc.), but none about how to place that gif in an iPhone perspective mock to be shown ...
-3
votes
1answer
76 views

What's a good icon for symbolising “rent”?

"rent" as in renting of books etc. I need to design a rent icon that symbolizes renting of books in a mobile app.
0
votes
2answers
99 views

Too much buttons in one line

I have my result screen from some kind of quiz. It has image with heart and text at the center. (I think this is the only place) The question is how to place these pink action buttons. Firstly ...
7
votes
2answers
2k views

Web Design Sizes

This is one of my major issues these days. I'm using 15" Retina Macbook Pro. When I'm designing websites in Photoshop I normally use following settings, width = 2560, to make it easy to view on large ...
0
votes
1answer
380 views

Should all icons in the UI have same style?

So this question has been bothering me for a while now. Some people don't mind this, while others absolutely hate when icons don't have the same style. This is from my experience. What am I am talking ...
1
vote
1answer
310 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 ...
4
votes
2answers
9k 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.
0
votes
2answers
76 views

Can Adobe Ilustrator export to Sketch?

Can Adobe Ilustrator export to Sketch file? If not, is there any plugin that can be used?
0
votes
1answer
175 views

Rendering HTML Form inside Bootstap's popover

One of my teammate came up with a web design layout of rendering an HTML form inside a popover. I've experienced using HTML forms inside a popup and it can be made responsive as well. I had an ...
6
votes
2answers
812 views

Simulate Reading Mode on webpage

Latest UPDATE : After days of searching without a single conclusive (not even close) option or study regarding the topic I decided to create my own survey to narrow it down. This survey is only for ...