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

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


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


6

Out of interest, do any of you work in a large team for a large company? Frameworks such as bootstrap are fantastic for creating a consistent standard of code throughout a project, it also means that when recruiting for new developers, those with experience of a popular framework will already be familiar with the syntax and can become productive much ...


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

I'd say Twitter Bootstrap is probably one of the favorites. It has a nice grid system that utilizes 12 columns, making for a 940px wide container without responsive features enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack ...


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

The biggest advantage is that you can experiment with the resizing yourself instead of just speculating what things would look like. I have a very "content first" approach of development where I actually code the navigation and add the text content. It tends to expose you to things that you did not anticipate when you were in design phase. By using a ...


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

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

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

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

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

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

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

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/


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