Posts Tagged ‘texture’

Web Design Trends: Don’t be a sheep. Do your job right.

Tuesday, February 22nd, 2011

Trends are everywhere, especially in the design world:
fashion, web design, interior design, even type design - we can’t avoid them. But are they actually a good thing? In many ways I think possibly not…

People don’t buy websites based purely on how they look

The Web Design industry is a little different from other creative industries who may be, for example, purely focussed on creating visual impact. We have many other variables to consider in order to create websites that benefit the users by having a good user experience, and that also benefit the client by increasing conversion and/or awareness of their brand - which both go hand in hand with it having a quality design. My feeling is that some people get so hooked on design trends that they forget what they are actually supposed to be doing as web designers / developers.

We aren’t paid to simply create pretty pictures and seek the approval of our clients second to our peers, we are paid to create usable systems that benefit the users of the Internet.

(more…)

http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/dzone_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/twitter_24.png

Texture in Web Design Part 2: Pixel Patterns, Noise, and Grain

Wednesday, September 15th, 2010

We began this two part series on texture in web design by talking about text and button textures, and how they can be used to inset, or outset page elements. These help to add more depth and subtle aesthetics to your designs, making them look more professional and polished. This week, we’ll be showing you how to add texture to other page elements such as your backgrounds / content areas, as well as how to use pixel patterns to make your text and box-shadows more interesting.

Noise and Grain

Noise and grain is all over the web at the moment, with some big players in the design community using it very effectively in their designs. A good example of this is Dribbble. If anyone doesn’t know what Dribbble is then you can read about it in this post.
(more…)

http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/dzone_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/twitter_24.png

Texture in Web Design Part 1: Inset / Outset Elements

Tuesday, August 24th, 2010

A growing trend amongst top web designers is to use an assortment of subtle textures in their work. This helps give depth and, even if you don’t notice them at first, add an extra degree of complexity and intrigue to a design. If used intelligently and effectively (and by that I mean tastefully!) textures can really lift a website to the next level.

Over the next two weeks I will walk you through a range of techniques that can be applied to many different elements of your designs to give them just that extra bit of style…

This week we’ll be mostly talking about insetting and outsetting page elements in Photoshop (and CSS3), as well as covering how add these effects to non-vector patterns without having to manually cut them out!

Inset / Outset Text & Objects

This is a pretty simple one really and it works on almost any style of font. For both effects you begin in the same way… First, type out your text and select your colours / background colour in Photoshop. Then, in your layers pallet double click the far right of the text layer that you want to apply the effect to. A Layer Styles box should open…

(more…)

http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/digg_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/reddit_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/dzone_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/delicious_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/facebook_24.png http://www.whatcreative.co.uk/blog/wp-content/plugins/sociofluid/images/twitter_24.png