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

Which one are the best TIPS to make a logo for web? [closed]

i need to make a logo for a development company,and the logo will be displayed in screen most of the time, so i will like to know every tips to make the logo more responsive and totally functional. If ...
2
votes
4answers
856 views

Good source for learning about light/shadow/gradients in flat designs

I came across this creation here on dribble. I have marked some areas with arrows, which are either 'lit up' because of bright light, or have 'shadows' because of absence. And also this one here : ...
2
votes
1answer
766 views

Should my navigation bar start as transparent then become opaque on scroll?

Android has this UI behaviour: The navigation bar is transparent at first, with only the back button. But as the screen is scrolled up, the navigation bar becomes opaque, and the title fades in (on ...
0
votes
1answer
109 views

Beginner with iOS UI Design

I want to start designing iOS app UI in Photoshop but I can't find up-to-date tutorials and informations about document resolution, ppi of document, getting retina ready and complete guide for it. ...
0
votes
3answers
126 views

Ideas to make these tiles look good.

I am not really happy with the way I've designed these tiles . And I'm short of ideas. Can anybody have ideas on how I could make the section look better? In general with the presentation of the tiles,...
0
votes
1answer
61 views

How to structure a section properly? [closed]

I have the following section on my site. This is being viewed on a 1980p display so on a smaller resolution the left and right margin is reduced but the general layout remains relatively the same on ...
1
vote
2answers
2k views

Is there a name for the Windows 10 kind of design?

The design used in Windows 10 Universal Windows Platform apps is one used in a lot of modern interfaces. So like how there are many types of designs, from the day of Swiss and Bauhaus to this day of ...
-3
votes
1answer
459 views

Android Material Design Guidelines [closed]

My company has told me to design an app for them with Material Design Guidelines & I don't know from where to start. Thing I want to know : Note : Others ( The things I don't know, so please ...
0
votes
1answer
369 views

Which would be a better Material Design bottom nav on desktop color combination?

Which colors combination are better for the bottom navigation bar, while in expanded state, taking in consideration the user experience:
0
votes
0answers
308 views

Material Design App Slicing - Android

As we all know, Google have released a material design UI/UX platform for developers. What are the image sizes that I have to follow to slice them for the various resolutions of android devices?
0
votes
1answer
132 views

App artboard size confusion

I am designing an iPhone 6 app. I have set up my artboard to 750 X 1334px which I have found to be the standard size according to helpful websites. However, When convert the artboard size to inches it ...
1
vote
1answer
502 views

How to get specs of UI elements from PSD file for IOS?

I'm going to make an IOS app, and I will get interface mockups of my app from a designer. But I don't know in which format he will send me the interface, whether in PSD or JPEG format. With the given ...
-2
votes
1answer
178 views

How professionals design they top notch websites? [closed]

I'm a beginner web developer and I always create my websites using css framework such as Semantic-UI or bulma.io. Yesterday I saw this http://seanhalpin.io/ portfolio and I am amazed of how great, ...
1
vote
3answers
148 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 ...
-7
votes
1answer
142 views

What's the best iPhone model for App Design [closed]

I am planning to buy an iPhone as a test rig for app design, to see the designs on the device. If I can only afford one, what is the best iPhone model to be use for mobile app design previewing? ...
1
vote
1answer
310 views

Inkscape - How to create uniformed group sizes for a svg file with multiple Object IDs?

I am a currently trying to create my own desktop theme in the plasma desktop environment. Right now I am currently at a roadblock and I need some advice. I am working on a svg file with multiple ...
1
vote
3answers
90 views

Expand height of PSD without overflowing other view

I'm designing a landing page : But as I started my background images are too big so when I crop the view downside, I get this: How do I make the first section to not overflow its background images ...
1
vote
2answers
215 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
111 views

Is there any difference between a font converted for web and TypeKit

Let's say I want to use Helvetica Neue on my website. One solution is to convert the font for web use with websites which transforms the fonts through @font-face css property. Other solution is to ...
0
votes
1answer
322 views

How do I create different UI screens for multiple phones without recreating every screen in Sketch?

I am building an app using sketch and the client wants all mobile phones including Iphone and android to work. How do you export the screens to work on all Iphones and android.
3
votes
3answers
641 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
798 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
65 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
2k 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
112 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
113 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
5answers
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
105 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
156 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
59 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
252 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
236 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
196 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
828 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
339 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
137 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
2k 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
266 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
337 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
110 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
199 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
334 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 3 4 5 6 7 11