New answers tagged

0

Since you are using bootstrap it should be easy to use a glyphicon to show that it is a menu, instead of words. <div><span class="glyphicon glyphicon-menu-hamburger"></span></div> First, you should consider the fact that 20px is way to slim. it would just seem like some blip in the page, not at all something inviting users to ...


2

I'm working as a Digital Designer at Fox Sports Australia. I've implemented for our new templates and every type of UI designs to us Sketch if you are a mac user. https://www.sketchapp.com/ If you use windows there is a great software coming up from adobe called Project Comet http://landing.adobe.com/en/na/products/creative-cloud/comet/229818-notifyme.html ...


0

I quess I figured out one of the good ways of how to achieve the effect: I converted my image (layer 1) into the smart object Created a shape with rectangle tool, with no stroke, filled with white (didn't matter what color actually as long as it's colored) (layer 2) I copied the image (layer 1), and placed it on the very top (layer 3), right click, create ...


0

One way I would go about doing it would be the following: Take your clear image and duplicate the layer. Blur the top layer with Gaussian blur. Create a layer mask on the blurred layer (the circle inside the square button next to the new layer button). Use either a blurry brush with black fill, or create a gradient from white to black, and expose the ...


0

I use Photoshop cc2015, and I ran into this problem. I deleted all of my default swatches (by pressing option and clicking on the swatches), and then I added all my most used colors to swatches. I clicked the drop down on the top right side of the swatch window, and clicked "save swatches". I then deleted the swatches and made swatches of the print colors I ...


0

Wow; I did a bit of a search and I cannot find a term for it either. I am assuming what you are thinking of is what they do in games when new levels are not yet released such as AngryBirds: One game simply uses a cloud with something shiny peeking out from underneath. Another way would possibly be a dotted line around a grayed out product. I could ...


1

You might consider using a menu that slides out partially when a user has their mouse near the menu to save visual space. The default state: When the mouse is near (using animation to transition): If allowed, you may even be able to open it further when one of the sections is clicked.


1

This is just my fill-in on one of your questions in the comments regarding the close button. When using a burger menu, you usually don't see the close button all the time, what happens is, you click the menu icon (burger menu), the full menu opens and in one way or another, the burger icon changes into the close icon. When hitting the close button, the ...


8

Consider using established UI patterns like the burger menu icon or an arrow to show that there is a draw or menu. The icon is enough for people to know there is navigation / settings to be clicked. This is just a quick sketch, but you can get icons like this from Bootstraps library.


0

One thing that should be noted is that with the long press gesture there generally isn't any indication until after the user has long pressed on the item. The indication can then be either the wiggle that you mention or it can be the bars or whatever icon you decide on. If the bars are visible all the time, the user will expect to be able to rearrange by ...


0

You have to understand the icon first. Just like the toggle next to it it represents physical object. It visualizes the tactile feedback of the uneven surface (think old Nokia battery cover) that lets your fingers allow to drag it. If you applied this to your problem then this ||| would be your icon. But you also have to follow convention of your OS, and on ...


0

I'd go for a similar 3 vertical lines to the right of each item, but then I'd also have a line between each item for more clarity


1

The Noun project can give you ideas. Here are some ideas Image 1-2: Search for Erase, by Chris Robinson and Dan Hetteix Image 3-4: Search for Clear, by Ilsur Aptukov. Search for Empty by Sergey Demushkin. I'm sure you can get more ideas by searching yourself. You can combine ideas, for example clipboard with a eraser symbol etc.


1

How about some sort of cleaning device? A sponge A window cleaning thing (squeegee) A car frontwindow cleaning thing A eraser or my favorite: A Skull with crossed bones ;)


0

I'll be honest, that I've bot read through every article, but here is my 5 cents. I have a weird relationship with stakeholders. They LOVE what I do. I problem solve, talk to product owners about design. I make separate presentations to communicate design concepts to them, because I'm a big believer that different people need different communication ...


0

It is possible to edit the 'master' library copy of an asset stored in a Creative Cloud Asset library. Download the asset to your local machine Edit the asset Navigate to the asset in the Library Select Actions > Replace and upload your local, updated file. The library master file will be replaced with your new version. Any document that has used the ...



Top 50 recent answers are included