Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [button]

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

0
votes
1answer
34 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 ...
0
votes
0answers
27 views

How can I know what sizes of app button icons are needed for different devices? [duplicate]

I'm looking for a way to know the sizes of an app button icons for different devices. Like, what size of button icons are required for iPhone X & Samsung Galaxy Note 2. I searched around, but ...
1
vote
1answer
74 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 ...
1
vote
1answer
148 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.
3
votes
2answers
209 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 ...
0
votes
1answer
32 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 ...
-3
votes
1answer
70 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 ...
3
votes
2answers
132 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 ...
2
votes
1answer
4k views

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

I know people prefer rounded corners to regular corners (references: 1, 2, 3), but why is 2dp considered a proper value for border radius? It a button that follows this rule more user-friendly than ...
1
vote
1answer
640 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?
1
vote
2answers
113 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!
0
votes
3answers
1k 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 ...
5
votes
3answers
299 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 ...
2
votes
2answers
180 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 ...
0
votes
2answers
767 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 ...
0
votes
2answers
207 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 ...
0
votes
1answer
4k 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 ...
1
vote
0answers
460 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?...
4
votes
1answer
3k 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 ...
1
vote
4answers
7k 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" ...
1
vote
2answers
2k 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 ...
1
vote
1answer
239 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 ...
2
votes
1answer
467 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 ...
4
votes
3answers
809 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 ...
0
votes
1answer
136 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, ...
2
votes
3answers
8k 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 ...
11
votes
4answers
829 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 ...
11
votes
2answers
5k 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 ...
4
votes
0answers
4k views

How do I add a stroke only on the top of a shape layer? [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?
4
votes
2answers
207 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 ...
1
vote
2answers
237 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 ...
0
votes
1answer
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 ...
10
votes
4answers
3k 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 ...
1
vote
3answers
1k 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 ...
4
votes
2answers
853 views

How do I replicate these two effects in Photoshop?

I am having trouble finding help on my own since I do not know the names of these effects. Here's the reference image: How do I replicate the impressed circle effect behind the button? I tried ...
1
vote
2answers
4k views

Where and/or how to generate custom android button graphic images?

I'm creating an app, and I want it to be more colorful and vivid. Though, I'm not an artist or have any drawing talent. Is there someplace online where I can create custom images for my android ...
3
votes
2answers
731 views

What are the standard sizes for social sharing buttons?

I need to create a sharing button such as the one of Twitter. Are there any standard sizes I should use for it? (Edit: I'm developing a sharing service)
5
votes
3answers
15k views

Photoshop: how to create buttons that look “subtly pushed”?

Any ideas how can I create "subtly pushed" buttons like the "Active filter" buttons in the following screenshot? The mockup is from here. UPDATE: Here's what I have got so far:
3
votes
2answers
2k views

Glossy buttons: what optical phenomena are they supposed to imitate?

What are these effects supposed to replicate ? Is it a reflection, a refraction, caustics ?
1
vote
0answers
633 views

How to create a small button image with embossed text like this? [duplicate]

I'm trying to create a shade/roll up button for a window manager theme I'm using. How do you create an image like the one pictured? I'm familiar with gimp but I'm not familiar with the techniques to ...
2
votes
6answers
700 views

Is there a name for buttons with a thick shadow underneath?

I have been seeing a lot of these buttons lately. I think it's a recent trend. I would just like to know the name for it so I can explore them further. In this sprite image, the buttons on the bottom ...