Skip to main content

Questions tagged [button]

Questions about elements mimicking the idea of physical world function of something that can be "pressed", i.e. clicked/tapped.

Filter by
Sorted by
Tagged with
0 votes
0 answers
15 views

Button goes to specific section on page XD

I am wanting to create an interaction for each of the sub sections of 'Our Products' button so when you click on lets say Produce it will go to the 'Our Products' page but navigate to the section ...
Birdlady9604's user avatar
2 votes
4 answers
1k views

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?

I'm looking for a font in which letters which are normally lower than the baseline (g, y, p, q) are written completely above the baseline when in lowercase. I'm looking for such a font for the game I'...
TOM's user avatar
  • 23
3 votes
1 answer
1k views

Why do the colors of these buttons look off?

I'm learning graphic design and, for practice, I'm making an app. I noticed my color choice of these buttons look off, although I'm unsure why. Also the proportions, but I'll take care of that later. ...
Nic Szerman's user avatar
1 vote
1 answer
621 views

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

I have an SVG that's meant to be a responsive web button: After some trial and error, I've noticed it doesn't look great at extreme widths: the vertical borders get thinner and thicker as the ...
Clueless Investor's user avatar
0 votes
1 answer
175 views

What is the best way to create buttons in Figma?

I'm still learning Figma, and I'm having trouble to create inactive buttons (or other status, focus, hover etc) and swap when needed. Can someone help me? The tutorials I found on the internet were ...
alanahere's user avatar
1 vote
0 answers
447 views

How should a text button with hover state be aligned?

Using Material UI components for demo (the misalignment is not as huge with Material but might be more visible with other libraries) I am aligning the text button (PRIMARY) against a heading (Form) ...
Null Head's user avatar
  • 111
0 votes
0 answers
126 views

Convert automatically a specific color to another inside a set of png icons

I have a set of .png images (which are controls like buttons, sliders, checkbox etc for a GUI) and I'd like to convert a specific color to another for each files using an automatic solution. For ...
PLB's user avatar
  • 1
2 votes
1 answer
868 views

Inner shadow to create depth on image

I'm using a sprites sheet on my 2D game that contains different buttons. I would like to create other buttons with custom icons because I'm adding new features to the game that need a specific icon. ...
systempuntoout's user avatar
2 votes
1 answer
801 views

Add a border on a word in indesign

Is there a way to add a rounded border/background on only one word in a paragraph in indesign ? Or a way to have a dynamic object that can be put in a paragraph and edited by double clicking to get ...
bigben3333's user avatar
12 votes
9 answers
3k views

Good name for object between squared and rounded

In the following image we have squared, rounded, lined and dashed objects. Each object is labeled with its name, but I have a situation between squared and rounded objects. What name would you use for ...
Bruno Wego's user avatar
1 vote
3 answers
293 views

How can i make a rubber looking button?

I am a beginner in illustrator. I would like to make a button like this one: See where the white light on the top left gradually fades and there is some white shade on the inside of the button as ...
Utkarsh Singh's user avatar
0 votes
2 answers
77 views

Showing twelve action buttons without occupying too much space

I want to show user twelve options/buttons such that those options doesn't occupy too much space on screen.I don't want to show icon with each option as it will occupy more space. The buttons contain ...
Android Developer's user avatar
0 votes
2 answers
110 views

What CTA color would work best?

I am just getting into UI design. I have a site I am working with right now whose primary color is #ffb606(yellow). All of my CTA's are yellow with white text. I need to change the CTA color but I am ...
user avatar
1 vote
2 answers
5k views

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

There is a usability issue of reaching back button in iOS because it is on the top left. I want to put it at the bottom left for reachability. But my developer says it is against Apple guidelines. Can ...
Tharun Kumar's user avatar
2 votes
3 answers
126 views

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

Examples: - https://dribbble.com/shots/5364117-Compose - https://dribbble.com/shots/433877-Introducing-Tweebie/attachments/34845 - https://dribbble.com/shots/472747-Download-and-Share-Buttons - https:/...
Min Andy Choi's user avatar
0 votes
2 answers
121 views

PDF Buttons missing when I save in Illustrator CS6

I created a map in Illustrator CS6 which I exported to pdf. Using Acrobat 11.0.23 I created buttons which show information when the mouse hovers over the button area. If I reopen the PDF in ...
Robert Buckley's user avatar
0 votes
1 answer
680 views

Material Design: Actions on items in a table view

The problem with the FAB (some would say there are many) is that often you want to be able to invoke actions on an item in a table view. The fact that that has been precluded with this design is ...
Rob's user avatar
  • 101
0 votes
1 answer
134 views

Exporting UX button designs [closed]

I've finished creating some button designs for a client, is there anything I need to be mindful of when exporting the final files? Such as; Scale Size File format Or could I just release an ...
Rupert Harvey's user avatar
1 vote
1 answer
215 views

How to achieve this border button effect? (Photoshop)

Im trying to replicate this border button effect (the gradients, fill color and shadows; forget about the icon) but I don't know where to start Can you give me a way to replicate it straight away or ...
Angel's user avatar
  • 47
1 vote
1 answer
840 views

Inverse round corners with Inkscape

I am trying to reproduce these buttons: Here is my attempt, but I don't know how to inverse the round corner to match the reference images: Any idea is welcome.
user2475096's user avatar
4 votes
2 answers
823 views

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

So like this: Why is this good? How is it decided to be like this way? I'm an Android developer and no matter whom I show my apps with these default Android buttons, everybody tells me I messed up ...
Adam Varhegyi's user avatar
0 votes
1 answer
49 views

Is there a plugin to save/load button states?

I have many override settings in my button symbol. I want to customize button with these settings and save the state to use after. I am pretty shore I saw this kind of plugin some time ago but I can't ...
fozuse's user avatar
  • 111
-2 votes
1 answer
105 views

Non-intrusive configuration buttons [closed]

In my iPhone app's home page I need to display the groups a user is part of, as well as have buttons to make and join a group. I've added buttons that lead to the pages where group creation/joining is ...
MarksCode's user avatar
  • 105
2 votes
2 answers
336 views

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

I'm building an interface for users to create a web page. The user clicks a button to choose an icon from an array of icons to be used on their page. I have always been stumped as to which icon is ...
jameshillier's user avatar
4 votes
1 answer
7k views

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

I know people prefer rounded corners to regular (90 degree sharp) corners (references: 1, 2, 3), but why is 2dp considered a proper value for border radius? Is a button that follows this rule more ...
Madalina Taina's user avatar
1 vote
1 answer
3k views

button whith an irregular shape

I'm trying to mare a button whith an irregular shape similar to this using only CSS Somebody have any clue?
m. Hebert's user avatar
1 vote
2 answers
553 views

Auto center in Photoshop

Is there any way to auto center button and text Photoshop? so when i change the size of the text i wont need to re-align it manually in the button. Many thanks!
Gal's user avatar
  • 11
0 votes
3 answers
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 ...
Georgia Harby's user avatar
5 votes
3 answers
387 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 ...
Crashalot's user avatar
  • 141
2 votes
2 answers
423 views

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

(taken from KeePass site) These images were quite popular on websites around the early 00's, from as far back as I can remember. They seemed to phase out with the introduction of flat and material ...
soup-bowl's user avatar
0 votes
2 answers
1k views

"Toggled On" state for a button - Flat UI - Preferably HTML/CSS only

What is a good way to style this edit button so it looks "Toggled On": I'm not really sure how to style the "toggled" state so that it is clear, looks nice, and is congruent with the look I've ...
Chris Dutrow's user avatar
0 votes
2 answers
350 views

Expanding shine made with bevel and emboss

I have made a shiny button with bevel and emboss. I like how it shines in the corner. Is it possible to extend that shine to the right and down? Here are my button and bevel & emboss layer ...
potato's user avatar
  • 101
0 votes
1 answer
6k views

Special two-state button in InDesign

In InDesign, I want to make button with two states, just like on the example: The normal state is a circle, so if I move the mouse over it, an info box pops up. That is a nice feature in an ...
22_4's user avatar
  • 79
1 vote
0 answers
622 views

How to create a button in Adobe Flash CC that reverses to its original state

I have a button that plays an animation as soon as the mouse goes over it, and I want to know how can I have the animation play in reverse (back to its original state) as soon as the mouse goes off it?...
André Booth's user avatar
7 votes
2 answers
4k views

Why buttons without icons in Material Design

In Google's Material Design, do the guidelines prefer buttons without icons next to text? On http://www.google.com/design/spec/components/buttons.html no such examples can be found. Is it written ...
pjv's user avatar
  • 181
1 vote
4 answers
11k views

Design a 'pressed' version of a button image?

I have designed an image which will be used as a button in an android app. Since it is a button, the state of the image has to be changed when the user clicks on the image to give it a "pressed" ...
Ashwin's user avatar
  • 157
1 vote
2 answers
3k views

Bootstrap buttons - text hard to read?

Is it just me, or does the text on the Bootstrap buttons hard to read: I feel that the text is way too small for the size of the button and the letters are too close to each other, making them blend ...
Dmitri Zaitsev's user avatar
1 vote
1 answer
265 views

How can I improve the design of the 'Show Phone Contacts' dialog in my app?

In the add contact dialog, I am suppose to add a button/link that will take the user to a view that shows the saved phone contacts. I know that the Show Phone Contacts >> view pretty much sucks ...
Smrita's user avatar
  • 115
2 votes
1 answer
659 views

Button Focus effect with inkscape

These two images are pause-buttons for a program. The first one shows the button in its default state and the second one when it is being focused on. I am wondering how the person, who made these ...
Davlog's user avatar
  • 121
4 votes
3 answers
1k views

Is a cross for a "clear all" button acceptable?

I am testing an application where there is a button with a cross on an "add new contact" form. I was expecting the cross to close the form (cancel the new contact request), but instead it cleared all ...
Pierre Arlaud's user avatar
0 votes
1 answer
167 views

Critique: Amateur looking buttons with icons?

I am working on a CMS with the feature to 'follow' and also the option to see stats. There are 2 buttons, and the stats value becomes 1.2k etc after it reaches over 1000. I have added some icons, ...
Craig's user avatar
  • 1
2 votes
3 answers
17k views

What is the difference between an icon and a button?

Since we are getting more UI questions here on icons and I didnt see this question here I thought it would be on topic to ask what the difference between an icon and a button are other than an icon ...
user9447's user avatar
  • 18.3k
11 votes
4 answers
880 views

What do users remember the most, position or color of elements?

I have a navigation menu with some buttons, that looks a bit like this (NOTE: Each button has a distinctive icon that differentiate it from the rest, I didn't add them to the mockup but they are ...
Yisela's user avatar
  • 26.4k
16 votes
5 answers
17k views

How to create a lighter/darker shade of a color for the hover state of a button

I've been designing buttons for a while now but when it comes to selecting the color(s) for the hover state of either a gradient or solid its been mostly been a matter eyeballing a darker tone. Is ...
Carl Edwards's user avatar
4 votes
0 answers
6k views

How do I add a stroke (border) only on the top of a shape layer in photoshop? [closed]

I am trying to create a button for my website using Photoshop's rectangle shape tool. I want to add a border only on top of the button. How will get that effect?
Vivek Vikranth's user avatar
4 votes
2 answers
225 views

How come my link is overlooked?

I'm fairly new to designing. As of now, I have this design: Click image for full resolution As you can see there is a small link in the upper right corner (Upload Prenda Link). When clicked, it ...
user2705620's user avatar
1 vote
2 answers
271 views

How can I produce custom vector based buttons in Photoshop?

I want to create some vector based buttons which resemble the button design shown below: I can just take a button and treat it as a bitmap and change text and appearance, but the output doesn't look ...
Ahmad's user avatar
  • 159
0 votes
1 answer
1k views

How can I fix jagged iOS buttons created in Photoshop

I'm creating buttons for my app specifically for the iPhone 4S and the iPhone5. For some reason, any objects that are circular in nature appear jagged on the phones. For example, a location marker ...
deadlock's user avatar
  • 101
10 votes
4 answers
4k views

Styling clean flat-design buttons so they show affordance, and look 'well designed'

I started a tiny CSS framework recently. (http://mincss.com if anyone's interested) I quickly banged out an initial design for some buttons. After asking for feedback on UX StackExchange (and ...
Owen Versteeg's user avatar
1 vote
3 answers
2k views

How do you make a black play button overlay visible on light and dark backgrounds

I have a black 70% opacity play button that sites on top of videos. On light backgrounds it is very clear but obviously on darker backgrounds it nearly vanishes. I would like it to be visible on dark ...
whoacowboy's user avatar