16

Screen Size Higher screen resolutions ultimately make everything look smaller. A very small percentage of Internet users are still using older resolutions like the once popular 800×600. Sites using a 720px width appear very small on high resolution screens, and don’t leave room for a sidebar. Now most websites are staying somewhere around 960px wide. Some ...


8

It depends..... Disregarding the implications of derivative work, that's a legal matter and different. Template systems are meant to be altered in many instances. There are a ton of positions out there which are looking specifically for those who can alter template systems to client demands. Bootstrap is a template system. Wordpress is a template system. ...


7

The real question is not "which document size?" but "which document width?". I would recommend to design at 1440px X 900px, this way you're in the average of browser sizes (put some guides at 1000px for smaller browsers and ipad). Don't stop your design at 1000px, stop your content at 1000px. Usually I start at this size then I increase my height ...


7

Responsive Photoshop web templates do not exist. Usually if someone is creating Photoshop templates for a responsive site they are based on the CSS media queries. If you are developing for each media query that is going to be a nightmare if you target up to four devices (mobile, tablet, laptop, desktop, soon to be an addition with Mac's 5k). I would ...


6

Short answer: No Photoshop can’t create responsive templates. Long answer: To understand why, you need to understand the difference between normal, static designs (like you do in Photoshop) and what is needed for a responsive designs. Lets take a portrait of someone that is in portrait format 4✕6. Now someone cuts of the upper half of the image, making it ...


6

There are several placeholder image sites. placekitten.com (kitten placeholders) placebear.com (bear placeholders) fillmurray.com (Bill Murray placeholders) placecage.com (Nicolas Cage placeholders) dummyimage.com (just blank image with dimensions) There are more.. just Google search for "placeholder images".


5

I suggest a bunch of indicators working in tandem: 'Greyed Out' - give the unavailable buttons some transparency, (or the appearance of transparency with lighter colours). This will make sure it is noticeably different from the other buttons, at the very least sparking curiosity as to why it's different. 'Strike-THROUGH!!!!' - "Like seriously guys ...


5

Use the find options at the top of the Layers Panel etc. Narrowing search parameters hides other layers. If you want to see the layers in the layer panel, but not view the other layers in the document window you can Option/Alt-click the visibility icon for the layer, that will turn off visibility for all other layers.


4

A more elegant solution would be to grey out the button, set it's state to disabled and use a disabled cursor to clearly show the state. I've thrown together a quick codepen to demonstrate this.


4

As someone who uses these kind of services (I'm a woman, I get my hair/nails done etc.) nothing annoys me more than stock images on a salon website. I want to see where I'm going, how it looks, how the result looks. I want REAL feedback and images. Don't go for stock, but take (or have someone else do it) pictures of the real salon. Don't use stock images ...


4

If you only want place holder images, just use some Creative Commons images. Do a search at the Creative Commons search website. search(dot)creativecommons(dot)org Alternatively, many stock photography sites let you download watermarked images for free - such as istockphoto(dot)com In istockphoto just find the image you want, click on it to open the photo ...


3

You can't do responsive design in Photohop. You can merely design two (or more) different layouts for two (or more) different screen sizes. The catch is that unless you are really familiar with the responsive framework being used, you are more likely to design a coding nightmare rather than an easily buildable responsive layout. Ideally, I'd suggest this ...


3

It is called one page website or single page website. Sometimes this are enriched with things like "lazy load", which is loading aditional content when you scroll down, "fixed menus", and "smooth scroll".


3

To answer your first question, the type of tool you're looking for is called a prototyping or wireframing tool. Wireframing "primarily allows you to define the information hierarchy of your design, making it easier for you to plan the layout according to how you want your user to process the information"[1], whereas prototyping is creating "a first, typical ...


3

Welcome to GD Firebirdz. In regards to your question it maybe considered by some as off-topic but I will try to give you some advise on how to make a better design. Your whole design is Monochromatic: Monochromatic colours are all the colors (tints, tones, and shades) of a single hue. You're not utilizing color very well and it's hard to distinguish ...


3

When using the Move Tool (pointer) change the option at the top to be Auto-select "Layer", then you can use Ctrl + Click to select that specific layer. Or just check the box next to that option to always auto select the layer you click on.


3

The fact that something isn't there at all is a great indication that it is not present! If you'd like to still display the things that were 'chosen but missing' in each result element I suggest not doing it as the same elements in the same section with the only difference being styling. Rather have it be clear to the user that this section shows what ...


3

Going on a point that Jenna mentioned about the nav highlight; she has a good point about it looking like a separate element but I don't think it needs to be re-designed, I think it just needs to have the text lowered so it sits closer to the highlight:


3

You only need a graphics program to make the images that will go in the email but for the layout itself you do not need to use any specific program. You could code it in notepad or an online code editor like jsFiddle. Just remember to use inline CSS and tables! If you want to design an email from scratch then you will need to learn code (HTML and CSS). You ...


3

First off, this question is asking a large group of individuals to provide a concrete answer on a topic that relies heavily on an individuals personal preference, application skill set and workflow efficiency. All of those factors can vary drastically from artist to artist. In a nut shell Metis already answered your question, the same result can be achieved ...


3

I would say this depends on how you position yourself and the work. If your portfolio is based around the design part, then focus on that and only showcase your own designs. If instead you position yourself as a developer or 'fix-it-all' kind of designer open to all budgets, then you can also showcase template based work. In which case it might be relevant ...


2

So just to mention, I think that it would have been good to highlight some of your points of concern to receive quick and efficient feedback in relation to those points and the overall design. It makes for a little more of a focused answer, however, let's see how I do :) I have 3 main points that I think are applicable to most websites and certainly to ...


2

Just a VERY rough idea just for your sub folder situation: I know you don't like the original design of the folder itself but you could apply a similar method as I've done here to your final folder design to emphasize the folder being a "sub" folder of another.


2

I'm just going to list some points as bullets, not to be blunt but so I don't end up writing a huge essay here. Take them all with a grain of salt, its your project after all. I work in Marketing so some of this will be tips from a Marketing perspective and touching on copy: Drop Facebook to its own line and centered in the "Sign up with Facebook" button ...


2

Commonly users now surf with a browser set to 1024 x 768 or larger. It's generally acceptable to use 1000pixels as a max width i mostly use mockups at 1100px wide even I'm designing for 1024px resolution. I set up guides within the mockup for 1000px. Because entire content come with in my place, The height may varies. once u check out http://960.gs/


2

I think the logic is flawed. I choose some amenities and as a result I expect to see ONLY hotels that combine these amenities. You should inform the user that there is NO hotels that have all the amenities and maybe let them see the results with missing amenities by clicking another button. The red crossed button works well in my opinion. If there are users ...


2

Docpad is one of my personal favorites, especially the implementation used by SemanticUI which gives the option of demonstration displays, or keeping things short and simple. Ideally documentation should have a few key elements Grouping of articles with common themes Clear and meaningful titles. Rather than using the function names as a title, use the ...


2

Is it a bad idea to use web designs that aren't coded? No. How do you properly sell the design to a possible employer? You sell the design as you would selling it to a customer. You explain how the approach you took met the project's objectives and goals. Is it bad to be honest that the designs are your ideas or should you pass them off as possible ...


2

Yes, I think this logo is to busy. The framework is pretty good, but the colors clash and the pattern on the G is makes it hard to read. I first would like to say this is by no ways or means meant to be taken as an insult. I think this is a great start, it's clever and interesting and it has a really unique silhouette. I think it's gender neutral in it's ...


2

I'm not sure this has a name (may well be proven wrong!) but i would call it a: "Transparent text box"


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