Showing posts with label web design. Show all posts
Showing posts with label web design. Show all posts

Wednesday, May 9, 2012

How to use my design talents to the maximum: 20 Tips leading designers


Creative Writing - a piece is very thin. And the creative inspiration does not come just like that, at the click of your fingers. In order to stimulate their creativity to create the conditions. For each there is a way of mobilizing the design capacity. Computer Arts http://designs-article.blogspot.com interviewed several top designers, in order to find out exactly what helps them.

A. Create your space
create a space where you live, according to your tastes and preferences. Past research suggests that certain colors have different effects on creativity. The same can be applied not only to color. "We surround ourselves with favorite toys, books, posters of your favorite artists," - says Rex from Inksurge .

Two. Walk new routes
world outside our home or studio is bright and versatile. "When I go somewhere, I try to choose new routes" - govrit Muscovite Andrey Nepomnyaschev . "Exploring the streets, along the way, I rented the video. Then, these images may be something to happen. Big city inspires me. "

Three. Be explorer
Explore differences. Perhaps that is so necessary to perceive the world around us."Plunging into another, different from the traditional culture or situation you are giving impetus to recent findings of new brain for creative ideas," - says Nick Scott of Nick Scott Studio .

4. Stay in tune with other
Make it so that sites like deviantArt , Flickr , Behance have been among your most visited sites on the Internet. Be active, socialize, leave comments, make a portfolio.

Five. Take notes
Take notes in a notebook whenever the fall as possible. At first, this will have to force yourself, but then you will not notice how your hand will be pulled to the notebook itself."It is possible that in future you will find the best use of your records, which now you do not even suspect," - said Lisa Fleck .

6. Be physically active
as they say in a healthy body - healthy mind. If possible, go on foot or ride a bike. "Blood flow to the muscles and the brain is stimulated creativity," - tells Nick Scott .

7. Allow yourself bored
As strange as it sounds, but sometimes boredom breeds success. "You should be really boring, so that you wanted to change the world around them," - said Christoph Ruprecht of the Spaceship .

Eight. Do not be a passive consumer of information
off the TV and get away from the monitor screen. Do not be a passive consumer of information in the area where you do not work. Pick and choose what newspapers and magazines to read. Trust your own interest.

9. Expand your horizons
to explore the world in areas not related to your job. Expand your horizons, learn something new. You never know what will stimulate your own creativity.

10. Become a critic,
there are many areas where you can become a critic of the time. Music, ballet, theater, cinema, architecture. Try to understand the idea of a director, choreographer and composer, see how it was done and what happened.

11. Go back to school
try to gain new knowledge in any field. To do this, you can even sign up for courses. But the self - also a good way.

12. Remember the "paradox of choice"
In spite of the fact that the Internet is the sea for inspiration, there is a danger of saturation, which may enter into a stupor the brain of even the strong man. Therefore, any information should be metered and not stuff yourself all in a row in search of inspiration. Otherwise, you can achieve the opposite effect.

13. Sort the information
Make your library for ideas and inspiration. If you find something interesting on the Internet, at once, not fish or cut bait, determine the storage location. It could be online services for data storage, and the hard drive of your computer. But in any case, the information must be ordered and ready for use.

14. Learn the lessons of history
is only a very few truly original ideas. We've all absorbed the experience of previous generations, and only express them by using more advanced technologies. Mankind has an incredibly rich history. So, learn from their predecessors.

15. Create the real thing
whenever possible, create a real physical objects. "We used to develop models in order to present the idea, and not just rely on digital media," - says Rex from Inksurge .

16. Think of constructive criticismServices such as Behance.net and the like, can benefit from feedback from other users.Not only can you view and criticize the work of others, but to hear others' opinions about their work. You can also ask for advice in terms of what can be changed or improved. So use these benefits service.

17. Stay up to date on the latest trends,
creative community is changing rapidly, so it's important to stay abreast of the latest trends and keep our finger on the pulse.

18. Express themselves in their work
, "Try to put into each piece of work yourself, your likes and preferences. The fact that you like and makes your heart beat faster, "- advises Christoph Ruprecht.

19. Exit out of comfort
is sometimes very useful to create a hurdle to overcome it, get out of routine and complacency, and find a new creative impulse. Try to write something with his left hand, for example. ))

20. Talk with your colleagues
if you have creative friends, discuss with them your problem. "Never underestimate the opinion of others," - said Lisa Fleck . "A friendly discussion over a bottle of beer or two sometimes work wonders in terms of creative inspiration."

Monday, May 7, 2012

Classification of texture in web design and usage

In this case, refers to a texture surface of some property that can not be attributed to the shape, color or size. In computer graphics, usually refers to a texture simulating all kinds of surfaces such as stone, wood and fabric.However, textures are not only those concepts, as well as a flat color, geometry and pixel texture, variety of photographic material and textures. Let us understand with each successive view textures separately, and see examples of their successful use in the design.

A. Flat Color
Flat color - this is the simplest of all textures, and at the same time very favorite designers and, perhaps, the most common and versatile. The vast majority of sites, until recently, used in the design of a uniform fill color, creating a stylish and tasteful things.The more modern trends of web design to favor simple and straightforward solutions.




Two. Geometric texture
to geometric textures are all sorts of bars, cages, diamonds. The design uses a little less because of their pronounced regularity, symmetry and repetition. Moreover, in order as seen from the examples of such patterns immediately retracted the attention at the expense of content. And if that was the idea, that such use is justified. The most neutral geometric patterns include horizontal or vertical bars of muted colors.




Three. Ornamental textures
Another type of repetitive patterns, but using a more complex and intricate components.Such textures immediately make any design is not simple, and with the claim, so to speak. By the pretentiousness of the pattern are perfect for vintage designs. Also tend to put off the attention, so the impact should be regulated, and color saturation. When the figure is too shallow can cause a feeling of boredom and repetition.




4. Pixel textures
to pixel textures are geometrical patterns composed of individual pixels. The human eye can not distinguish the individual elements of the pattern, but it is well perceived heterogeneity and surface roughness. Means of fairly universal, with little effort the surface is particularly attractive. In addition, such a pattern of very little weight.




Five. Photographic texture
first representative of a class of photographic textures - it is actually the very picture .This is the most complicated structure, since the photo image is in fact an independent graphic object, and thus, paradoxically, but just a backdrop, this texture is simply not possible. It is the generating element, around which the entire design and construction.




Abstract images can also be classified as photographic textures. The only difference is that, unlike photography, abstract background is more versatile. Around him, of course, also built the whole song, but to a lesser extent. The degree of involvement in the design of abstract textures easily adjustable brightness and saturation.




Drawn images as a texture carry all the same features as the picture. The only difference is that the illustration gives much more possibilities for the realization of design ideas. By setting a certain style of illustration, we can initially set the direction for the entire design.For example, the same cartoon style is very widespread.




6. Material texture
first group of material texture form a muted texture of the material. Such surfaces are evenly distributed texture, subtly alluding to its materiality. It's easy grunge, paper, fabric and other rough textures. Their advantage is that they give complete freedom in the choice of decoration elements, playing with the role of the background, but giving the whole design of a special color. A very popular trend today.




Well, the last group of texture - it is the active material texture. Basically, it's the texture of these natural materials, surfaces, and industrial factory or crocheted fabrics. These textures do not recognize any neighborhood next to him, so the design is appropriate to use only one active surface. Upon successful execution of the entire design makes a memorable one.



If you enjoyed this article and you have a twitter - share it with others
by clicking the "Retweet". Or just add the article to the social services.

Monday, April 30, 2012

The Advantages and Disadvantages of Optimizing a Website for Mobile Phones





The Advantages and Disadvantages of Optimizing a Website for Mobile Phones


Nowadays many of us, especially those assiduous bloggers and tech-savvy professionals use mobile devices to browse the web pages, as well as other popular mobile devices that are hitting the industry at the moment.
This means that websites are now working more and more at optimizing their pages for mobile phones and devices, in view of the increasing demand. Although the demand is high, creating and optimizing your pages is no easy feat, and although there are advantages, considering the large number of mobile phone users, there are also many disadvantages when having to optimize web pages for mobile devices.
All elements considered the disadvantages probably outnumber the advantages when having to optimize pages for mobile devices and phones. Take the example of a mobile version of a website, which displays a screen that shows only the content of a post as does RSS reader. The advantages of using this optimization is that users will be able to read the latest articles posted fast and these will be easily accessible. The way you read the text is also easier and pages usually load rapidly.
The disadvantages are that it is more difficult to find posts that have been published at an earlier date, and all the visual and branding effects are not shown. Not all the parts of the web pages can be viewed, and these may include important parts of a website, such as subscription forms and other elements you need to make a purchase or view your account.
If your website is straightforward and adopts a minimalistic approach then many of the latest smart phones that come with good screen resolutions may be able to view your website pages in a decent way. This is another issue to consider, as while you are strenuously working on making your website mobile-friendly, these new devices are evolving everyday and all the work you may have put in to the creation of a website for mobile devices will become obsolete.
Some iPhone 4 users have absolutely no issues as far as page viewing goes, and can easily read the content on most websites. This means that while older versions of mobile devices could cause problems as far as website viewing was concerned, the earlier versions have greatly improved web browsing usability.
Nowadays with so many people using mobile devices to connect to the Internet, companies are making a big effort to produce devices with good screen resolutions, which enable users to browse through the Internet with limited difficulties. So does it make sense to optimize your website for mobile phones and devices when these are evolving towards browser optimization?
In the next few years there will be an increase in mobile device users and the way your website is optimized for these particular devices will no longer be an important issue. All the most popular companies such as iPhone and smart phones will surely be closing the gap between computer use and mobile use, so you will no longer need an optimized website for mobile devices.

Friday, April 27, 2012

Current Trends in Web Design 2011-2012


We have entered a new decade, and the direction of web design is also updated. Now comes to the fore not just the outward processing resource, and its functionality. The Internet offers designers the broadest opportunities for creativity, innovation, overcoming the constraints of convention, allowing them to vary or modify the operating time are ready to declare itself among its competitors. Access to all tools and technologies from all over the world and spawned a new, creative, vision problems, which designers from around the world use, introducing new features.

Web designer for the successful operation need to be aware of the latest trends in web design.Trends and design techniques are always changing, and web designers love to experiment, invent and innovate various tricks to attract visitors. 2011-D turned out to be extremely fruitful year for web designers, we noticed a lot of new and in the web design. Mobile resources have become quite commonplace, Web typography to a new level, new programming techniques have opened before us tremendous opportunities to find creative design solutions. In general, this year flew by quickly, even by the standards of web space. However, to predict where to turn web design in their development, will now be easy.

As part of this publication, we will consider all the changes gaining momentum flow, new items, as well as new approaches that emerged, took shape in the design and marked over the last few months. So, let's delve into the study of modern trends in web design at the turn of 2011 and 2012.

A. CSS3 + HTML 5

One of the most surprising developments of recent months has been the increased use of CSS3 and HTML5. Most web designers refuse to Flash in favor of HTML5. HTML5 served as a means to reduce the burden on Flash, but HTML5 is not to replace Flash in the design of non-standard elements sketch. HTML5 is now used with Firefox 3.5 and later versions, Chrome, Safari, Opera and Internet Explorer 8. The purpose of this programming language is to provide greater flexibility and capacity development connected unity of data / image / video / audio, and hence to accelerate the process of building designs.

Not all browsers are still very comfortable with CSS3, but they gradually become accustomed.Among the innovations CSS3-rounded corners, dropdown menu, mega, animated buttons, backgrounds Compound, the effects of shadows on the plates and text, transparent image, and more. Through CSS3 easily create elegant and compact animated objects.

Here are some examples:


jetcooper


Trends 2011


sundaybestdesigns


sundaybestdesigns


chirp.twitter


chirp.twitter


Two. Simple color schemes


Simplicity - Another recent trend in the design of which has received recognition and attracts the attention of users. Designers give up black-and-white sketches or gray tones, preferring to experiment with primary colors - green, yellow or red - within reason, finding a simple but very eye-catching solutions, playing just two colors or three colors of the palette and creating a truly memorable " speakers' combination.

The most significant examples of great web designs based on color schemes, including various shades of primary colors such as green and red.


WideView


WideView


Motionoto


Motionoto


Three. Compatible with mobile devices


The growing popularity of smartphones and tablets forcing web designers to adapt to new standards. The difference in the resolution of the screen makes a normal map of the site on a small screen mobile device. Thanks to CSS3, Web designers no longer need to construct a simplified individual sites, because now you can set the tuning parameters of a mobile in the structure of the website. One of the most important innovations - the possibility of developing complete websites, which provides for the recognition of coding devices used by users to view resources and adaptation.

Mobile version of the site should retain the basic elements of design options that you just need to scale in accordance with the format of the touch screen. Today people are more willing to buy smart phones than personal computers. This means that web sites need to be displayed on a tiny screen is not worse than on larger screens with high precision.


Google


Google


G-Shock


G-Shock


Dolce & Gabbana


Dolce & Gabbana


4. Ectopic scrolling - Parallax Scrolling Parallax or the effect of


In 2012, dimension and depth effects will become more commonplace, and web designers will try to increase the feeling of spaciousness in the sketches of their websites, and this is a promising trend of web design in 2012. While she was only seen in the reception of displaced bar. The effect of shifting planes, or shifted to scroll a web designer is given by the bundle of images and foreground, moving at different speeds, due to which it provides a sense of perspective / entertaining and original illusion of three-dimensional space. It is created with the help of simple CSS-tricks, add-on modules jQuery, by means of HTML5, javascript, and even Flash.


Egopop Creative Studio


Egopop Creative Studio


Head2Heart


Head2Heart


Webdesign Karlsruhe


Webdesign Karlsruhe


Five. Sketches Web sites that are suitable for viewing on the touch screen


Modern technologies are increasingly oriented to the susceptibility of devices to the tactile effects, so that the emphasis has shifted dramatically, and the main criterion for assessing the practicality of their resources is now becoming sensing. Touch screens have got smartphones, tablets and even some desktop computers, forcing designers to design navigation schemes, obedient to the touch of fingers. Links that change color or emphasize when you hover the mouse over them, will behave differently on the screen. It should also add that web sites are more horizontal scan suitable for viewing on the touch screen.


Interexpresso


Interexpresso


6. Typography


Stylized fonts are nothing new for a long time, and now designers are using them to make the originality of their designs. In the past, typography has been neglected because of the complexity of adaptation. Today, Web designers can build their own fonts into the structure of Web sites with tools like WhatTheFont, CSS Typeset and Typetester, greatly expanded the possibilities of their creativity. Bold bar, curlicues on the letters and unusual large font sizes to attract the attention of users are becoming commonplace. Look for solutions more daring, funny and unusual.


Forefathers


Forefathers


Carsonified


Carsonified


7. Larger images and photo-background


Large images in web design is not new, but the larger screens now allow you to increase and windows to view them. In 2012, more sites will be occupied this space is gorgeous large-scale images. In the high resolution and in the entire site. Large images immediately riveting the attention of the audience.


Cpeople


Cpeople


Miraclestudios


Miraclestudios


Eight. Texture background


The use of texture in the background - another popular trend. Careful background, whose form gives aesthetic pleasure, at times increases the satisfaction of the audience the visual perception of the page. Especially it is necessary to take care of that sketch looked just as it deepened the texture and filled with an internal volume.


Cake Sweet Cake


Cake Sweet Cake


Alpine Meadows


Alpine Meadows


Organic Supermarket


Organic Supermarket


9. Single-site


The struggle to keep the visitor on the site covers more "fronts" and constantly intensifying.Members briefly browsing web pages to find the information they need, and how often they have to press the button, trying to dig it, the more they lose interest in it. That's why the single-page Web sites is becoming more and more supporters. The main quality of life - suitability to interact with it, so it will start to appear websites more user-friendly.


Ryanscherf


Ryanscherf


Imagemechanics


Imagemechanics


10. Ability to transfer pages on social networks


Channels integration with social networks will be more and more web-streak Wednesday.Commercial structures already in full use them for his own advancement, communicating with customers more closely than ever before. The owners of the online companies, large and small, will be right to require developers to provide them that opportunity.


yast.com


yast.com


Conclusion


Getting ready to meet in 2012, designers around the world are already thinking about new projects. Hopefully, this overview of the most prominent and emerging issues in web design would be useful to you. Please take a minute and we still leave your comments, share your own thoughts, tell us about the trends that we have overlooked, or something else, you'll be very grateful.

Wednesday, April 25, 2012

Useful Sites for Web Designers

The designer is always looking for creative - a thirst for new ideas, interest in the latest innovations, and, of course, the urge to learn something new, try their hand. Surely you will agree with me that everything else creative individuals distinguishes one quality - constant work on yourself and the belief that "learning is never too late." Today in the era of global change, this postulate is relevant as ever - almost every day in the open design something new, to keep pace with the times. We hope to stay on the crest of a wave, learn, improve and inspire you to help our selection of the best sites for web designers. Perhaps some of the sites you already know. In addition to useful articles, tutorials for Photoshop and Illustrator, inspiring collections of photos and illustrations, many sites are an extensive collection of sources, brushes, action games, vector and icons available for free download.
Tutorials for Photoshop, Illustrator and not only

PSD Vault - a resource, which shows a truly unique lessons, as well as free tools, as well as interesting articles.
PSD Vault

Website Vector TutPlus Excellent selection of tutorials of varying complexity, but still very useful article.

Vector TutPlus

Web Design Library - this library (the name speaks for itself) of the various resources and tools for web designers and, of course, in the presence of a great collection of tutorials.

Web Design Library

Vault tutorial - a site dedicated to the lessons for Photoshop and Illustrator, for every taste and color.

Vault tutorial

Tutorialing - Free tutorials for various computer programs.

Tutorialing

INSTRUCT Design - a wonderful site, where various classes, as well as a very useful article.

INSTRUCT Design

Tutorial 9 - a site dedicated to Photoshop, the lessons from "a" to "I".

Tutorial 9

Tutorials Window - b olshoe variety of different lessons at different levels.

Tutorials Window

Designcrust - a good site with a good tutorial for Photoshop and typography.

Designcrust

Psdeluxe - lessons interesting and useful articles for each designer

Psdeluxe

Articles, effects, tools and tutorials on one site PhotoshopLady

PhotoshopLady

Webdesignermag - a delightful resource with an excellent selection of lessons not only for Photoshop and Illustrator, and Flash, HTML, PHP and more.

Webdesignermag

Tutorials and source code (PSD files)

Undoubtedly the best and most famous site lessons for Photoshop. Surely PSD Tuts is known to everyone, but as they say, to "just fire" recall about this resource again.

PSD Tuts

Abduzeedo - an excellent site where you can learn many new things, be inspired and learn lessons. Also available free PSD files

Abduzeedo

365 PSD - an indispensable resource for working with Photoshop.

365 PSD

Tutorialing - Free tutorials for various computer programs.

Tutorialing

Six Revision - a wonderful resource that not only offers free tools to download, but also detailed interesting lessons from the source.

Six Revision

Hongkiat - a useful resource with good lessons for Photoshop with PSD-sources. Also on the site will find a lot of interesting things to work and inspiration.

Hongkiat

PSD-Dude - great lessons, which are often accompanied by free sources.

PSD-Dude

InDesign Tutorials-Studio - the lessons are well decorated for Illustrator and more.

InDesign Tutorials-Studio

Textuts - site dedicated to the creation of text effects in Photoshop. Many of the lessons are presented with the source

Textuts
Lessons, icons, vectors, and helpful articles for designers and developers

Website Onextrapixel is not only the most recent lessons for Photoshop and Illustrator, but also useful materials for developers, as well as CSS, themes WordPress, and, of course, inspirational materials.

Onextrapixel

TutsPlus net - an excellent resource that not only offers a selection of different lessons, and interesting articles for designers and developers. Target audience - web developers.

TutsPlus net

Fudgegraphics - is not only a collection of tutorials, materials for inspiration, but also free brushes, vectors, and texture, which can be downloaded directly from the site.

Fudgegraphics

Qualitative interesting tutorials, articles and interviews on the site ComputersArts .

 ComputersArts

Smashing Magazine - a popular site with lots of useful content - lessons, interviews, galleries, tutorials and tools.

Smashing Magazine

Noupe - a great blog with a mass of useful articles and lessons, tips and examples.

Noupe

Gomediazine - a wonderful collection of tutorials, as well as free brushes, vectors and textures for download.

Gomediazine

Design Modo - it's lessons, graphics, inspiration, as well as free tools.

Design Modo

Fascinating articles and lessons Sreative Nerds

 Sreative Nerds

10 Steps - user-friendly resource with a rich selection of various tutorials for Photoshop, as well as the ability to download free action games for Photoshop, vector and brushes.

10 Steps

YoutheDesigner - new original tutorials and free brushes and icons for download.

YoutheDesigner
Related Posts Plugin for WordPress, Blogger...