photoshop best practices for web design
Post on 15-Dec-2014
2.107 Views
Preview:
DESCRIPTION
TRANSCRIPT
Photoshop Best Practices for Web
DesignAlex Ventpap
Some Photoshop Hints
• Preferences, units. History steps, etc.• Auto-Select• Keyboard shortcuts• Prefer work with a wide canvas: 1400 /1600px wide. Good for
background treatments.
Some Photoshop Hints
• Use and organize layers. You might be not the only one designer handling the file
Use Grid System
• Provides commonly used dimensions, based on a width of 960 pixels.• Helps rapid prototyping• Very good for CMS. Modular style in pre-sized width.
Keep a close relation to the wireframe while designing
Try to use vector elements when possible
• Easy to resize• Lower file size
Use the advantages of the layer style
• Easy to copy and paste the same style to many other layers, at once.
Color setup
• Always on RGB• Remember to turn on the "Proof Colors"
Related links & articles• How to Handle a Lack of Creativity Without Burning Billable Hours:
http://goo.gl/ZJK0B
• Photoshop vs. Fireworks: Which Is Best for Web Design?: http://goo.gl/hHl7x• Some recommended books: http://goo.gl/3xBrC
• Designing for Drupal: Photoshop Best Practices (Part 1 of 3): http://goo.gl/nu7C2
• About Improving Performance in Photoshop: http://goo.gl/pGJYt
• Mastering Photoshop: Unknown Tricks and Time-Savers: http://goo.gl/aE6VM
Thank youAlex Ventpap - //all-x.ca
top related