STEP BY STEP TO DESIGNING WEBSITE

To compensate for the popularity of the field of website design in 2010, so it's good preparation for me to write about whatever we need to do before designing a website. Maybe a lot of friends loyal readers Kick The graphics are not that familiar with the workings of designing the website, because it used to print designs (as I did). 

In website design, we as designers are not required can program design we have created. But of course it would be better if we could at the same time to design our own program, but if in a sense to program a website is hard work, we better focus on the interface and design concepts first. We ought to know is how to think of programmers, so we created a design that makes sense for embodied in code. For example, one way programmers work is to make the background first, because it's the design that we make must be arranged neatly in a folder (Photoshop) specific. 

1 goal

Each design must have clear objectives and goals achieved what he wanted in through the website. If that website portfolio, determine its purpose, whether to get a new project? , Doing personal branding or to become a kind of online catalog results of our work?
With a clear goal then we will easily find the concept and design style that fits. Avoid the aim of 'cool' at the beginning of thought, because the design which we think is cool it may only survive within a month, so in a short time we feel the need to redesign our website. "Cool" is just a "skin" her, the most important is the function and purpose of the website. 

2. Sitemap

Sitemap is a very vital, because it would be a clear picture of the flow of information about the websites that we will create. Define the navigation and features that need at this stage and remove features that are not effective. If the purpose of the website is clear, then we can focus on that goal and not incorporate features that are less important, such as the chat box or banner advertising space for example (it's odd that in the web portfolio of no banner ads). 

3. Sketch / Wireframe

In order not to get lost in a blank Photoshop canvas, the better we are designing on paper first. This step is necessary to avoid double work in Photoshop. Can imagine the time wasted when making a background or button looks luminous and web 2.0 really!, But it was less precise location and size. This stage is very necessary, especially if we deal with websites that have a complex flow of information. With the sketch we can create a variety of possible layouts quickly. And if we work with clients, they are more happy when we start the project and show the results of our sketches before moving to the stage finishing in Photoshop. This could be a way to involve clients actively in the project without making us upset (due to change only need to remove the sketch only). 

4. Resolution 72 dpi RGB & Color

72 dpi is the standard resolution for display on the monitor (do not ever make a website design at a resolution of 100 dpi though, because its original size would be great too). And use the RGB color that was to specialize in the monitor. Well, this step is a basic step that should not be broken, so do not forget your friends:) 

5. Maximum Width 960 Pixel Website Content

all the designs you create, keep the area of ​​content (text, photos, etc.) not to exceed 960 pixels wide. This is because the standard monitor is a layman is still around in 1024 x 768. For the background image might need to exceed 960 pixels wide with the goal so that the background looks neat and not cut off if the monitor is wide open at like 1360 x 768 pixels or more. so adjust the field of working with a wide-screen monitor that you have

6. Use the Grid System

Grid is not a restriction of creativity to the design. Grid created to facilitate us to maintain consistency from page one layout to another page. In addition gird also helps programmers who will design our menslicing in photoshop. I used to use the 960 Grid System, because it is standard in today. If you do not want to use the existing grid, please use your own grid. The most important content area width should not exceed 960 pixels. 

7. Folder Management & Layers in Photoshop

Get used to create a folder on the important parts of a website, for example, the folder header, body folder, folders sidebar, footer folder. Actually its folder name can be up to you, which is important in the call and each layer included in a section / section united into one folder.
Do not forget to name each layer, so it will be easy if we want our design to edit it later and of course this is very helpful programmers who work with us. 

Conclusion

7 steps above are initial steps that we are accustomed to designing in a state-organized (especially website design). Because we know that sometimes we can not finish a project alone, in which case maybe we need a programmer friend, so that code that is generated is also neat, we as designers must also provide the "raw files" is neat.

DESIGN AND CULTURAL

Design and Culture
Considering the number of questions about why a designer needs to understand the culture and the culture, what is the need to understand history, what is the need for methodological thinking in support of the design process in general, then this description is as welcome insight in order to achieve a shared understanding of the close link between design and culture.

THEORY OF DESIGN
I. Invention, Discovery and Innovation
In natural science, or science of natural phenomena, scientists working with the aim of seeking novelty in the proof of which must be achieved, this process is called To Discovery.
Then what is called the Invention and what's the difference with the discovery? Invention can be interpreted as treating something that already exists, while the discovery is something that has been there and then found, Vasco da Gamma sebgai example find an island is a discovery.
Invention belongs to anyone, whether a scientist, enjinir, designers and even an artist can find the invention.
For illustration, when the neuroscience finding ago chromosome encourage medical world evolved into a diagnosis based on DNA is the invention, when Leonardo da Vinci painting Mona Lisa is considered to create something new, even if the object is to imitate, he also found the invention, a designer can find the invention, although the goal The main is to create something that does not exist into existence, this is also called invention. But in the design world is a more frequent innovation.
Innovation is the empowerment of something already known to promoted, in innovation, there are two important principles:
1.selalu existing design methodologies, using parameters that did not come from ourselves.
2.Bukan as a purely artistic creations, but the beginning, had the form and purpose.

Development stage of life
Humans do not have to live like this now all of a sudden, where everything seemed so easy. When you look at human development from the beginning, the beginning of human life depends on nature, hunting and gathering phase is called Foreigining, then developed on the pattern of farming life or holticulture. By learning from the situation and grow from what eventually developed into a pattern holticulture Agriculture, at this stage of human conduct aquaculture armed with the knowledge, the next stage, when the crops abundant, have found ways how to preserve and cultivate crops, humans make the production process, processing, processing crops into something else, this lifestyle called lifestyle industry, from all these developments have been achieved human, human being finally came in the era of Information, in this state, the distance becomes shorter, telecommunications interwoven between parts of the world, time is not longer an obstacle, the information coming and going in turns.

And DESIGN CULTURE
Human history continues to grow and evolve, humans basically have a lot in common, whether men in China, in Egypt, in Greece or in Indonesia, all have the same needs in life, what distinguishes the thought patterns and environmental conditions which make compliance with the manifest requirements different ways.
Every human being has the capacity to design something to make life better, so that his life more comfortable, so that their daily activities more efficiently, must fight against 'enemies' (weather, wild animals, geographical conditions), drinking water is one of the human drive to 'make' and equip themselves to improve performance and help everyday tasks to show the need for items that can help to hand a better job, for example human originally worked by hand to hold, grabbing, scratching, pulling, and play, but has limitations in terms of hand kinesthetic strength and flexibility, then people think how to move an object from one place to another in an appropriate way, then the problem is the maximum capacity manuisa hands swing up to 225 ° can be solved with the invented wheel that can rotate 360 °, manusiapun work more faster and lighter. Human needs continue to grow according to the demands and challenges faced.

Reason dibekalkan to humans who become distinguishing between humans and other creatures, mind produce ideas, and questions about the nature of self and its existence, purpose in life and what to do in life, question after question is to find the truth in life. Culture of human thinking that arise due to make the emergence of the need for knowledge, the need for civic order of social life itself needs statement needs to be matters which have made the holistic human civilization and are achieving the highest position. In every stage of human life, from hunting, farming, gardening, doing production to be at the current information age, life can not be separated from activities do various improvements in materials, which relate to technology, are thinking associated with the methodology and the actual associated with the values of social life. Humans when acting makes something called CULTURE since it relates to value systems, different from the animals that rely on this instinct is called ethology, human being do something that is etologis that is when he relies on his physical strength and instinct to do something.

Design is an interdisciplinary science and consilience berazas map all of science because the design of various disipiln, art is art monodisplin where the outcome is more ready to express the artist and the character of ideosincrity, highlight the uniqueness of the individual, while the design is always associated with the user. Design highly contextual depending on perspective, each design has different problems so it is with the solution.


Definition of design
John Heskett definition of design: Design is to design a design to Produce a design. Heskett describe, from the design used four words respectively have different meanings, the first design can be interpreted as a noun (noun) that shows the design as a general concept as a field of study, the second design is a verb (verb) to look at design as an ongoing activity (process). The third design which word is a noun which means an idea, concept or new on the fourth word, design means that the object of the process design activities, or the final result.

In designing, a designer DAP uses the theory of others, can also create a theory. When a theory can generate a new theory this is called a metatheory.

Definitions according to Imam Buchori design, Design is a science that seeks to formulate and construct the idea of scientific (scholarly) into the system / artifact / product containing the practical usefulness is based on the values (value).
These values are: cultural value, economic value, technical value, the value of convenience, the value of problem-solving value.
Design is a creative and systematic effort to design or create a usability based on user needs. Design is considered valid if there are concepts and theories. In the design review process occurs and the problem of language study.
In the design contained 3 main elements namely, Visual, Function, Meaning.