we discussed in the original Web Design Tips newsletter, Photoshop is the best tool for designing Web pages. Web graphics (with the exception of files in Flash) are the basis of pixels instead of the vectors of the base. As a result, Photoshop a better tool for designing Web pages. However, when the design of vector-based programs such as Freehand or Illustrator, their designs can change a little when the site of the skin, because the subtleties that the size and type of alias, color and changing specifications May when the translation on the web.
To work effectively with our partners, we offer the following specifications for creating documents from Photoshop. The more they are able to follow these guidelines, the most effective way we can deign your skin.
Sources: If the developer does not have sources that you used in your document, you must May rasterizer source layers. In general, however, it is preferable to leave the text as sources and include them in sending your drawings. Where the provision of the source layer is needed, please layer label with the font, size and the head used.
Save Settings: When you save your file, make sure it is in RGB mode, but does not incorporate any color. If the developer has a whole Photoshop to convert the integrated profiles, their colors carefully selected could change significantly.
Images: Because the Web is a dynamic environment, you'll need to ensure that any complex background in graphic form. Check that extend beyond the right and bottom of the browser window so that they are large enough to accommodate an expansion of the browser window (see web design newsletter for more information on which extends "Background images).
Clean your document: During the creative process, you can try many different things to get the look you think that the design should have. When you're finished, the multitude of layers in a Photoshop document may resemble the wiring inside the space shuttle, only the original designer has an idea of what they are and where they lead.
Simplify your paper where possible. Remove layers that end flattening, the developer anyway. For example, while flat layers that are part of the background. You must pay attention to any mixture of patterns which asked the merging of layers, as they put together. The merging of layers one at a time to eliminate any surprises. Remove any empty layers (believe me, this happens) and layer off styles.
Layer using folders is a great way to organize the elements that are part of a group, but should not be merged into a single layer. The cases are also good for grouping the elements that are part of a "state of renewal." By combining them in a folder that you can turn them all with a simple click, and the developer knows that all these layers are part of the extension.
It is clear that the labeling of his paper tabulation of the site much easier. First, organize your layers of Photoshop in a logical order (bottom layer, static graphics, type layers) and put layers and form part of a group. Make layer labels. "Heads of the main navigation" is more useful than simply "NAV". If a layer is a state of renewal, make sure the label says "transfer".
It is much easier to interpret documents Photoshop break if the home page layout, home page design, layout and sub separately in Photoshop files. If you use a color code design approach for each main section, make sure that we have separate documents for each section. Of course, appoint documents and help. Pages that have been carefully designed the content of low-level design elements such as tables, graphs, pages of product information, etc., should also be provided separately Photoshop documents.
We have provided a sample Photoshop files created in accordance with specifications mentioned in this newsletter.
ConclusionThe more we are able to integrate our processes with our partners, the most effective way we can develop their sites. We want our design agency and partners to be as profitable as possible to work with us in development projects Web. These principles and course design newfangled consultation, helping our partners to be more and more comfortable and confident in the design for the web.
Article Tags: Photoshop Website |
