Introduction to Webdesign

You’d like to invest yourself in Webdesign skills?

Here are some ideas to avoid committing common mistakes.

The goal of this article is to give advices to those who may feel lost in what we may call "the web creation processus". I also give my opinions about webdesign.

If you think I’m wrong, on any point discuted in this article, I’d be glad to read your opinion in comments, and discuss about it. What I say is not about established "facts", or the only one truth in this world about webdesign; I only say what I think about it, and god knows I may not be right

What’s your target?

When you design a web template, you should always know where you’re going. Keep in mind what should be the final result of your work, and how it’s going to work for real.

Before starting to work on your concept, be sure to have the most information you can have about it. Tastes of the customer and what how he sees the project, of course, but also a detailed plan of website’s structure, which technologies are going to be used (flash, html, javascript, CMS, etc.), and necessary functionalities.

Webdesign has nothing to do with Web development, languages, will you tell me? Quite the contrary, you’ll design a template in a whole different way if you know all technic details of a project. You’ll certainly work better if you really know what’s going to be the final appearance of the website, not only a bunch of layers in Photoshop. Webdesign is more than that, it’s all about interactivity!

Some people would probably start designing a template on Photoshop, and then having a look to site’s structure and content, etc.

It’s, in my opinion, a big mistake; design must be accomplished after having had a deep look on lots of these questions. Webdesign is not only about esthethics, it’s also about the website in its whole idea, from the beginning to the end, including all facets of ergonomics, information structure, etc.


Never value an effect, a filter, etc., over ergonomics. Ergonomics is extremly important, always think about it when you’re creating a design. At any step of development, put yourself into a visitor’s shoes, never ignore ergonomic deficiency by lazyness.

Flexibility of the layout

Some designers, when they’re creating a website, completely forget about the use of their layout design in real life. They won’t have necessary thought about its flexibility. Here is a typical example :

If a template is designed in a Photoshop file 1000px large, what will happen if you’re having a look to this "future" website on a giant screen? or a very small one? Did you think about it? Your design will be very different, depending on which background is used beyond layout zone. Is the website centered, aligned to left, aligned to right ? etc.

Use of web typography

The main tool of Web is text. For instance, don’t design a menu made of images, if the font you used is called Arial, black on white! To play with real text and good CSS could lead you to a very different and much better solution. The text will always be readable no matter what the browser and the platform of visitor are. It’s pretty nice for SEO, it’s natural and it’s downloaded within a split second.

Web typography is beautiful and wise, because easy to use. To decide using a menu made of images, the use should be justified and the font should’nt be a Web font.

Web is not print

Old generations still think that Web is the same as print media… that’s a enormous mistake; Web allows you to live a wonderful experience, because it’s an application, interacting with a user, himself being somewhere in its own different environment.

it’s possible to adapt print media to Web, but you must take the time to do it. To adapt doesn’t mean to copy and paste.

Animated stuff : Flash

Really a lot of people think animated stuff is incredibly sexy. Beside that, a normal HTML website looks dead, boring. Lots of proof are there to proove that animated elements are often distracting the user during his user experience. Sometimes, it’s really getting on their nerves (loops, music), especially when they come back a second, a third, a 20th time on the website. The best example for that is Flash intros, what a pain in the ass!

Always ask yourself if Flash is really needed on your website. Flash must not be decorative, it must bring a big user experience advantage, that justifies all its inconvenients. If you use Flash to do something you could do with HTML + Javascript, it’s suicide.

Flash isn’t pretty SEO-friendly. Google is now able to read text in Flash files, but cannot if there are dynamic imports, and there are some other problems like that… It’s possible to simulate HTML pages with Flash, but still there, that much trouble must be justified by very good reasons!

Do you agree with things discuted in this article? What’s your opinion?

Get inspiration everyday

Like everything, you will not reinvent the wheel. Lots of directories are dedicated to nice CSS websites and nice Flash websites. Could be a good idea to have a look on a regular basis, to see what are last fashions, it’s not evil.

Here is list of CSS galleries :

Note : it is a RSS feed, so it keeps updating alone.

Ce message est également disponible en : French

3 thoughts on “Introduction to Webdesign

  1. juday

    I have always wanted to start doing web designing. Thanks for these reminders. Yes! In everything there should be a plan,a goal to where you wanna go or what you wanna achieve …

  2. Michael Kors Outlet Online

    What’s up, I have to appreciate a new autor to the web property. Practically all is clear together with worthwhile. The look may well also be impressive for my part. Do you please be sure to phon my vision currently format you take advantage of? thank-you ever again and so proceed with the truly amazing employment.

  3. Danielscoca

    ?How Significantly Does It Fee to Make an iOS/Android Application
    When there is certainly a customer over the horizon, the question «how a great deal does it expenses to make an apple iphone / iPad application or Android application?» is sure to come up with the forefront. But the answer would at least need to get a rough estimate in the mission.
    Imagine you intend to make repairment with your flat and ask the repairmen how a great deal. Until they take a glimpse at your dwelling to identify the scope of perform I bet they won’t be willing to send you the exact bill.
    Without an estimate or just a brief seem at, it makes it hard to imagine how a variety of hours an iOS or an Android developer would need to get to spend. Our previous article «how a lot of does it fee to grow an application » gives a fuller in addition to a considerably more general picture of application advancement expense and what it relies upon on.
    Should you wonder about application style and design, check our article that gives the answer to «how significantly does it value to pattern an application ».
    In this particular article we decided to focus far more about the actual apple iphone, iPad and Android applications growth prices and whether there may be any difference among iOS and Android platforms in terms of time and money.
    apple iphone and Android application progress costs close to the world
    When people think about cell application progression in terms of superior and costs, a person of those items usually carries a bigger weight of priority compared to the opposite one particular. If we follow a well-known way of thinking, a decision-making routine about which cellular application improvement specialist to turn to somehow leads to the map.
    We typically distinguish the following countries: the USA, the UK, India and Ukraine. It should be noted that the only thing we’d like to compare in this article is pricing. As with the superior for the progress products being provided in those countries, we wouldn’t like to judge anything unless it refers to our possess products. Simply mainly because stereotypes do not always perform and in a very nutshell — it is dependent.
    — The US also, the UK -based cellular application advancement establishments will deliver an apple iphone application for as considerably as $10k-$50k on average and up to $80k for a databases complex business software. You know what? Applications like Twitterrific. taxi application progress like Uber and other great close apple iphone or Android programs produced inside the states require $200k+ out of your wallet;
    — In Ukraine the average hourly rate is typically 3 times less than that during the US and therefore your apple iphone application total price will differ significantly. The same goes for Android application advancement amount;
    — India is popular for really decreased prices on application progress. For example, you’ll discover a freelance iOS developer for $10 an hour.
    Now when you may be thinking whether a cell application is actually worth all that money and what this world is all about, we will carry on speaking about size philosophy.
    How a whole lot does it amount to produce an apple iphone, iPad, or Android application?
    The size belonging to the venture has a defining value providing the rate and also time are tied together in a single bundle. Usually by size we mean operation or app’s small business logic. Besides, application advancement might probably surely include:
    style with animation
    unique customized solutions that require technical research
    unexpected outcomes and changes that application enhancement plan will doubtless be experiencing along the way.
    According to our most frequent projects estimates:
    a simple and easy apple iphone / Android application with primary performance usually takes up to two months to produce and demands about $5k-$10k
    a a good deal more complex application that would want even more than two months of progress will finish up costing you about $12k-$24k
    a significant complexity iPad, apple iphone or Android applications with extensive databases (by the way we could also present a backend developer), company stage or brand can last for a lot more than 6 months and require accordingly $30k-$50k.
    Typically the very first application to build has got to be for apple iphone. Android comes next
    With growth and progression of Android procedure program and quick proliferation of Android units all over the world, this market is becoming alot more attractive for builders. From our practical knowledge, patrons even now tend to opt for iOS application enhancement earliest. However, the next step bound to be taken is searching for market opportunities on Google Participate in.
    The obvious reason for choosing apple iphone / iPad application progress to start with is always that Apple Application Retail store makes alot more money for a developer than Google Participate in. Just merely because apple iphone buyers feel to be much more willing to spend money on applications rather than the owners of Android units, it doesn’t mean that this will show results at the same time for your personal particular idea.
    Does Android application advancement price differ from the price of applications created on iOS system?
    The truth about applications manufacturing is Android application progress price tag equals apple iphone application enhancement price tag. The only thing worth mentioning during this relation is the fact that an assortment of Android units and sizes of screens makes Android enhancement environment harder to operate in and, therefore, might probably take a bit longer to create for.
    With the stage of Android venture estimate, we inquire what units and OS should the Android application assistance. If there may be a have to have to grow an application for your more mature versions of Android procedure solution also as iOS, the price within the whole assignment will obviously be higher.
    To conclude the whole significance of this «how very much does it cost» article, my point is always that it is easy to compare the average prices forever, but your particular iOS or Android application must pass the estimate earliest and only after that you choose to will get the understanding of how significantly and what for.

Leave a Reply

Your email address will not be published. Required fields are marked *