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
2answers
2k views

What is the best way to represent show and hide in icons?

I have a web page that has a list of columns of information. All columns have names and then some of the columns have items in them. I want to have an icon to represent Hide all empty columns ...
3
votes
2answers
1k views

Looking for suggestions for making type more readable with a drop shadow

I want to show a menu with indented items on top of a black background. I tried a lot of colors but can't find the right ones. I'm using css property text-shadow: text-shadow: 1px 1px #191919 , -1px ...
3
votes
1answer
339 views

Icon to indicate “not a member”, “guest” or “visitor” but not in a “no-access” kind of way

In my app I need an icon to compliment a link for an app for a sport/club venue. [ICON] Member Booking [ICON] Visitor Booking Is there any icon that springs to mind for a "visitor" - the context is ...
3
votes
3answers
667 views

Services and resources for creating Android icon(s)

What services/resources, paid or otherwise, are available to android developers who want an icon designed for their mobile app?
3
votes
2answers
263 views

Design workshop at conference

I will be attending a 1 day design workshop about UI problem solving soon. There's not much information on the workshop itself. So, I am unsure what to expect. For those of you who have participated ...
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 ...
3
votes
5answers
891 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, ...
3
votes
5answers
4k views

A good tool to visually design graphical user interfaces for iOS devices?

I'm developing an iOS apps and I need to find an easy design tool, something that would allow me to drag widgets into my GUI, and visually build it. I'm currently using Adobe Illustrator with this ...
3
votes
2answers
111 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 ...
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 ...
3
votes
1answer
1k views

GUI Based Workflow Tracking Solutions for Designers

I have been interested in finding a way to track my progress and tasks for client work with a visually engaging workflow program, that isn't like a git-hub style solution. I'm looking for a program ...
3
votes
2answers
222 views

How to create interfaces in a graphics editor for responsive grid systems considering that they aren't pixel-perfect?

Any responsive CSS grid system uses long decimal point percentage values for columns' width (e.g. "16.66666667%"). I don't understand how to lay out the grid in Photoshop, because elements of the ...
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 ...
3
votes
1answer
61 views

How to do this button in Inkscape?

I need to recreate this specific type of button using Inkscape: Don't mind the text or the icon, just the button itself. I've tried creating a rectangle with a solid color fill, then duplicating it ...
3
votes
2answers
549 views

Should an arrow for “update” point up or down?

I have an arrow icon notifying the user about pending software updates. The update needs to be downloaded, which indicates the arrow should point down. On the other side, updates are raising a ...
3
votes
1answer
706 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 ...
3
votes
3answers
182 views

How to show that an image is also a link?

I'm creating a PDF and it should contain a hyperlink to google maps. The link must be represented by the Google Maps logo. What is the right way to indicate to the reader that the logo is a clickable ...
3
votes
1answer
709 views

Prevent text from overriding in Sketch

I have a vacancy card with fixed and negotiable salary. They can be switched using overrides. But when I change salary to negotiable I don't want text in that symbol to change. I want it to be locked ...
3
votes
1answer
367 views

Is there best practice when displaying other brands, such as partners or clients, on your website? Full color or greyscale?

We're debating an issue which I'm not entirely sure should be up for discussion. We have a dozen or so partners who's logos we're displaying on our website. Both our web/marketing designer and I ...
3
votes
2answers
964 views

Color scheme for three different goals

I want to preface this by stating that I am in no way an expert in design or colors and their meanings. I am looking for three colors, each of which have a different meaning and goal associated with ...
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: ...
3
votes
2answers
1k views

Recommended Font for distinguishing upper/lowercase letters and numbers

We have a small in-house application which generates a string consisting of upper and lowercase letters, and the numbers 0-9. We've tried using various fonts to output this string, but users ...
3
votes
1answer
161 views

creating a 4 icon hierarchy in a dropdown

I am designing a spacial automation player that can run trough: a single instruction a single step (a group of instructions) a section (a group of steps) script (running all elements) I am trying to ...
3
votes
1answer
104 views

Ways to practice design as a student without a subject or project

I am studying design in school but I want to make things outside of class. Only problem is that I cannot think of anything to design. I want to practice designing UI for games but how do I design a UI ...
3
votes
2answers
459 views

Icon to text alignment. Align to caps letter, x height or baseline?

I'm designing UI for the desktop app. I have a sidebar with menu (icon + label, both clickable). I centered icons to the first caps letters. Should I use other alignment? Are there any guidelines on ...
3
votes
2answers
136 views

What search terms can help me find “progressive reveal” campaigns?

not sure what this is called. Tried a bit of googling but didn't find what I was looking for. I'm designing a website on which we will be revealing a list item every week. The website is launching ...
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, ...
3
votes
0answers
67 views

Is 100% black good in UI design? [duplicate]

I was told that 100% black color makes eyes strain as it's too much contrast between white background and high color text. Ebooks, for example, does not use 100% black. Are there any studies that ...
3
votes
0answers
57 views

Simplifying mobile web design without altering given requirements [closed]

I'm writing and designing a mobile web application where users chat with one another. This question is about designing a page where each user's interactions with connected contacts are shown. This ...
3
votes
0answers
93 views

Positioning logo's of different sizes inside rectanlge

I have a bunch of logos of different proportions that need to be positioned inside a rectangle. I can do this by hand so the layout is not as chaotic as it would be with a center/fit placement. Is ...
2
votes
4answers
879 views

Design Nuances: Can they add value to any design, or are they simply a personal taste decision?

Update Since asking this question, I've come to a better understanding of how question scope should be defined (more precisely than this question's original version), so I'll better define the scope ...
2
votes
5answers
597 views

Wireframing tool to design a website idea

I have nothing to do with design, because I don't know how to mix two colors. Some time ago, I've read about some tools which are used in the creation of interfaces for application and web pages. In ...
2
votes
4answers
842 views

Design cues for draggable page components

I'm working on a web project where a user will be able to edit the ordering of a list. I'd like to update the visuals for the items that are draggable so that there is a a clear indication of each of ...
2
votes
2answers
725 views

Complex Rounded Corners in Ai or Sketch

I'm really inspired by Tim Van Damme's and Abstract's Mac Icon. The rounded corners that make up the icon are interesting to me. I've seen Tim make rounded edges like these before and would like to ...
2
votes
3answers
331 views

Can I combine rounded and sharp corners in the same design?

In graphic design (specifically for web and mobile) is it acceptable to combine elements that have rounded corners with elements that have sharp corners on one screen? The purpose from of this from ...
2
votes
3answers
4k views

How to choose font color against yellow background?

There are similar questions like this and this. However, this question is different because of different design constraints. This is the interface for our game. When the user solves a word, we show ...
2
votes
3answers
100 views

What are the four control state names?

I'm looking for the common names of the four basic control states (for desktop interfaces): Control is in its default state; Cursor is hovering above the control; Control is being pressed; Control is ...
2
votes
1answer
175 views

How to begin designing PDF Business Reports

Hello guys how are you? I would like some help from you because I'm a little lost. Next year I will have to develop pdf files styles in my company. It is a financial company and I was asked to ...
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 ...
2
votes
2answers
299 views

How could I make more appealing titles on this particular design?

As a Desktop Publisher I feel like I lack the skills of designing something to make it look appealing overall. I have an A4 page where there are some products shown. It has a kinda dark background ...
2
votes
1answer
206 views

Live update duplicate artboards in Illustrator

I do a lot of UI/UX design in Illustrator. Often, I find myself needing to create different screens with slightly different elements (e.g. an open hamburger menu/a modal. something like below). I've ...
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 ...
2
votes
1answer
259 views

Icons and text (daycare) for “pee pee” and “poo poo” without being gross?

I have buttons where the daycare worker can select that a child went to the bathroom. They choose whether they "pee'd" or "pooped" (or however you say that in a politically correct way). I want to ...
2
votes
3answers
3k views

Why doesn’t the Illustrator keyboard shortcut Ctrl+3 work? [closed]

I seem to be unable to use the keyboard shortcut Ctrl+3 to hide a selection inside of Adobe Illustrator. Ctrl+2 for lock seems to work fine, but Ctrl+3 doesn’t do anything for me. Object → Hide → ...
2
votes
2answers
493 views

Inspiration from existing works - where is the limit?

I am trying to create icons for the UI of my website to represent key concepts of my trade such as "translation services", "languages", "translation tools"... and I am having a hard time to come up ...
2
votes
1answer
68 views

How to change the colors of these lines from Adobe Illustrator?

I would like to change these colors of the lines in the red frame, from Adobe Illustrator. Is it possible?
2
votes
2answers
1k views

I cant find iOS specs equivalent to Material Design

I work in a small company where I already did the design for an app using Material Design guidelines but now I have to design the iOS version; maybe I got used to Material guidelines but I can't find ...
2
votes
2answers
223 views

Designing a long web page questionnaire

Wondering how one would go about designing a long questionnaire with 700+ questions The questions should have an input text field next to them or sometimes a Yes/No checkbox, and can be mandated/...
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 ...
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 ...