New answers tagged interface-design
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 ...
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 ...
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.
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 ...
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.
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 ...
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 ...
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
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.
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 ;)
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 ...
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 ...
Alin, Disclosure: I came across your question because I am associated with Glarminy to which you referred in your question. (I don't know anything about web design, though, so I hope this is not completely useless). I find readability and text/background color choice an important topic and most of the time a neglected one! I'll try to say briefly what I ...
This approach solved the same problem in my workflow: Layer comps in Smart Objects I use linked Smart Clips with nested Layer Comps for every section. For instance, create a Smart Clip for the header section with Layer Comps like home, mouse over, active etc. You can select the required Layer Comp of the linked Smart Clip using the properties panel for ...
Top 50 recent answers are included