Quantcast

40 Must Have Cheat Sheets for effective Web Designers

Thu, Jun 25, 2009

Design, News, Tools

As a follwoup on the article 40+ Essential Front End Web Developer Cheat Sheets it is now time to deliver a similar package to Web Designers. Creating Web Designs isn’t easy at all as it is first of all a creative process. To get the creative process started it may be a good idea to seek inspiration by looking closely at the designs used on websites that belong to the segment your design will target (ex. e-commerce shop, corporate website, personal blog etc.). Once a designer have all the inpiration and all the ideas lined up to start the actual design process he or she needs to master a set og software products (ex. Adobe Photoshop) and best practice patterns for designing web user interfaces. This article will cover the elements you need to get work done more effectively as a web developer (ex. working in photoshop, Illustrator etc.) Please make sure that you post a comment if you know an important resource that have not been included in the article. I hope you will find this article useful, lets get started!

Color Codes

RGB Hex Colour Chart

The RGB Hex colour chart is a very large (183kB) PNG file, and is sized to fit on a standard A4 piece of paper. It shows the 216 so-called “web safe” or “non-dithering” colours (there are actually only 22 web safe colours, but those are revolting).

CHEAT_SHEETS

Color Reference Guide

CHEAT_SHEETS

Web Safe Color Chart

CHEAT_SHEETS

HTML Colors Cheat Sheet

This cheat sheet contains a chart of 1050 colors grouped by hue and varied into 25 different saturations and brightnesses for each. Each color has the HTML color code reprsented as a Hex triplet (e.g. #808080). Also, it contains a chart of the 216 Web-safe colors and each is represented as a single-digit Hex triplet (e.g. #999).
CHEAT_SHEETS

RGB Values for Macbeth Color Checker

CHEAT_SHEETS

Another html versions of Macbeth

Dreamweaver

DreamWeaver CS4 Keyboard Shortcuts (PC)

CHEAT_SHEETS

Working with older verisons – these may be useful then.

  • DreamWeaver CS3 Quick References (PC – Mac)
  • DreamWeaver 8 Quick Reference (PC)
  • DreamWeaver MX Quick Reference (PC – Mac)

Illustrator

Adobe Illustrator CS4 Shortcuts (Mac – PC)

CHEAT_SHEETS

Working with older verisons – these may be useful then.

  • Adobe Illustrator CS3 Shortcuts (Mac – PC)
  • Adobe Illustrator CS2 Shortcuts (Mac – PC)

Indesign

Adobe InDesign CS4 Keyboard Shortcuts (Mac – PC)

css-cheat-sheet

  • Adobe InDesign CS3 Shortcuts (Mac – PC)
  • Adobe InDesign CS2 Shortcuts (Mac – PC)

Photoshop

Photoshop CS3 Keyboard Shortcut

css-cheat-sheet

Photoshop CS4 Shortcut Cheatsheets

css-cheat-sheet

Brush Tool cheatsheetush Tool cheat sheet for Photoshop

css-cheat-sheet

Adobe Photoshop Quick Reference Guide

css-cheat-sheet

Black & White Cheatsheet For Photoshop

css-cheat-sheet

Photoshop Quick reference card

css-cheat-sheet

Photoshop Lasso Tool Cheat Sheet

css-cheat-sheet

Photoshop Toolbox Reference

css-cheat-sheet

Keys for using the Layers palette

css-cheat-sheet

Working with older verisons – these may be useful then.

Flash

Flash CS4 Keyboard Shortcuts(PC and Mac)

css-cheat-sheet

Working with older verisons – these may be useful then.

  • Flash CS3 Quick Reference (PC – Mac)
  • Flash MX Quick Reference (PC – Mac)

ActionScript 3.0 Top Level Cheat Sheet

css-cheat-sheet

Advertisement

WP Zoom Yamidoo MagazineWooThemes - Finally a themes club that is here to stayWP REMIX 2.0WP Zoom Yamidoo Magazine

http://creativetechs.com/tipsblog/photoshop-cs4-shortcut-cheatsheets/

Related posts

  1. 20 Resources providing Loads of Excellent Tutorials and Cheat Sheets for Flash and Action Script Adobe Flash goes back several years and have turned...
  2. 25+ Tools, Cheat Sheets and Inspiration for Designers working with Color Themes When designing a website, a poster, a logo etc.,...
  3. 50+ Cheat Sheets for Building WordPress Themes and Plugins Wordpress needs no introduction. It powerful, highly popular and...
  4. 40+ Essential Front End Web Developer Cheat Sheets Today more or less everyone can put a simple...
  5. 55+ Seriously Useful Front End Web Developer Cheat Sheets Today more or less everyone can put a simple...

Please subscribe to tripwire magazines rss feed

Please remember to share this post!

7 Comments For This Post

  1. Alisa Rogers Says:
    June 26th, 2009 at 12:56 pm

    Great blog! Keep up the great and fabulous work!

  2. tripwiremag Says:
    June 26th, 2009 at 1:31 pm

    @Alisa: Thanks for the positive feedback it’s very appriciated.

  3. Dainis Graveris Says:
    June 28th, 2009 at 7:58 am

    beautiful work, must have list for every designer, who’s serious about his profession!

  4. webmasterdubai Says:
    June 28th, 2009 at 8:07 am

    really nice and informative post and cheat sheets. i really love it.

  5. Fuad Ahasan Chowdhury Says:
    June 29th, 2009 at 9:55 am

    This is really a must have.. thanks a lot for sharing this one. :)

  6. tripwiremag Says:
    June 29th, 2009 at 12:09 pm

    @Fuad, thanks for the feedback. It is really great that you can use it.

  7. Karen Says:
    July 16th, 2009 at 10:26 am

    Hi,

    I work for a web hosting site, which gives detailed information about different services and packages about hosting.

    I came across your website : tripwiremagazine.com. And I find it very relevant to my client’s site.

    I would like to have your co-operation, which I believe will help us to increase the productivity of both our sites.

    If you are interested do get back to me. Awaiting for your positive reply.

    Regards,
    Karen

32 Trackbacks For This Post

  1. 40 Must Have Cheat Sheets for effective Web Designers | Adobe Tutorials Says:
    June 25th, 2009 at 3:38 am

    [...] As a follwoup on the article 40+ Essential Front End Web Developer Cheat Sheets it is now time to deliver a similar package to Web Designers. Creating Web Designs isn’t easy at all as it is first of all a creative process. Read more from the original source: 40 Must Have Cheat Sheets for effective Web Designers [...]

  2. 40 Must Have Cheat Sheets for effective Web Designers | tripwire … - Cheat Codes Says:
    June 25th, 2009 at 7:16 am

    [...] Ferry wrote an interesting post today onHere’s a quick excerptAs a follwoup on the article 40+ Essential Front End Web Developer Cheat Sheets it is now time to deliver a similar package to Web Designers. Creating Web Designs isn’t easy at all as it is first of all a creative process. To get the creative process started it … This cheat sheet contains a chart of 1050 colors grouped by hue and varied into 25 different saturations and brightnesses for each. Each color has the HTML color code reprsented as a Hex triplet (e.g. #808080 ). … [...]

  3. News 40 Must Have Cheat Sheets for effective Web Designers | Web 2.0 Designer Says:
    June 25th, 2009 at 7:21 am

    [...] View post: 40 Must Have Cheat Sheets for effective Web Designers [...]

  4. Video | Enjolt.com | Innovate for Success Says:
    June 25th, 2009 at 11:56 am

    [...] if you know about AS. Surely you can get more excellent preloader effect in you further creation 40 Must Have Cheat Sheets for effective Web Designers – tripwiremagazine.com 06/25/2009 As a follwoup on the article 40+ Essential Front End Web [...]

  5. 40 Must Have Cheat Sheets for effective Web Designers | tripwire … | Photoshop,Photoshop Fon,Psd Fon,Jpeg Fon,Photoshop Action,Photoshop Vector,Photoshop Styles,Photoshop Shapes,Photoshop Plugins,Photoshop Eklentileri,Photoshop ?ndir,Photoshop ?cons Says:
    June 25th, 2009 at 3:27 pm

    [...] Read more:  40 Must Have Cheat Sheets for effective Web Designers | tripwire … [...]

  6. 40 Must Have Cheat Sheets For Effective Web Designers | Design Newz Says:
    June 25th, 2009 at 10:32 pm

    [...] 40 Must Have Cheat Sheets For Effective Web Designers [...]

  7. What’s wrong with lists « Thomas 2.0 Says:
    June 27th, 2009 at 10:12 pm

    [...] terms and any number greater than ten and words like essential orMust-Have nail this. According to 40 Must Have Cheat Sheets for effective Web Designers, I should decorate my wall with five cheat sheets on colour codes? Seriously? Plus, which [...]

  8. MacDaddy Links of the Week | bkmacdaddy designs Says:
    June 28th, 2009 at 4:50 pm

    [...] for E-Commerce Designs Free Social Media Icon Set: Stickies 25 Free Brilliant Fonts For Logo Design 40 Must Have Cheat Sheets for effective Web Designers 80 Refined Social Networking Icons For [...]

  9. 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June @ SmashingApps Says:
    July 1st, 2009 at 5:33 pm

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  10. 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June | Jim's Hardware Says:
    July 1st, 2009 at 8:51 pm

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  11. 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June - Programming Blog Says:
    July 1st, 2009 at 11:49 pm

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  12. Wordpress Blog Services - 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June Says:
    July 2nd, 2009 at 12:36 am

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  13. FreeDownloadSecrets.com » Blog Archive » 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June Says:
    July 2nd, 2009 at 1:15 am

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  14. 60+ ?????????? ????? ? ??????? ?? ??? ????????? Says:
    July 2nd, 2009 at 9:07 am

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  15. OmniDownloads | 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June Says:
    July 2nd, 2009 at 11:19 pm

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  16. Web ??????????????? | ???????... Says:
    July 4th, 2009 at 5:15 am

    [...] ?????http://www.tripwiremagazine.com/tools/design/40-must-have-cheat-sheets-for-effective-web-designers.h… ?????COMSHARP CMS ???? [...]

  17. Web ??????????????? - ZiY Warez Forum Says:
    July 4th, 2009 at 6:12 am

    [...] PDF ??? Web ??????????????? ?????http://www.tripwiremagazine.com/tool…designers.html ?????COMSHARP CMS ???? ___ Xiao_T ??? ________________________ [...]

  18. Web ??????????????? « ???? Says:
    July 4th, 2009 at 7:07 am

    [...] ?????http://www.tripwiremagazine.com/tools/design/40-must-have-cheat-sheets-for-effective-web-designers.h… ?????COMSHARP CMS ???? 0 ??? [...]

  19. 60+ Incredible Tutorials And Resources Collections For Designers To Discover The Best Of The Web In June | Desinine Says:
    July 4th, 2009 at 7:04 pm

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  20. Web ??????????????? Says:
    July 6th, 2009 at 3:32 am

    [...] ?????http://www.tripwiremagazine.com/tools/design/40-must-have-cheat-sheets-for-effective-web-designers.h… [...]

  21. Royal Citrus Clifford.com Says:
    July 8th, 2009 at 8:47 pm

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  22. days of linnchord » Blog Archive » Web ???????????? Says:
    July 21st, 2009 at 11:12 am

    [...] ???http://www.tripwiremagazine.com/tools/design/40-must-have-cheat-sheets-for-effective-web-designers.h… ???COMSHARP CMS posted by linnchord filed in ?? no comments » [...]

  23. Twitter Trackbacks for 40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine [tripwiremagazine.com] on Topsy.com Says:
    August 30th, 2009 at 11:14 am

    [...] 40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine http://www.tripwiremagazine.com/tools/design/40-must-have-cheat-sheets-for-effective-web-designers.html – view page – cached Quantcast #RSS 2.0 tripwire magazine » 40 Must Have Cheat Sheets for effective Web Designers Comments Feed tripwire magazine Auto-Twitter your Blog Posts with Twitterfeed [User Link:Open Source Resources] [User Link:Tileable Grungy Flowers Photoshop Patterns & Seamless Textures] NextGEN Gallery RSS Feed — From the page [...]

  24. 40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine Says:
    September 5th, 2009 at 11:50 pm

    [...] Read this article: 40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine [...]

  25. Web???????????????40 | yuxu's notebook Says:
    September 6th, 2009 at 1:28 am

    [...] magazine?40 Must Have Cheat Sheets for effective Web Designers?????Web???????????????40?????????? [...]

  26. 40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine Says:
    September 6th, 2009 at 11:41 pm

    [...] Here is the original post: 40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine [...]

  27. 40 Must Have Cheat Sheets for effective … « Leftfield1’s Weblog Says:
    September 7th, 2009 at 12:32 am

    [...] http://www.tripwiremagazine.com/tools/design/40-must-have-cheat-sheets-for-effective-web-designers.h...   [...]

  28. CSS Brigit | 40 Must Have Cheat Sheets for effective Web Designers Says:
    September 7th, 2009 at 9:56 pm

    40 Must Have Cheat Sheets for effective Web Designers…

    This article will cover the elements you need to get work done more effectively as a web developer (ex. working in photoshop, Illustrator etc.)

    …

  29. links for 2009-09-07 « toonz Says:
    September 8th, 2009 at 1:09 am

    [...] 40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine (tags: photoshop ajax illustrator cheatsheet) [...]

  30. uberVU - social comments Says:
    January 19th, 2010 at 11:14 am

    Social comments and analytics for this post…

    This post was mentioned on Twitter by shantic: 40 Must Have Cheat Sheets for effective #Web #Designers http://uuc.me/l3...

  31. ?????????? : SS labs | SS labs Says:
    February 2nd, 2010 at 8:20 am

    [...] 40 Must Have Cheat Sheets for effective Web Designers [...]

  32. 40 Must Have Cheat Sheets for effective Web Designers | tripwire magazine | [codepotato] Says:
    February 26th, 2010 at 2:44 pm

    [...] Posted by Gareth on Feb 26, 2010 in Blog0 comments http://www.tripwiremagazine.com/2009/06/40-must-have-cheat-sheets-for-effective-web-designers.html [...]

Leave a Reply