Hot answers tagged

22 votes
Accepted

Good name for object between squared and rounded

Rounded corner or just Round Corner. Adding the "corner", to me, means there's an apparent corner as opposed to the Pill shape. As @Wolff points out in the comment above, both the pill shape ...
Scott's user avatar
  • 208k
9 votes
Accepted

Why does material design recommend a 2dp border radius for buttons?

The answer to your question lies in the psychological concept called Contour Bias as illustrated in the book Universal Principles of Design. As the book quotes: Objects with pointed features ...
ikartik90's user avatar
  • 359
7 votes
Accepted

Why do the colors of these buttons look off?

You are using four different hues of green, all of them very saturated. This makes them clash with each other. Also, the contrast between the yellow and the soft green in the background is very low, ...
Vincent's user avatar
  • 25.2k
6 votes
Accepted

Is there a name for this kind of website footer graphic?

I believe you are actually referring to the Antipixel "under the hood" buttons (of blessed memory). They were 80 pixels wide by 15 pixels high, with a simple bitmap font, stating that the site was ...
Stan Rogers's user avatar
  • 1,405
5 votes

How to suggest a button is for panning, not tapping?

I'd likely use some type of directional arrow. If they can swipe/pan in any direction, I'd have four arrows to show that. The following image from a google search is similar to what I'm imagining: If ...
Zach Saucier's user avatar
  • 13.4k
5 votes
Accepted

How to achieve this border button effect? (Photoshop)

Bottom layer has a linear gradient fill, from lighter blue to darker blue. Top layer is an ellipse shape layer filled orange, with a Stroke Layer Style added. See Layer Style settings blow. Click on ...
Billy Kerr's user avatar
  • 85.1k
4 votes
Accepted

Inverse round corners with Inkscape

Use the Bézier tool Shift+F6 to draw a closed path as in the example shown below You can hold down CTRL as you use the tool to constrain the angles at the corners to 45 degrees, and for right angles ...
Billy Kerr's user avatar
  • 85.1k
4 votes

Material Design: Actions on items in a table view

Google's material design guidelines are just that -- guidelines. Google doesn't even follow them to a t. One example of Google breaking the guideline that you mention is in Google Play (specifically ...
Zach Saucier's user avatar
  • 13.4k
4 votes
Accepted

Do you know of any fonts where letters that are normally below baseline (g, y, p, q) are written completely above the baseline in lowercase?

Sounds like you are looking for a Unicase font. There are several. Try here: https://www.myfonts.com/search?query=unicase
Scott's user avatar
  • 208k
4 votes

Do you know of any fonts where letters that are normally below baseline (g, y, p, q) are written completely above the baseline in lowercase?

Try Spartan Classified (a.k.a. Geometric 212) for small sizes or Media Sans by Production Type for headline sizes.
Copilot's user avatar
  • 4,323
3 votes

PDF Buttons missing when I save in Illustrator CS6

Illustrator CS6 has no interactivity functions. When you open the PDF with Illustrator it does not understand any of the interactivity. So, it ignores/dumps that code. It's non-native code to the ...
Scott's user avatar
  • 208k
3 votes

What CTA color would work best?

All I am going to say is that white text (#FFFFFF) on a light orange-yellow (#FFB62A) button fails the Web Content Accessibility Guidelines (WCAG). I tested that colour combination on contrastchecker....
Billy Kerr's user avatar
  • 85.1k
3 votes
Accepted

Why does Android's material button's 'onPressed' state actually rising up instead of getting pushed down?

According to the Google Material design guide they behave like this because they were designed to be an object resting on top of another, thus when you "press" it the button actually raises from its ...
Luciano's user avatar
  • 7,900
3 votes

Why buttons without icons in Material Design

I might be late to this. But in Material Design website it does have a sample of it. In most cases I think text only or icon only are sufficient to describe what it does. I came across a scenario ...
Ryan Teh's user avatar
  • 131
3 votes

Bootstrap buttons - text hard to read?

Better, but not good It's been a while since this question was asked. In that time, web fonts and screen font rendering has continued to make strong progress. Even the default Bootstrap theme still ...
plainclothes's user avatar
  • 17.5k
2 votes
Accepted

button whith an irregular shape

You can play with the border-radius property to get some odd shapes... button { background: #a00; color: #fff; border: 2px solid #a33; padding: 20px 50px; margin: 20px; font-...
Scott's user avatar
  • 208k
2 votes

Auto center in Photoshop

You can do this in Photoshop if you look into Photoshop scripting. You do not indicate what version of Photoshop you're using but here is the documentation for multiple versions of Photoshop. If ...
user9447's user avatar
  • 18.3k
2 votes

In interface design, which icon is best suited to represent "icon"?

This question on ux.stackexchange lead to the conclusion that there simply is not a standard icon to represent all icons. I would agree. Your only course of action here is to consider what your "icon ...
mayersdesign's user avatar
  • 8,572
2 votes

How to make a UI element look clickable?

The chevron is in a really weird place right now. I'd put it under the icon in one state and above the icon in the other, or above and below if there are more than two states. First state: chevron is ...
PieBie's user avatar
  • 4,366
2 votes

How to suggest a button is for panning, not tapping?

Most of the time, games use curvy arrows to make their users understand they can rotate the view. They can be vertical or horizontal only. The curve usually shows they need to "drag" the arrow to ...
go-junta's user avatar
  • 13.7k
2 votes

How to suggest a button is for panning, not tapping?

If you are making a touchpad, they are typically inset rectangles or round rects. The inset helps to avoid it looking button-like. They are very common in music software and there is a hardware ...
Simon White's user avatar
  • 1,977
2 votes

What CTA color would work best?

For a website CTA you should always consider: good contrast between button and background good contrast between button and text it looks like a button or link From there it's pretty much up to you ...
Luciano's user avatar
  • 7,900
2 votes

Can we put back button at the bottom in iOS app? Are there any apps in App Store like that?

Several things to unpack here: There is a usability issue of reaching back button in iOS because it is on the top left. This is not a usability issue - if it were, then the vast preponderance of ...
GerardFalla's user avatar
  • 9,603
2 votes
Accepted

Showing twelve action buttons without occupying too much space

Which one do you prefer ? You are slated with an issue of integrating form and function (aren't we all). From a purely aesthetic viewpoint, I prefer # 3 or # 4. I find # 1 and # 2 to be very ...
Kyle's user avatar
  • 4,079
2 votes

How can i make a rubber looking button?

You could use three overlapping circles, one on top filled with same colour as the background, one filled with a lighter orange under that under that, and and one filled with a darker orange/brown ...
Billy Kerr's user avatar
  • 85.1k
2 votes

Good name for object between squared and rounded

I quite like "cartouche", as a single word. This is a good alternative to "stadium" or "pill" etc for the middle symbol, but I don't have the reputation to comment that!
probablytom's user avatar
2 votes

Good name for object between squared and rounded

There is a certain class of shapes unifying the ellipse & the square, but its name isn't a common term or applicable to other generalizations. Piet Hein, who invented the Soma cube, also gave the ...
philipxy's user avatar
  • 121
2 votes

Add a border on a word in indesign

There are limitations, but something like this can be achieved with a custom underline character style. With this, you can just select any words in a paragraph, hit the character style, and it gets ...
Lucian's user avatar
  • 29.1k

Only top scored, non community-wiki answers of a minimum length are eligible