Welcome to WebmasterServe!

FREE TO JOIN! Join us now to engage in informative and friendly discussions about Webmastering, SEO, SEM, Internet Marketing, Programming, Graphic Design, Online Jobs and more. What are you waiting for? Ready to join our friendly community? It takes just one minute to register.

Dismiss Notice

Join WebmasterServe Forums 
Join the discussion! Have a better idea or an opinion? It takes just one minute to register Click Here to Join

My Experience Pitfalls To Avoid Falling In While Using Photoshop

Discussion in 'Web Design and Graphics' started by PrashantD, Mar 16, 2016.

  1. PrashantD

    Yellow Belt

    Joined:
    Dec 7, 2015
    Messages:
    132
    Ratings:
    +24 / -0
    There are plenty of tools to design graphics for websites but still a majority of web designers stick to Photoshop! Adobe’s behemoth and versatile design tool is used and loved by several ace web design professionals across the world. While Photoshop is great for creating graphics of various types for websites, you should try to evade commonplace designers make while using the tool.
    Below listed are top web design mistakes Photoshop users often make:

    [​IMG]
    • Jagged pixels - However enticing the effects and powerful tools are in Photoshop, this is a bitmap based tool. So, not using anti aliasing can be detrimental for a web page design. This is more evident when you work with text blocks. Photoshop lets you set the level of anti-aliasing for text in the character panel. Ensure all text used in a Photoshop file have the same type of anti-aliasing.
    • Not using folders to organize layers - Adobe provided the folder feature to organize layers inside PSD file not without reason. It was mostly meant for letting advanced users and designers organize their workflow in a better way. Not using folders to keep layers and graphic elements in them organized can make your design workflow absolutely messy. Use proper labels for the folder for sharing convenience. You can even color code the folders.
    • Large file sizes - A web page with heavy design elements and graphics becomes large in size. Sometimes, using heavy background or design elements cannot be evaded altogether. However, you can choose to rasterize the smart objects in a large PSD file. This helps bring down the file size by a large margin.
    • Sticking to common fonts only - It is true that traditional and common fonts like Arial are used a lot in web design. However, that does not necessarily mean you cannot dabble with newer and web fonts! Try the variants like Adobe Typekit and Google Webfonts for a change. These do not require rocket science to be deployed in web sites.
    • Cramming many elements - No matter what type of a website you are designing using Photoshop, cramming a lot of elements on a page makes things worse. Use enticing images, animation and videos when required. But ensure each page in a website has enough white space.
    Apart from these, you should make use of Photoshop’s inbuilt image optimization features. It will help you get images with right balance between quality and size for web usage.
     

Share This Page