Announcement Announcement Module
Collapse
No announcement yet.
Good tutorials to begin web design (graphic part) Page Title Module
Move Remove Collapse
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Good tutorials to begin web design (graphic part)

    #1
    What should I do to become a better graphic designer for the web?
    I have a strong understanding of web technologies. Have worked full time as a php developer for 2 years, but it's not my thing. Now I am working on the frontend stuff. I am really good at css, html, and javascript. I do convert psd to html. Another guy does the psd, because I am not as good at it. I know how to use photoshop by the way. I just cant create besutiful modern stuff with it.

    Any help would be greatly appreciated.

  • #2
    Hi Klevis miho and welcome to GDF.

    We ask all new members to read the threads posted HERE and HERE. They explain how the forum runs, the rules, frequently discussed topics and our inside jokes.

    To understand basic design theory, I would look up books on typography, colour theory, composition and design history as well as browsing current design magazines. Look at everything around you with a critical design eye and for a newcomer in design, I would refrain from being decorative. Let form follow function first.

    Comment


    • #3
      What's your level of knowledge in design? Education, books, experience etc.

      Comment


      • #4
        I have never done a full graphic design (logo, web etc).
        I have read a lot on typography, color theory etc, but just theory.

        Comment


        • #5
          Originally posted by Klevis miho View Post
          What should I do to become a better graphic designer for the web?
          I have a strong understanding of web technologies. Have worked full time as a php developer for 2 years, but it's not my thing. Now I am working on the frontend stuff. I am really good at css, html, and javascript. I do convert psd to html. Another guy does the psd, because I am not as good at it. I know how to use photoshop by the way. I just cant create besutiful modern stuff with it.

          Any help would be greatly appreciated.
          Hey Klevis!

          I found myself looking for the same thing (Good tutorials to help with being a Graphic Designer) and was finding no luck with free help. I would find a few here, and a few there, but never a large enough library.

          So I put my own together! I started a Student Graphic Design site called Pinnkk Design. It's a completely free community for designers to become better at what they do. You seem like you could use that!

          If you go to my website, you can click on the FREE TUTORIALS link at the top, and this will take you to a large selection of free tutorials to get you started.

          My website is *sorry, no free advertising*. Great thing about what I do, is I am here to help you if you have any problems. Can't figure out something related to design? I help for free. Just send me an email anytime or use my Contact Us page to ask your question.

          I hope you find lots of help and good luck!

          P.S. I've been looking for someone with knowledge in PHP because that is where I struggle. Maybe we can train each other? I am trying to build a new site (Feature enhanced) but need some help!

          Regards,
          Crystal
          Last edited by Virgo Nightingale; 11-01-2012, 06:22 PM.

          Comment


          • #6
            Thanks CrystalW, but I cannot see your site due to spam protection.

            Comment


            • #7
              Originally posted by Klevis miho View Post
              Thanks CrystalW, but I cannot see your site due to spam protection.
              Oops, didn't realize that. I'm sorry. It is *no free advertising*. I'm not trying to advertise anything so hopefully I won't get in trouble for that. I really hope you find some good help there!
              Last edited by KitchWitch; 11-04-2012, 03:45 PM. Reason: alter text

              Comment


              • #8
                Here's some advice. Practice. That worked for me.

                Comment


                • #9
                  Web Design Web Design type posts here

                  Thanks for sharing a great tips..

                  *Link Removed*
                  Last edited by Virgo Nightingale; 11-27-2012, 08:36 PM.

                  Comment


                  • #10
                    Welcome ashleywagar! I had to remove your link as advertising one's services is strictly prohibited.

                    We ask all new members to please have a read through these important threads with our rules and FAQs so they know a bit about how this place works.

                    Comment


                    • #11
                      Unfortunately there is no one way to design for the webs. Each web design should fit the client and content needs.

                      Some basics you need to research, which are very similar/the same as any graphic design.

                      1) Hierarchy = The abilty to draw the reader's eye along a path of importance in a graphic design. Think of a newspaper, there is the top header, then headings, sub-headings, and text, and intermixed with photos or graphics. Same concept for a web design. What is most important?

                      Visualizing hierarchy can be done by size or by color.

                      2) Placement of content. In today's world less is more. Think of driving down a freeway and you only have a second or two to impact a message to the driver. Have a clear visual impact on the front page, then if you need to have text or other content to support it, link to the next page.

                      3) Classic design vs trends - most clients sites have a lifespan of about 3 years. If you design on trends only, you quickly put your client site as dated. However, you are going to have that client / site that needs to be trendy to reach the viable market. So you do need to learn on when and where to use different design methods.

                      4) Color theory is good = color theory in regards to monitor and site use is even better. There is a slight shift in how color is used on websites vs print. In print you may want to use a bold red to have visual impact to a buyer - and in the real world this can be very successful. In the net world using a bold red can be a direct deterrent for people staying on your site. You need to learn what colors are eye friendly and stress free when it comes to graphics on screens. Hello retina burn.

                      4) Typography = Serif vs sans, use of creative fonts, when to use graphics, when to use webfonts, how to make the sites accessible, points vs px vs em. Luckily developments in the past couple years have enabled web site designers to use webfonts such as found at google fonts. Now the challenge is how those degraded gracefully to different monitors resolutions or languages changes (which typically disregard webfonts). Learn why it is important to use em effectively in laying out your text.

                      5) CSS matters: CSS can make or break a design in a site. You want to retain as much words as possible. So even if you are making graphic banners for the front page of your site, you want to have titles, and or words appear in subtext. Also good for usability. Example would be using a graphic with text, but bounce the text outside of viewable area buy using text-indent.

                      6) CSS + Javascript (ajax, jquery, mootools, prototype, etc) is becoming a near requirement in customer usability. How forms are filled out, how they look to the customer, what auto-responses look and function like checking to see if a login name is used.

                      7) Wireframes = these are static and maybe not even graphical representation of content and website layout. Look it up. Lots of info on the web for it.

                      This is really just the tip of what you need to know about how to design for the web. It's not just making graphics, it is really about how the consumer interacts on your site. When a button is pushed, where does it go, how does it look, how easy is it to use, is it accessible, what content displays, is it interactive or informational? For every button/link there has to be a visual display. For a full website that could mean thousands or tens of thousands interactions and visual decisions backed by thousands of lines of code (css, html and php).

                      Using photoshop to design a website is less than 10% of the overall design. I personally use SmartDraw for wireframing and mindmaps before designing the actual website.

                      Comment


                      • #12
                        Its easy if you love to do it

                        Graphics designing is not as tough as some people think. Its all about the hard work you put in while in the learning phase. Once you are done with it, you will shine like a sun. And as far as learning is concerned, I would like you to consider getting an associate degree or a bachelor degree in designing. However, you can also opt for a local institute running near to your home. But if it comes to learning it online for free, I would suggest you to give http://psd.tutsplus.com/, http://photoshoptutorials.ws/categor...-tutorials/and http://vector.tutsplus.com/
                        Last edited by PanToshi; 12-14-2012, 07:40 AM.

                        Comment

                        Google search Google search Module
                        Collapse
                        Latest Topics Latest Topics Module
                        Collapse
                        All Creative World Network All Creative World Network Module
                        Collapse
                         
                        home | site map | advertising/sponsorships | about us | careers | contact us | help courses | browse jobs | freelancers | events | forums | content | member benefits | reprints & permissions about | terms of use | privacy policy | Copyright © 2013 Mediabistro Inc. Mediabistro Inc. call (212) 389-2000 or email us
                        Working...
                        X