What Is The Best Way To Learn Web Design?

[jori 0]

I need to find a good way to practice web designing.I already know the basics of HTML and CSS, but I need some guidance to kick off the practices.You know, ACTUALLY practice and make designs.If you could help me out great.Also, if you could point out some of the great but related posts in this forum, that'll be super.Thank you in advance!- Jori

[darko100 1]

Just never hear the people who say that you should try W3Schools. That website is a total mess of lame information , from where you will learn how to code , but understand it totally not as you should.For the coding , i would suggest you , W3FOOLS.com A good place to see what's correct and to code the right way. As a developer , W3schools lied me i should use setTimeOut with a string - and it losed me hours and hours to get working with it - now i hate it. So learn HTML/CSS.For design , download Photoshop , use tutorials , complete them , watch videos and you will see how all it works. You will learn new effects, modern things , rotations , animations etc. For creativity , there is a quote , good designers see , best designers copy. Get inspiration from other sites and see what's trending , what layouts are best etc. etc. More you work , more you will see when you need patterns , when shadows , when to be minimal , when to include artistic typography.That's all UI/UX. After all , you will need to combine the both skills , which is the hardest. Because if you watch a tutorial how to create a 3-column layout you will learn something , but adding another element , like a Photoshop frame or something will make the website layouting much different. You will need to experiment with floatings , percents , display:inline , margin:auto etc. etc.To combine , search on net for tutorials "How to code a Photoshop website" and lets hope you will do it. Just crop elements and add them on HTML and style them.

[web_designer 7]

the best way to learn designing tricks and secrets is by using tutorials and walk with them step by step. this way you will make the lyouts and after that you can edit them as you want. the main tools you may want to start with are: adobe photoshop, an editor, you can use any editor that supports css, html and php oe any other language you may want to use in your websites. personally i am using adobe dreamweaver, a basic knowledge about testing your pages locally.and if you dont want to use an extra language like php and stick with html and css, then the easiest way is to learn create designs using dobe photoshop, and you cn convert it to a web page in a few simple step. when you finish the layout, click onfile >save for web and devices > click on the small arrow near preset then choose "edit output setting > from the second drop down list (where html ppers) choose slices and make sure "generates css is selected > ok > save > a box will appear (save optimized as) make sure to choose from (save as type) this option "html and images. and now you will get an html web page integrated with css of your photoshop layout. but even this way is easy but not professional and i suggest you to use it to kow more about how things are going but i prefer to make slices myself nd coding them in to web pages.good luck.