Skip to main content
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
  • 210k
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
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
  • 87.2k
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
  • 87.2k
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
  • 210k
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,351
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
  • 210k
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
  • 87.2k
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
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
  • 8,045
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
  • 210k
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,552
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
  • 8,045
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,626
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

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
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,159
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
  • 87.2k
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.4k
1 vote
Accepted

How do you Clip and Inverse Clip a complex object in Inkscape?

You can constrain the visible parts of any object (including groups) to the fill-area of another shape by setting it as a clip-path. First group everything together (maybe make a clone with Alt + D ...
Xrott's user avatar
  • 3,431
1 vote
Accepted

Inner shadow to create depth on image

Move and scale the bell shape on a layer above the original button In the layers panel, engage the Lock Alpha Channel button on the bell layer Right click the bell layer and choose Alpha to ...
Billy Kerr's user avatar
  • 87.2k
1 vote

Good name for object between squared and rounded

I have always known that shape as a 'Roundrect'. Historical usage: https://www.folklore.org/StoryView.py?story=Round_Rects_Are_Everywhere.txt Reference: https://en.wiktionary.org/wiki/roundrect
jwpfox's user avatar
  • 111
1 vote

Showing twelve action buttons without occupying too much space

i think you can categorise the actions? that might make it easier to find the action they want to take. also, you might want to look at Snapseed, Google's photo editing app, as an inspiration for how ...
Vivienne Chong's user avatar
1 vote

Why did people used to make buttons that looked pressed by default?

Interesting question. My theory is that it is inheriting real-life design elements. A lot of software interfaces, which we now call UI, has a real-life counterpart. Desk, Mouse, File, etc. A real-...
Rafael's user avatar
  • 37.6k
1 vote
Accepted

Why did people used to make buttons that looked pressed by default?

It's really all relative. A designer may choose a specific visual appearance for no other reasoning than they feel it looks "better" or suits the overall concept more adequately. There often isn't a ...
Scott's user avatar
  • 210k
1 vote
Accepted

Exporting UX button designs

There are a few things to consider for button designs, but I don't know what you know or don't know so I'll list some general stuff here: Scale - you need to know what he's using the buttons for, if ...
Kevin Auyeung's user avatar

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