Questions about developing and implementing graphical elements of a user interface such as controls, aesthetics,

learn more… | top users | synonyms (4)

0
votes
0answers
14 views

Need advice on some component

I have a table, beside table is a calculator. The flow is: i want to calculate some units, and than insert that calculated unit in a table, i don´t want all cells to be same value, just some. Now i ...
3
votes
2answers
62 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 ...
1
vote
0answers
25 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 ...
1
vote
2answers
36 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
26 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
29 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 ...
7
votes
5answers
4k 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
117 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
44 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 ...
3
votes
1answer
156 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 ...
-1
votes
2answers
60 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
80 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 ...
0
votes
1answer
37 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
37 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
58 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
3answers
168 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 ...
0
votes
1answer
45 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
79 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
41 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
45 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 ...
1
vote
1answer
59 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 ...
0
votes
1answer
66 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
36 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
34 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
41 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
121 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 ...
0
votes
0answers
18 views

Where Can I Have Expert Guidance [duplicate]

I am a UI designer. I have learnt about design principles all from the internet from websites like smashingmagazine.com and creativebloq.com, but here in my country I am not able to find any design ...
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 ...
5
votes
1answer
42 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 ...
1
vote
3answers
49 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 ...
3
votes
2answers
69 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
75 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 ...
0
votes
1answer
86 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
54 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
62 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
424 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 ...
0
votes
1answer
61 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
54 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 ...
1
vote
2answers
424 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
50 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
55 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 ...
7
votes
2answers
464 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 ...
15
votes
2answers
2k views

How to draw a hierarchy button set and look less offensive than it is?

I'm trying to create a button set that can be used to move through hierarchical data and it's looking like a swastika. I'm not sure how to correct it. In the image above if "Panel" was selected and ...
1
vote
1answer
44 views

Is there a standard design for adding(editing)/removing/reloading a file? [closed]

I am building application that stores pictures of my friends in a database. Each friend has exactly one picture of himself in the database, so there will not be multiple pictures of the same person. ...
2
votes
1answer
121 views

How to handle complex User Interfaces in Photoshop Layer Comps?

TL;DR - How does one create a complex User Interface in Photoshop in a way that Photoshop doesn't slow down to a crawl? I create a lot of complex User Interface scenarios with Photoshop and ...
0
votes
1answer
144 views

Android Asset slicing

I am a Graphic Designer, I have designed an app and gave it to the developers, Now they are asking App assets in HDPI, XHDPI, XXHDPI how should i slice them? it should fit perfectly but i dont know ...
0
votes
2answers
164 views

In which DPI resolution should I design an app in Photoshop?

I am currently doing an app design. Which DPI I should start work in? I have worked on a project in 72 dpi but I want to know if this is the best size to work in.
2
votes
1answer
83 views

How does a programmer showcase his work?

I'll start of by saying that I'm a programmer who rarely ventures outside of Stack Overflow, so sorry if this post is off topic. Right now I'm in the process of updating my portfolio site and I'm ...
0
votes
2answers
83 views

How to have multiple panels/tabs of the same thing (e.g. multiple swatch tabs)

Is there a way to have two or even three panels/tabs of the same thing such as 3 swatch tabs? I was looking for a way to be able to switch between default and custom swatches instead of having them ...
0
votes
0answers
66 views

Canvas size for new iPhone app

I am about to start designing a new iPhone app for a client and I was wondering what is your "canvas size of choice" when starting the UI design on Photoshop, Sketch or Illustrator. First of all, do ...