Tag Info

Hot answers tagged

25

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

I have two suggestions, depending on the aim of this product: 1) Can the image thumbnail be bigger? I would make the thumbnail roughly the same height as the QR Code and incorporate @John feedback. 2) Is that QR code simply for that one thumbnail? or are there going to be more thumbnails per QR code? If the latter, I would create 5 more gray boxes the ...


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

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 ...


4

Short answer: it's something that previously was largely limited to higher-end print design for practical reasons that is now possible in web design due to modern devices having high pixel density screens. It's popular now because in the web context it's new and so it looks fresh, because it's elegant and clean which fits wider current trends, and because ...


4

Not sure if this is a good fit for SE, as it'd take a lot of work to make an exhaustive list, but I'll give it a go... Breakthroughs in web design (not sure these all fit your definition of 'design trend' but they certainly influence what was done visually.) (In very roughly chronological order...) the invention of the web (Tim Berners-Lee) Mosaic (first ...


4

If you want to take a full page screenshot on a website you can use this Google Chrome Plugin. This will makes several screenshots (while scrolling) and combine them into one .png image. You just have to click on the plugin and choose "Capture entire page".


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

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

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 ...


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

Adding to Shannon's answer, if you need to share images, I'd try to avoid email. You can upload your images to an online service and share the link instead. However, if you want to completely avoid shrinkage or fonts rendering differently I'd recommend that you start doing your designs directly in HTML + CSS. What the client sees is what he/she will get. ...


3

Because it's a design trend. More specifically because it's an Apple Design trend. iOS7 makes heavy use of Helvetica Neue Light. Why did they choose this? You'd have to ask Apple. Guesses would be that it fits into the 'super simple, less-is-more, flat UI' style they were going with. Plus it shows off their retina screens.


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 ...


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

It might just be "because they can". Not far back, they would not have worked very well cross-browser/been available. After the possibility of using them, it became a trend. Besides, it is a good thing for smaller and smaller screens with better and better resolutions. Thin fonts can be as striking as bold, it is all about context; in what environment you ...



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