Leave a comment

Mockvault

I found this great resource that will help you with your clients when it comes to show a work in progress. This app will present a mock of a design to your clients, they will have the opportunity to view it before and make corrections or changes.

There is a charge involved, they also have a 14 days trial free.

Mockvault is an app which allows you to upload your designs and mockups to show your client for their approval. It allows them to comment on certain sections of the design and you can add annotations. There is also a button which allows the client to approve the design and is a great way of speeding up the design approval process.

It is available for a free 14 day trial online and then there are various levels of paid subscription.

See it here.

Resource: http://www.mockvault.com/

Advertisements
Leave a comment

Top 10 Reasons Why Web Projects Fail – Reason 10


This article is emphasizing ones again, the fact that we as Web Designers always have to follow a client’s decision when it comes to colors, layout etc.

Perfection in Simplicity (www.intelex.ca)
Perfection in Simplicity (www.intelex.ca)
2012-05-02 14:19:38 – And finally we moved on to the last but not least reason why webprojects fail. This reason together with 9 previous ones will help you avoid the most serious mistakes when developing a site.Reason #10: Bad personal Taste and Judgment

Owner’s personal taste is one of the most delicate aspects of web design that was intentionally left to be the last but definitely not the least. All the website owners want the best for their websites and their online businesses. They are using all their passion, creativity, experience to help the designers build the best website possible. They are sincere in their aspiration but sometimes in the effort to do something extraordinary or extravagant they tend to go overboard or a bit of sideways.

Since they are customers they are able to make web designers do whatever they wish because the designers are getting paid for it. However, a good web designer will always tell

client if he/she requests something that is not appropriate for the project. Not all, but most of the designers will tell clients that those are not right. The virtue is to have the strength to revisit your vision or taste and look at it from a neutral position.How to fail

The best way to fail in this case is not to listen to anyone (designers, friends, etc.) and do what seems “cool”, or “nice”, or “good”. It is client’s site and he can do whatever he wants because he pays for this.

Who cares what others think about it, as long as website owner likes it, everyone should like it too.

How to succeed

In order to succeed website owners have to remember that the site is built not for them but for the potential clients. Website success depends on the factor whether visitors like it. In order to assure this it is prudent to listen to professional designers because they have built way more sites than their clients. It also pays to listen to friends, relatives etc. In most cases, not always, but mostly, collective wisdom will be a better measure than a single individual’s. But of course there are exceptions to this rule, and there are individuals who can foresee what others can’t.

These 10 points were written with the aim to help future website owners survive in this competitive environment and avoid certain mistakes which not only take too much time to settle but of course extra expenses. Why repeat someone’s mistakes when it is much easier to leave them aside

Source: http://www.pr-inside.com/top-10-reasons-why-web-projects-r3162264.htm
Leave a comment

Ingrid

Another resource for creative minds.

Ingrid is a fluid, lightweight CSS layout system that makes it easier to design re-flowing responsive layouts. It’s extendable and easy to implement, and doesn’t get in the way of your creativity.

Leave a comment

What is new for designers

I just found this great resource for designers. It is very practical and free.

Entypo

Entypo is a set of more than a hundred pictograms, available as an OpenType font, a web font, and vector EPS. It’s Creative Commons Attribution-Share Alike licensed, so you can use it on personal and commercial projects.

Leave a comment

Colors and Shapes

The following article explains the impact on colors and shapes when it comes to web design.  It give us a good idea what are the the meaning of the these particular subjects.

Colors

Colours can set a tone for a business. If you provide a daycare service, having dark drab walls does not advertise an inviting environment for children. However, bright colours would not be appropriate for a funeral home. This same principle would hold for a website. It should be cautioned, though, that too many muted colours could cause boredom in the visitors, while too many bold colours can overwhelm the visitors.

The Famous 4th Street Cookie Company

Choose the Feng Shui colours that will compliment the product or service on the website, as well as compliment each other. Colours in Feng Shui are based on the five elements recognized by Chinese culture: Earth, Fire, Metal, Water, and Wood.

  • Earth – If your goal is to provide a look of stability or to nourish visitors either in mind or body, then light yellow, beige, and/or various earthy colours should be used.
  • Fire – If you want to convey high energy and passion, then use red, orange, purple, pink, or a strongyellow.
  • Metal – If you provide a service that is best known to be clear and precise in its practice, then choosing grey or white for the website is ideal. However, too much white space does not give good Qi. Remember, Feng Shui is a delicate balance.
  • Water – Water is life, and colours like blue and black provide a sense of calmness, purity, and abundance.
  • Wood – Green and brown give the sense of health and vitality that living trees embody.

Shapes

Feng shui uses the shapes according to the Chinese elements, also, so it is important to pay attention to them. Earth is represented in square, fire is the triangle, metal is identified as round, water with waves, and wood is the rectangle.

Yuna

However, it is not necessary to include every shape on a webpage to achieve harmony and balance. Mixing too many different shapes can also throw off the Qi.

source:

http://www.onextrapixel.com/2011/08/23/adopting-feng-shui-in-web-design/

 

Leave a comment

What’s new for designers, March 2012

I just found this amazing tool call Zoomooz. This tool will allow you to zoom any element on your website.

Zoomooz

Zoomooz is a jQuery plugin for making any element on your website zoomable. It’s supported by all modern browsers and has detailed settings options.

Leave a comment

10 Ideas for Creating Innovative and Unique Web Designs

As technology innovates everyday, we as Web Designers have to keep our eyes open to the new trends in this industry. The following article shows some cool web-designs.

Bluehost Reseller Program

 

10 Ideas for Creating Innovative and Unique Web Designs

I am a big fan of Twitter. I consider it the one tool that helped me develop from a person who simply knew how to make websites to a web designer because the exposure to fantastic designers, tutorials, recommended readings, and impressive examples helped me build my design toolset and grow my abilities on both a technical and creative level.

So whenever someone asks my advice on how to become a better designer, things such as social networks (like Twitter and Facebook), design galleries and RSS feedsare at the top of my list of things that you should be using to learn and improve.

 

With that said, I think it is important that we take all of these things in moderation and limit our consumption of design tutorials and sources of “inspiration”. While all of this is a great method for keeping up with the design community and making sure you’re using the latest and greatest methods and standards, I find it a poor formula for sparking true creativity and innovation.

I find an increasing discomfort with the idea of starting a project — be it a personal or professional one — by looking at what other designers have done. Looking at how your problem has been solved before in order to come up with a solution is probably a good idea, but here is the problem, though: we aren’t mathematicians, we are called upon as a source of creativity and asked to produce beautiful and unique experiences.

I believe that most designers do strive to be unique individuals. I believe we always attempt to produce new and exciting results to share with this great community. If this is truly the goal, then we mustn’t be afraid to produce bad results. By bad results, I mean terrible, terrible, awful web designs that should never see the light of day. In order to learn, grow, and innovate, we mustn’t be afraid to fail often and fail early.

There are a few things you can do to help you reach this place of experimentation and out-of-the-box thinking; this article shares a few of them.

1. Start with a Blank Canvas

Starting with another design or any portion of work that you have done before is a great way to save time on a project. In reality, a lot of unused design work can be reworked and recycled into new projects, increasing your productivity. This is a practice I encourage as it saves a huge amount of time and pulls what might have been a great idea that didn’t click on a previous project out of the trash bin. But this is not a great way to come up with that cool new design that is going to set the world on fire.

Start with a blank canvas. Don’t even set the background color to white (which is the default in many popular web design graphic editors such as Photoshop); you may not know if that’s the color you want to go with yet. Try not to restrain yourself to starting at the top of the page layout (the header) or starting with a wireframe layout (if you already don’t use this process). Have a great idea for how navigation might work? Found sudden inspiration for a fantastic way to display page or post titles?

Starting with the details can be the opposite of a normal workflow because we typically start from big to small (i.e., layout structure and then content). However, this is a great way to get the creative juices flowing.

OwaikeOWho says a web layout needs to be constricted to 4 straight-edged sides? OwaikeO, a Kuwaiti graphic designer, uses an illustrative layout with an expressive perimeter for its content area.

You may be surprised by how well working on a small detail can spark new thoughts in your brain about different areas of the site (which Sacha Greif advises to try out as well on his article on busting through web designer’s block).

Before you know it, you will be skipping around your canvas trying to keep up with the great ideas bouncing around.

2. Think Outside the Box; Don’t Use a Pre-Described Layout

Grid systems such as the 960 Grid System are wonderful for displaying web content, not only because they are easy to set up and because they increase your efficiency in deploying and maintaining website projects, but also because they improve the usability and consistency of your web page layouts.

With some projects, there is something to be said for consistency and cross-browser support, especially if you are dealing with a broad, mainstream target audience.

On the other hand, having such a strict layout mechanism may be the biggest handcuff on a designer looking to think outside of the (layout) box.

What if it didn’t matter what size your page was? What if it didn’t matter how it was laid out?

For a change, create the product and then challenge yourself to a new solution. There is no rule that states your site cannot be accessible unless it fits in a 960-pixel box. So instead of curbing your ideas around these restraints, build the idea and find a way to make it work.

LucumaLucuma, an audiovisual production firm, creatively steps outside of the box by using a horizontal-scrolling layout to fit the site’s content in one page.

Instead of sticking within your comfort zone, explore different layout types, look at how new standards like HTML5 and CSS3 (with progressive enhancement) can make your work better, and so on.

3. Do Not Use a CMS

Much like set layouts and grid systems, content management systems of today are amazing tools that save time and effort while maintaining beautiful design standards and pretty good flexibility. Platforms like WordPress, Expression Engine, and Drupal are very malleable and are used in innovative ways, but they still do provide designers with restrictions. Especially when combined with grid systems, which many publicly free themes do in order to speed up development, content management systems can be dangerous to your creativity.

It is no rare occasion that I find my first iteration of a client’s website design to be my favorite. 99% of the time, the progressive decline of an initial design can be attributed to a client who wants content added, taken away, or displayed in a particular fashion that the initial layout wasn’t meant to do.

If you are working on a creative project or a project just for fun, take advantage of your newfound freedom over content. Think about it: We use CMSs because we want an easier way to deal with site updates and changes, but if we eliminate this concern — at least on occasions where this is acceptable — we open so many new possibilities for the design.

4. Avoid Online Inspiration

For projects we want to be truly unique and innovative, we should probably avoid looking at what other designers have done before us. This means we mustn’t start our innovative web design project by looking at design galleries and design showcases.

Online galleries and blog posts containing inspirational examples of web designs are useful for getting inspiration. I look through these sites and blog posts all of the time — I love to see what other web designers are up to, and I even recommend you do, too.

Really, my big issue with finding inspiration this way is that it’s just no fun to start your new design with someone else’s design in mind.

Admittedly, this is hard. For example, clients who aren’t sure what they want in their website often find it helpful to provide you with links to websites they like in order to visually demonstrate what they’re expecting. It’s also difficult to start completely from scratch when you’re having a bad day, and to get your creative juices flowing, visual stimulation through design-aggregating websites and blog posts can jumpstart idea-generation.

NOFRKS Design StudioNOFRKS Design Studio has an interesting single-page navigation scheme that has a background that changes depending on the time of day you visit the site.

However, if you want to produce a site that’s unique, see what you can come up with on your own. It won’t always be great — and that’s fine — fail often and fail early. Try to avoid the trap that you have to do as good as the competition when you could dig an even better solution out of your own mind.

5. Try at Least One Thing You Haven’t Done Before

Taking advantage of your experience and building projects based on techniques that have worked well in the past tends to become a standard practice for a lot of us — it’s quicker, easier, and efficient. But this gets stagnant pretty fast, and as part of an industry that shifts in nature very quickly, we should always encourage ourselves to try out new things and forge new talents. Is this going to work out well for you every time? You can bet your ass it won’t, but it will work at least once more than it will if you never try.

6. Pretend Like You Don’t Have to Code It

Let’s set one thing straight. In the “Should web designers know how to code?” debate, I’m of the opinion that web designers do indeed need to know how to markup and their own web design (at least in CSS and HTML).

However, web designers that know they’ll end up having to code a web design means we will have experienced-based design hesitation and restraints while producing the look for a new site (e.g., “I know this transparent PNG won’t work in IE6, and I don’t want to deal with that, so I’ll just avoid it”). The more HTML and CSS browser-rendering issues I encounter, the more it affects the way I develop the mockup of my sites in Photoshop.

Knowing how hard an element or interaction design is going to be to implement using CSS, HTML, and client-side scripting shapes the way I execute my ideas on a graphic level. This really isn’t bad at all. In fact, that’s why you should know how to code your own web designs. Knowing what the medium’s limitations are is key to crafting realistic and usable websites. And if you have deadlines to meet and know of a way to alter a design to save time and retain visual quality, you’ll be a more prolific web designer.

But, in terms of creative freedom, constantly thinking about how difficult or impossible things are to implement is a big restraint, and if we want to create something out of the box, ignorance is bliss.

EcokiA big photo-realistic background, elements that need to have transparent backgrounds, an organic and unorthodox layout structure — that’s way too much work, but Ecoki pulled it off brilliantly.

For projects that need to be innovative — projects that are risk-loving — temporarily pretend that you don’t know how HTML, CSS, and JavaScript works. See what you can come up with. Is it realistic? Does it translate well on the web where people need to use your design?

7. Go Old School

Many designers today are well-versed with the idea that using tables in your web design is sloppy and a bad practice. But this isn’t the entire truth. Tables still hold an important place in our web designs, and while I wouldn’t encourage you to use them to develop a web page layout, they do still have relevant applications such as displaying tabular data.

Tables aren’t the only elements left up on the shelf in the garage these days. Using marquees or blinking elements also stirs up nightmares for a lot of designers, and their poor reputations linger from a dark time in web design.

Trying to find a classy way to use a marquee-like element (which you should do using JavaScript or CSS3 because the <marquee> tag is deprecated), for example, will most likely be a challenge and a productive exercise in producing a creative solution to bring an old option back to the surface.

jQuery RobotjQuery Robot, a proof-of-concept, scrolls the background horizontally, much like what <marquee>did with HTML text.

Revisiting some of our long lost friends in order to restore their reputation can be a fun project and can spark a lot of creativity.

8. Go New School

Browser testing and debugging sucks. It is one of the worst — yet most necessary — tasks involved in every web design project we embark on. Since web browsers (and other platforms that we have no control over) are displaying our work, it is easy to consider them the most crucial constraint on what is possible in web design.

However, competition in the browser market is ramping up, with browser vendors constantly trying to one-up each another (even Internet Explorer’s playing the game). Competition is good because browsers are less likely to accept the status quo, implementing future web standards more quickly than ever before.

Seeing what we can do with new things being introduced in HTML5 and CSS3 is a fun and popular hobby for the informed, modern web designer. For example, check out these proof-of-concepts that use CSS3 and/or HTML5:

Unfortunately, cross-browser compatibility tends to rain on our parade and limits the extent to which we will go when it comes to exploring how HTML5 or CSS3 can improve the form and function of a project. However, with enough understanding of the new specs, you should be able to use them without neglecting web browsers that do not/will not have support for these future standards.

To learn about CSS3 and HTML5, read the following resources:

9. Provide Unique Constraints

Most of what I’ve discussed so far are meant to encourage you to think outside of the box and provide your mind with limitless possibilities of what you can do with your designs. However, if you find yourself fighting a mental block or struggling to take advantage of your newfound freedom, one of the best methods for generating some unique ideas is to give yourself some restraints. Of course, we don’t want to slap on the same old limitations we always have; instead give yourself some clever limitations and see how you can bend your design in order to play by the rules you give yourself.

These constraints can come in any form. For example, what if you avoid using 5 colors that you almost always use in your web designs? What if you designed a site using nothing else but Arial font? What about keeping the page weights of your web designs under, say, 95KB? Pulling off an appealing design within limitations such as these will force you to use your skills to work your way around the walls you build yourself.

10. Collaborate with Others

Working as a member of a team can be both a wonderful and a wonderfully frustrating experience. On one hand, dedicating experts into specialized areas of a website’s production will often yield better results in less time. On the other hand, communicating your own thoughts and ideas with another person can be a challenge, along with trying to interpret their take on the problem the team faces.

However, partnering up with another designer (or a group of designers) can be both fun and inspiring. This technique can be seen at its finest in Dribbble rebound challenges. While Dribbble did not invent this idea, it has brought a lot of light to it with a large and very talented design pool to draw from. Designing based on another person’s work is a great way to force creative results based on the unpredictable efforts of a different designer with limited restrictions.

Conclusion

What will happen if we execute all of these ideas?

Well, let’s take a look:

  • Your site will not have a standard layout
  • Your design might not function in content management systems without a lot of work and tweaking
  • You won’t be utilizing any of the experiences you have accumulated
  • You won’t be taking advantage of the experiences other design professionals have willingly shared
  • Your design will involve experimental ideas that may not work
  • You may be using techniques that are considered old-school (like marquee or blinking elements)
  • You may end up using code that not all web browsers support (e.g., CSS3 and HTML5)

Sounds like a pretty awful way to build a website to me — but it may just work.

Really, though, if these ideas produce just one good idea, a new technique, or a better gauge of your professional skills, then you have had succeeded in my book.

If you find just one new idea that is your own and that you love, then you have hit a home run in terms of getting better at web design. This will not happen all of the time; it won’t even happen most of the time. The real value in exploring your own creativity is to be able to use just one idea that no one else has done before.

source: http://sixrevisions.com/web_design/10-ideas-for-creating-innovative-and-unique-web-designs/