Hey guys, in accordance to the recent blog posts, we decided to dedicate Wednesday to all things related to the web in design, apps, etc.
One of the most vital components of web design is the logo. It is the focus of your brand, and is essential for letting your site be known. It is a symbol for what the website is about, in a nutshell. The logo is the center of your site, everything must revolve around it, and as such, I thought it was necessary to begin with: The Logo.
The first thing you need to do is to sit down with your client and collect all the initial requirements of the company. You can collect the information through a personal interview, or through a questionnaire asking the client to give you all their requirements.
Do a Research:
The next step you need to do is to conduct a research on the industry that your company falls in. It will help you assess the logo design trends in the industry and help analyze how the competitive firms are using their logos. Moreover, you need research for inspiration as well.
Make a Sketch:
After conduction a thorough research and background analysis of the firm and the industry, you need to sit down, take a paper pencil and start drawing a rough sketch of whatever comes in your mind. This part of logo designing involves a lot of brainstorming and reruns. It is easier to correct your mistakes on paper rather than on the PC.
Digitize your sketch:
Once you’re done with a final sketch, covert it into digital image for the output version. You will notice how much the handy sketches help you in your design process. The computer version will bring in neatness and precision to the logo design.
Finalize the logo:
The last step is to finalize the logo with your client. You may have to go through countless reruns of the logo design, but it is better to satisfy the customer rather than lose him. Once your client is satisfied, all you need to do is arrange the files in all file formats and send him over and enjoy your hard earned remuneration.
As a bonus, I have also included samples of some inspiring logos:
A great jQuery form plugin for any level of form development. It features real-time validation, custom input fields, adaptability, and even third party support. I recommend checking this out if you do any kind of form development - even a simple contact form.
This is a neat tutorial to give you some interesting borders to push menus. I've been looking into designing sites that utilize push menus over the traditional bar menu, but most clients are still stuck in the 2000's when it comes to web design. But alas, I'm sure I'll be able to give these a try someday. Number 3 in the demo is my favorite.
Very useful tool if you ever wants to get into the parallax universe. The capabilities for mobile devices are growing so rapidly and they can now do some pretty amazing things. Check out this site on your iPad.
Sep 19, 13 at 10:00pm
The UIBox is extremely useful. I actually bookmarked it. Shows you tutorials and amazing detailed examples. Thanks for the share, Arch.
Sep 04, 13 at 10:53pm
APROPOS Another great responsive capability to utilize is with the images. This Compass extension lets you set up your variants, which could represent different sizes, resolutions, or localizations of an image, and then you define extra file extensions which map to those. The downside to this is that it's only usable with Compass, so if you don't code in Sass (like me) then it's really no use to you.
Aug 28, 13 at 6:25pm
Really? I like the courses - well the programming ones anyway... The webs ones can be a little dry.
Aug 28, 13 at 3:21pm
Ecto, you linked the subtle patterns not too long ago, no?
Still a bit foreign to me. I actually started to take the online course on http://teamtreehouse.com/ Very helpful, but honestly, bored out of my mind.