I found some interesting resource and thought you might enjoy too.
http://sharkwebstyle.com/2011/03/best-tutorials-february-2011/
Have a pleasant reading.
Showing posts with label codes. Show all posts
Showing posts with label codes. Show all posts
Monday, May 30, 2011
Monday, June 21, 2010
Fliud themes Vs static themes in web design 5:58 AM
There's very little consensus on this topic; its not so much "which one is better" so much as "which one should I use in which scenario". The common hindering factor in creativity, is people relying mostly on downloaded web templates rather than custom designed websites.
Fixed layouts have the advantage of consistency. They can often be somewhat easier to develop, and you can often tweak them to look exactly the way you want them to. The downside, of course, is when a user's resolution is really large (or small, but small resolutions are a problem in fluid layouts as well) and he/she a lot of white space ( good example is CGIAR site). On text-heavy sites, you really need to make the reading area less wide for easier reading, which is where fixed is useful.
In certain cases, fluid layouts can be much more appropriate, but you still should keep things under control. Many sites now use a technique (i.e., the max-width CSS property) where the site is fluid up until a certain point; this is called an "elastic" layout, and is what most US universities sites uses.
A great example of a fluid site i've seen recently that fits each browser perfectly is the new John Lewis site, http://www.johnlewis.com
I will always advocate for fluid sites.
Fixed layouts have the advantage of consistency. They can often be somewhat easier to develop, and you can often tweak them to look exactly the way you want them to. The downside, of course, is when a user's resolution is really large (or small, but small resolutions are a problem in fluid layouts as well) and he/she a lot of white space ( good example is CGIAR site). On text-heavy sites, you really need to make the reading area less wide for easier reading, which is where fixed is useful.
In certain cases, fluid layouts can be much more appropriate, but you still should keep things under control. Many sites now use a technique (i.e., the max-width CSS property) where the site is fluid up until a certain point; this is called an "elastic" layout, and is what most US universities sites uses.
A great example of a fluid site i've seen recently that fits each browser perfectly is the new John Lewis site, http://www.johnlewis.com
I will always advocate for fluid sites.
Tuesday, February 9, 2010
Adobe InDesign for wireframing in website design 3:02 AM
I have relied on InDesign for almost all my wireframing needs and it has served me very well. However, I am aware that InDesign might not be such a widely used tool within the Interaction Design community and it was therefor decided to use Illustrator for the wireframing workshop. Having now worked in both these packages, here are my thoughts on why I prefer InDesign to Illustrator.
One Package
This issue refers partly to the pagination problem. Essentially, you are using the same functionality in Illustrator to draw the wireframes than in InDesign. It is possible to draw all you need right within Indesign but it is impossible to make a proper document Indesign-style in Illustrator. This means that you are using two applications in stead of one to get the same job done.
Styles
Illustrator isn’t as good with paragraph styles, compared to InDesign. Although it is possible to define paragraph styles in Illustrator, it simply is not as robust as InDesign. I have the feeling that paragraph styles are an afterthought in Illustrations, whereas in InDesign it forms a major part of the functionality.
Masters
Masters are a powerful tool in InDesign. It allows you to create templates that repeat themselves throughout your entire site. Indicating where the fold is, for instance, can be done on a master page. Recurring elements such as a header can be designed and placed in a master and simply applied when needed.
General Document Design
Using and knowing InDesign teaches basic document design skills, but more importantly, it teaches typography
Whilst Illustrator is a far more advanced illustration tool (as the name suggest) than InDesign, the drawing functionality found in InDesign is more than sufficient to develop high quality wireframes.
One Package
This issue refers partly to the pagination problem. Essentially, you are using the same functionality in Illustrator to draw the wireframes than in InDesign. It is possible to draw all you need right within Indesign but it is impossible to make a proper document Indesign-style in Illustrator. This means that you are using two applications in stead of one to get the same job done.
Styles
Illustrator isn’t as good with paragraph styles, compared to InDesign. Although it is possible to define paragraph styles in Illustrator, it simply is not as robust as InDesign. I have the feeling that paragraph styles are an afterthought in Illustrations, whereas in InDesign it forms a major part of the functionality.
Masters
Masters are a powerful tool in InDesign. It allows you to create templates that repeat themselves throughout your entire site. Indicating where the fold is, for instance, can be done on a master page. Recurring elements such as a header can be designed and placed in a master and simply applied when needed.
General Document Design
Using and knowing InDesign teaches basic document design skills, but more importantly, it teaches typography
Whilst Illustrator is a far more advanced illustration tool (as the name suggest) than InDesign, the drawing functionality found in InDesign is more than sufficient to develop high quality wireframes.
Showing posts with label codes. Show all posts
Showing posts with label codes. Show all posts
Best Tutorials
2:41 AM
I found some interesting resource and thought you might enjoy too.
http://sharkwebstyle.com/2011/03/best-tutorials-february-2011/
Have a pleasant reading.
http://sharkwebstyle.com/2011/03/best-tutorials-february-2011/
Have a pleasant reading.
Read more...
Fliud themes Vs static themes in web design
5:58 AM
There's very little consensus on this topic; its not so much "which one is better" so much as "which one should I use in which scenario". The common hindering factor in creativity, is people relying mostly on downloaded web templates rather than custom designed websites.
Fixed layouts have the advantage of consistency. They can often be somewhat easier to develop, and you can often tweak them to look exactly the way you want them to. The downside, of course, is when a user's resolution is really large (or small, but small resolutions are a problem in fluid layouts as well) and he/she a lot of white space ( good example is CGIAR site). On text-heavy sites, you really need to make the reading area less wide for easier reading, which is where fixed is useful.
In certain cases, fluid layouts can be much more appropriate, but you still should keep things under control. Many sites now use a technique (i.e., the max-width CSS property) where the site is fluid up until a certain point; this is called an "elastic" layout, and is what most US universities sites uses.
A great example of a fluid site i've seen recently that fits each browser perfectly is the new John Lewis site, http://www.johnlewis.com
I will always advocate for fluid sites.
Fixed layouts have the advantage of consistency. They can often be somewhat easier to develop, and you can often tweak them to look exactly the way you want them to. The downside, of course, is when a user's resolution is really large (or small, but small resolutions are a problem in fluid layouts as well) and he/she a lot of white space ( good example is CGIAR site). On text-heavy sites, you really need to make the reading area less wide for easier reading, which is where fixed is useful.
In certain cases, fluid layouts can be much more appropriate, but you still should keep things under control. Many sites now use a technique (i.e., the max-width CSS property) where the site is fluid up until a certain point; this is called an "elastic" layout, and is what most US universities sites uses.
A great example of a fluid site i've seen recently that fits each browser perfectly is the new John Lewis site, http://www.johnlewis.com
I will always advocate for fluid sites.
Read more...
Adobe InDesign for wireframing in website design
3:02 AM
I have relied on InDesign for almost all my wireframing needs and it has served me very well. However, I am aware that InDesign might not be such a widely used tool within the Interaction Design community and it was therefor decided to use Illustrator for the wireframing workshop. Having now worked in both these packages, here are my thoughts on why I prefer InDesign to Illustrator.
One Package
This issue refers partly to the pagination problem. Essentially, you are using the same functionality in Illustrator to draw the wireframes than in InDesign. It is possible to draw all you need right within Indesign but it is impossible to make a proper document Indesign-style in Illustrator. This means that you are using two applications in stead of one to get the same job done.
Styles
Illustrator isn’t as good with paragraph styles, compared to InDesign. Although it is possible to define paragraph styles in Illustrator, it simply is not as robust as InDesign. I have the feeling that paragraph styles are an afterthought in Illustrations, whereas in InDesign it forms a major part of the functionality.
Masters
Masters are a powerful tool in InDesign. It allows you to create templates that repeat themselves throughout your entire site. Indicating where the fold is, for instance, can be done on a master page. Recurring elements such as a header can be designed and placed in a master and simply applied when needed.
General Document Design
Using and knowing InDesign teaches basic document design skills, but more importantly, it teaches typography
Whilst Illustrator is a far more advanced illustration tool (as the name suggest) than InDesign, the drawing functionality found in InDesign is more than sufficient to develop high quality wireframes.
One Package
This issue refers partly to the pagination problem. Essentially, you are using the same functionality in Illustrator to draw the wireframes than in InDesign. It is possible to draw all you need right within Indesign but it is impossible to make a proper document Indesign-style in Illustrator. This means that you are using two applications in stead of one to get the same job done.
Styles
Illustrator isn’t as good with paragraph styles, compared to InDesign. Although it is possible to define paragraph styles in Illustrator, it simply is not as robust as InDesign. I have the feeling that paragraph styles are an afterthought in Illustrations, whereas in InDesign it forms a major part of the functionality.
Masters
Masters are a powerful tool in InDesign. It allows you to create templates that repeat themselves throughout your entire site. Indicating where the fold is, for instance, can be done on a master page. Recurring elements such as a header can be designed and placed in a master and simply applied when needed.
General Document Design
Using and knowing InDesign teaches basic document design skills, but more importantly, it teaches typography
Whilst Illustrator is a far more advanced illustration tool (as the name suggest) than InDesign, the drawing functionality found in InDesign is more than sufficient to develop high quality wireframes.
Read more...
Posts
