Tag Info

Hot answers tagged

24

Assumptions: We want to get across to new users that things can be restored from being deleted, trash can style (if not, or users already know, go with DA01's simple 'undo' icon) We want the focus to be on the action the button does (with the trash can element a minor secondary detail) Usual icon criteria: simplicity, uniformity, must work at small sizes ...


21

Forgive the absolutely terrible sketch; I had to make do with what I had. I prefer simple expression with little detail and understandable shapes. This intends to communicate recovery from a bin with a backwards arrow.


18

I'd show trash bin with papers inside and the arrow which begins from papers inside the bin to outside to pale paper silhouette. Like this one small one or this one EDITION (if you need a delete button)


17

Context is always key, so if this is already a list of deleted content, the user already will know that it's deleted content. As such, you probably don't have to have the icon represent 'trash' or anything that literal--as it's redundant (we already know these items are 'in the trash'. I'd suggest a more generic 'undo' or 'revert' icon would make more ...


9

I would say no. Most of all: They will not look good in tiny versions They are too "predefined" in style: SE have a multitude of sites, and in very few of them will it fit the rest of the site They are too "militant"/gamey with over/undertones of religion, imperialism, war, power etc The symbolism will have to be learned on a much more complex level than ...


8

I suggest making the font bold (just a change of weight, not the font itself) and respecifying the shadow so that it defines all the edges of the letters: font-family: Raleway; font-weight:900; text-shadow: 0px 0px 3px #000; You can even combine more than one text-shadow to create a definite outline as well as a blur: text-shadow: 0px 0px 3px #000, ...


7

As an alternative to the already great answers, how about adding a black div with 50% opacity behind the text? This would allow the font to work on basically any image also. div { position:absolute; top:250px; left:140px; width:500px; height:50px; background-color:black; z-index:0; opacity:0.5; } EXAMPLE


5

Latin Modern Mono is available from FontSquirrel (and also a core font from LaTeX) which is very tight in condensed form. As an additional option, Anka Coder comes in both Condensed and Narrow widths. The Narrow version is one of the other narrowest open-source monospace fonts I have seen. It runs neck and neck with M+1M for width, but with a more ...


5

If you're using a set amount of pixels, let's say 500 x 500, it won't matter whether you're using 300 ppi or 72 ppi because the amount pixels in the image would still be 500. If you wan't to lower the file size of your image you will either need to scale down the image or save the image in a lower quality format: Or use Save for Web as this can give you ...


4

Undelete is nothing but Restoring, I would not recommend using an Undo icon, as if the entry can be editable or some other actions can be made on that record, user would certainly think that the Action can be Reversed, rather than you icon showing that it's for Untrashing/Undeleting. So I've got couple of ideas here.. You can show a Recycle icon, which is ...


4

There have been plenty of work in that area. That's where a majority of a graphic design student's time goes. Without getting too in-depth, here are a few resources to get you started: Color Theory Web Typography Basics Typography Theory All that being said, it will save you time and money to hire a classically-trained designer to answer a lot of ...


4

Std - Standard or the base weight/form(s) of the typeface - often includes 1 regular or medium face, 1 bold face, then associated italics - good for any use Display - Generally refers to a typeface designed for use in headlines or display areas. Not widely used for large areas of text due to low readability/legibility at smaller sizes. (These include, but ...


4

I'll take a shot. There's nothing unique about the colors you displayed-- they are similar in that they all fall in a small range of both saturation and brightness, but there isn't similar tone or hue to them and they're not under any specific color harmony. (that I'm aware of at least) As a thought experiment I'm going to take the same colors you provided ...


4

A visual effect, whether in Ai or Ps, isn't always attainable by applying effects to a single layer, far less a single object. The richness of the feature sets we have available in these programs can lead you down a blind alley, trying to achieve everything you want by piling on effects to a single object when, just as in painting, what you need to do is use ...


4

PSD to HTML is the non-preferred way to go about designing and building web sites. The process is very waterfall-based. It's essentially: Visual designer lays out everything in PhotoShop Client approves it, then tosses the PSD over the fence to the dev team and says "deal with it" Dev team "deals with it" and typically produces a bloated web site with poor ...


3

Both Aller and Source Sans Pro have commonalities with Trebuchet MS, in particular the curved tail on the letter l: The fonts are available at fontsquirrel.com. However, only Source Sans Pro is a webfont, Aller is desktop only.


3

It ultimately depends on how the color functions within the overall branding and if you are allowed to use variants. Usually you should be presented with all the acceptable branding guidelines, if you are not ask for them. I fall all else fails you should be allowed to use the black or white version of the logo, all logos should have a black and or white ...


3

Do I need to use the logo colors at all? Certainly not. You want to create a good logo and a good website, both having some element of recogniseability. You can use logo colours, or you can choose not to. One thing to consider though that will help make it "hang toghether" is to use a version of logo colours in the web design. For example the same ...


3

If you are using shapes/vectors, try and line them up to the nearest pixel. PS will use antialiasing to round it off, so if your shape/vector lines are sub-pixel, it will make a semi-transparent pixel on the edge to represent that 'half way in between 2 pixels'. This is also a common issue when down sizing an image. It helps to keep the original size as a ...


3

You can't really apply one label to this style. It is fluid in the sense that it expands and contracts to use the whole viewport. It typically used for vertical designs because it helps to break up the scrolling depth. It is most commonly found on one page sites because it is well suited to a lot of content. And it has certainly been a fashionable ...


3

Pencil and a piece of paper can do wonders and that's what you need for most of the time but if you are not into drawing and stuff, chances are that you might not like going that route. If you are not among one of those traditional types you can use an application like Evernote, SketchBook from Autodesk or anything that works for you. But before going into ...


3

Simplest answer: I don't think the logo looks terrible sitting above everything as it is. Simple answer: You could try floating the logo to the left at large and above and moving the menu up to fill the space. Complicated answer: You could think more about an identity system. A logo is not a brand; it's just a part of it. Think of how Coca-Cola has their ...


3

You can start by making some research first. You can start with Icon Finder first to see what icons you get there based on your keywords and select a few for reference. You can use them directly but first read the licence and make sure you have the rights to do so. If you don't find what you need there, go to The Noun Project and do another search. Based on ...


2

A Possible solution could be to add a Modal dialogue box from a link titled 'additional info'. What Is a Modal Box? Put simply, a modal box is a scripted effect that allows you to overlay a small element over a website. The primary benefit of modal boxes is that they avoid the need to use conventional window pop-ups or page reloads. In short, modal dialog ...


2

Select each layer in question (3 or more) and go to Layer > Distribute > Vertical Centers. There are also icons along the top as shortcuts if you select the layers and have the arrow tool in use. To contol how far, just position your first and last layer in the array andit will distribute evenly in between.


2

Psychological reactions to different colors were studied in multiple studies. In general Yellow and Blue are less "aggressive" than Red. Pastel hues seem to be relaxing as well. You can try to read abstracts in PubMed, I put here some excerpts from some of them. Child friendly colors in a pediatric dental practice (whole article) - "The use of child ...


1

Stage One: Paper and Pen OR -Mockup Tools (Balsamiq, Quart, Axure, and the list goes onward) Don't filter anything out Design 30 ways to design a page for each page Post these pages online and allow your favorite community to review this. Stage Two: Photoshop and Flash (Near Pixel Perfect development) OR HTML, CSS, JQuery (only if you're fast ...


1

I use a pad, note app, and pinterest. Sometimes I think Tumblr would work better but I don't find it works as well on my phone. The main thing I use is a yellow pad though. If its not with me thats when I turn to the note app which I use ColorNote but there's tons of them and they all work the same. I hear Evernote is terrific but never felt the need to ...


1

There's a discussion on this same topic over on UX Stack Exchange. Though usually considered a bit of a design no-no(as mentioned in the link above) I think that in this case it may be an ok idea - it depends on how the content sits. But it seems like it could be argued either way. In favour The menu bar is a separate component, having it slightly unique ...


1

There is no real standard but I did some extensive research when making a vector set for my sites and the majority used on sites were yellow. I figured if thats what the majority is using, why not go with it. The less you make a user think, the better. This may be caused by Outlook(the email program) have used it has its brand color for years, but that's ...



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