![]() ![]() ![]() ![]() First thing is to open your favourite showcase galleries, and google keywords related to the work you are looking for. Now that you know how I organize my folder structure, you can see that I have a folder called “Ref”, which is where I store all the references I like and consider important for the project I’m currently working on. However, since this is a practical article, the goal is to give you work methods and not theoretical points, so let’s get started. Inspiration is mandatory and a key factor for every project, no matter of what nature. Ref – I always like to have a “Ref” folder, which I use to store Image prints of web sites that will later be used for inspiration and brain storming.ĭata – I use this folder to store documents, old logos or other files that will be needed for the project, usually the ones provided by the client. It will contain all PSD files of your project.ĪI – Same thing as “PSD” folder but for Illustrator files. It contains assets folder described below and HTML/PHP files, or other type of files depending on the language it is being used.Īssets – Contains “css” folder for stylesheets, “js” for JavaScript files, “imgs” for images, “classes” is used usually for PHP classes, “includes” for some other PHP files, and “fonts” are used for purposes. Site – Everything related to the web site implementation. I like to have my folders named correctly and everything separated. Having a nice and organized folder structure, and getting used to it in every project can really speed up your work flow, you also receive positive points if you start working with a team, and it keeps your sanity intact. So you have 150 projects on your hard drive, and most of them have a folder structure that you decided to use according to your mood, so some have PSD files mixed with AI files, and you have 3 CSS folders named “CSS_old”.It will take some time to organize, now that some of those clients are interested in a redesign process. Those articles (which I recommend reading) can give you a good understanding of this matter and they are usually very theoretical, which is not the purpose of this article.ĭo you ever felt curious about how other designers build their web sites? How do they organize things while working? What tools do they use beside Photoshop?Įvery professional designer or developer work in different ways, however, the goal is to give you good insights about how you can prepare and deal with some practical aspects of a web design project. There are great articles out there explaining theory aspects of a web design process, stages, and how you should proceed. In order to proceed to the research phase, you need to gather information and know what the project is about, which technology is required, the target audience, goals, content, etc. There are several stages during the process of a web design project, and every stage is important to achieve a positive end result. ![]()
0 Comments
Leave a Reply. |