How do I get started in graphics design side of web design?
-
In past years I have learned the most important languages for web development (CSS, HTML, JS, PHP) and I can create good-structured sites. But an important part of web design is the images used for buttons, backgrounds, text, gradients... Also the main logo is a very important element in the layout of a website. However, I dont know how to get started in that side of web design for developing good looking websites. What tools should use for that purposes? Do you know good guides? I have read one books and some guides about photoshop, but they are about graphics design in general and I am looking for a guide/books focused on web graphic design and also (if posible), focused on how to place these images correctly using css and xhtml. PD: Sorry for the bad English. Thanks!
-
Answer:
I'm certainly no pro, and probably not even very good myself, but I think one good way is to just do it. The more you practice, the more you learn and improve, and your designs will get better and better. As you are building sites, you'll run into "problems" which you can then find answers to on the internet or on sites like stack overflow. It's also useful to look at designs from other sites and try to see how they did it. In terms of tools, you probably don't need anything really fancy to get started. I mostly only use http://www.getpaint.net/ and http://www.inkscape.org/. I try to use few images if I can.
NeDark at Stack Overflow Visit the source
Other answers
Here is the web designing tutorials. http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photoshop-tutorial/ http://www.pegaweb.com/ http://www.webdevtuts.net/ http://www.webdesign.org/photoshop/tutorials/page-1.html http://sixrevisions.com/photoshop/25-photoshop-tutorials-for-web-designers/ http://www.webdevtuts.net/coding/css/blue-print-layout-converting-a-psd-to-html-tutorial/
Siddiqui
Ever since I started learning web design & development what I find most effective for learning is looking at other web sites. In looking at other web sites it is advisable to look at examples of both good and bad design, just so you're aware of the difference. Learning by example is, for me, the best way to learn because you really see how design concepts and ideas are applied. When you finally have an idea on the look and feel that you want to apply to your web site then you can start researching on the technicalities of creating them (e.g. Google 'how to paint shop pro web 2.0-style buttons' or 'how to photoshop gradient web buttons'). It's really up to you on which tool you want to use because it depends on what you're comfortable with using. An upside of using Photoshop, I think, is that there are a lot of tutorials that you can just Google for online. I recommend going to http://www.alistapart.com/ for guides, articles & tutorials on web design.
Stellaire
believing that knowing how to use photoshop is enough to tell people you can design websites is wrong. Tools can definitely make the difference but that doesn't replace a person's real talent and skill that gives the design a unique edge. my 2 cents.
Martin Ongtangco
You can follow the approch like create a template using Photoshop or Gimph. If you are creating a site for client create a 2-3 templates with different layouts and show them to client. If they are good and approved, create a HTML templates for those and after that embed server side. After a practice can design a better site.
jaxb
Related Q & A:
- How Can I Get Started As A Freelance Web Developer?Best solution by code.tutsplus.com
- How can I get started with WSO2?Best solution by Stack Overflow
- How can I get started in Rally racing?Best solution by Yahoo! Answers
- How do I get started on my xbox 360?Best solution by Answerbag.com
- How do I get started Dirt Biking?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.