What it is necessary near learn(find out) earlier to the beginning of job over a spot ?

Before to argue on sketches, it is needed to recollect, whence these sketches grow. We shall chat about the most crucial enemy of the stylish : about the customer.

The client, come to preserve a position , in extremely rare belongings knows that is compulsory for him. His(its) requests can subsist expressed within uncertain phrases « construct , as at... » otherwise « only to was not as at... », he is competent to abide (carry) unimaginable bosh which you determination listen not having frowned, with can be silent, expecting all crucial to hear from you. I understand, that many hired designers never should collide(countenance ) directly by the user , but whether it is not enough that... Everyone happens.

It is tentatively possible near act(appear ) as into an old joke about the waiter, for a extended time plus with conscientiousness of a listening want of the client concerning to epoch aa?aoea, places, whence to acquire a wounding , time  and a situate of spices,  bar it is better to make all differently.

Without dependence beginning that, you communicate straight with the client or with own manager who has already accepted the order, you should collect answers to some type questions. yet if you are rented (occupied) by own homepage, it is required to recognize answers to the preponderance of them.

1. To that should the location be dedicated ? What configuration of goings-on of stiff ?

This information will be especially positive in the event that the consumer has veto performance how the position should seem , and motivation enable you "near dream awake " on the set subject, opinion over approach of sketches.

2. Whether there is a unyielding style? stipulation yes, during what caste ?

Firm mode usually represents a blend of a trade spot , "firm" flag and a set of the stylized images, besides annioee?o?ueony with a product which is complete by the company, otherwise "steady" promotion slogans, slogans. plausible , that all this is necessary for using in development of web - representation of the corporation . At worst the consumer will include samples of a written matter, into the top - collection with similes and the information on colors.

3. What wishes concerning a spot ? That is necessary

     And that cannot subsist admitted(tolerable )?

Quite repeatedly the consumer has set of necessities with aim . For illustration , if the company is called wisdom Dividends (a real case ), wishes of the patron concerning a trade spot can noise so: « barely not two plaited correspondence LD! We have previously chopped sour heads to fifteen designers offered(optional ) to us similar. ». stipulation the solid , say, is engaged during digital processing of metaphors , the patron can stipulate to exercise « somewhere on a location » the icon of a binary system as a background - is trite , but IT is hunted by the CLIENT, therefore please... The more such wishes you will amass , the it will survive easier toward live toward you.

4. What type the content will be sited on a site?

stipulation the location should contain a batch of the text information, it is promising to proffer the shopper one of typical variants of design of a content, for example - so-called "reports " design a la Gazeta.RU. Sense here not in several "standards", and that such configuration facilitates reading immense volumes of the copy . If the firm of the patron , for illustration , trades during videogames, with the prime part of a location screenshots otherwise will construct images of firm boxes with a product, it is likely to try to feel up creative design during which rectangular screenshots otherwise boxes materialize entered inside any additional interesting concerto .

5. In what kind the customer motivation give a content?

It already modestly technical query which determination say to you, than is necessary to engage in the near hope : scanning of the passage or paraphrase of it from not readable formats in intelligible . Most of all to me the customer who has brought documents within format TeX was remembered, additionally has demanded to conserve an unique font... into general, everybody happens.

6. What browsers must be supported?

plausible , that, condition for the client it is vital Flash before dynamic menus, about support IE of browsers 3.0 with similar to him cannot be and speeches, except not all know concerning it... You should envision technical opportunities of diverse versions fantastically precisely. And on the contrary: but support Netscape 2.0 is obligatory, any technical ecunee are impossible.

7. What bandwidth of lines of the most part of an listeners of a site?

For anybody not a furtive , that the majority of the Russian users the Internet up to neo the floor uses dial-up, which else occasionally shares on 20-30 computers of every office. during this folder the manuscript and the schedule of separately full page of a location should not weigh additional 30-oe, a maximum 50-oe kilobyte. inside case of the western audience it is probable to provoke to produce pages during weight within 50-100 kilobyte, but an overwork of sites a?aoeeie inside any crate is not a good form.

stipulation something from this register remained not clear, it is crucial "to catch up with find out".

on the client we encompass talked, let's return to sketches.

up

With what to instigate drawing the sketch?

To start it is necessary from the assumption, that the client can decline your form without an explanation of the reasons. thriving , all is not enjoyable to him, and! usually speaking, on statistics barely 6 percent(happiness ) of adult population are capable conspicuously and is argued to explain the predilections with antipathy. The customer can simply not transfer emerald color, plus you force do(formulate ) nothing with it. enhanced , the fact if you foreknow about it.

For this motivation the sketch can exist the simply thing simply in the event that you employment on yourselves liked. It is the best means to depict three variants distinguished, arrangement of a material and color magnitude . Having acted(arrived) so, you will allow the patron a pick : « color because on the first outline , the book hardly is larger, than on the second, excluding the equivalent font, with it is necessary toward stick everywhere that gorgeous ea?oeii?eo from the third ». Having brought the unique outline , you peril to rush on « veto , something not that... I do not know, what exactly, but is not pleasant to me! », and all can be begun all over again.

Let's suppose , that a site which to you should be constructed, must contain a lot of the content information. On the primary page the client needs to put « something extraordinary ». What is it to us gives?

since experience at us by you meanwhile a cat iaieaeae, we shall endeavor to depart on a way of the slightest resistance. See at the figure resulted below.

Anything original, the truth? And nevertheless else it is possible to make of such sketches eiioaoeo. Let's stop in this figure added in feature : imagine, what is it the actual sketches concentrated so, that all information simply it is not visible.

The part "a" represents so-called splatter -display . Enough often it happens so, that all pages of a site encompass approximately equivalent kind, but in our case the customer would like a variety which we with shall provide to him. plausible , that on a lay of a grey elliptical there should be several original print , at the worst ably executed collage directly interconnected to a sort of activity of client solid . Here you see barely the all-function (common) outline which can be misrepresented ouny?u? ways. within the middle of an oval the trade blot surrounded by any icons with names of sections settles downhill . Now replace an egg-wrought with your collage, portray original a picture, analogous to subjects of sections, pick up a font... The result self-control be extremely not analogous to over mentioned outline , but the idea self-manage be saved. I shall insert , that on splash-screen'N the description of copyrights plus -or a name of igloo or the designer is usually set . The subsequent - is far starting being always.

nowadays we shall pass to a element "b", to the sample of pages of the second height . As the text is a deceased of the maintenance(stuffing ) of such pages, the strip with it(him) must be into the hub of a composition. on the absent the plate of routing , from over and since below, for example, banners can survive placed. The right ingredient remains not involved, she(it) determination be seen only through owners of monitors through the life-dimension sanction. And again - even rider to remain within the framework of the represented circuit - there is an occasion of a choice: insignia , a style of buttons, check of illustrations if folks are offered , separators of blocks of the passage and everything else.

tranquil more some variants. And even condition they will differ from each additional only dye , it motivation be probable TO COMPARE, and accordingly by you - or by the patron - the starting end , something since what it will be possible toward make a start on the supplementary discussion motivation appear.

Having started the sketch, be not affectionate of full elaboration: allow the earliest sketch (it is pleasing on a paper, instead of inside the Photoshop) self-manage be not more full than what were strained by me. It is enormously important near see all composition utterly and afterward the considerate of willpower come what colors are better for picking awake , with what to formulate contours of elements, whether symmetry and aaiiao?e?iinou is necessary.

I shall not begin to hide, the description of one of possible(apparent ) approaches has left fairly poor, but differently with could not be: the person can to study be overtaken about a place on a situate ieenaeu in the Photoshop, bar even during design he can compose the dreadfully first stride only itself, and the foremost independently ready sketch willpower give you feeling of confidence of the army . But achieve not relax: here is no guarantee, that first your masterpiece force manage to be translated in HTML.;-)

aloft

Technics(industrial equipment) of performance of the draft

Creating into the Photoshop a novel file for the drawing , correctly wish parameters of this case , later them will adjust much additional difficultly before it is simply impractical under form of protection of excellence of a picture.

former to the beginning of job enclose a appear in entry (point) of menu case | Preferences. inside section Display and Cursors establish class of arrow Brush dimension for oil Cursors with Precise for Other Cursors. stipulation it to not create , with functions like produce it spirit be tiresome to labor .

Establish the sanction of 72 points to edge , this bound is traditional for webs - schedules. but you want to make the sketch with the sanction of 600-800 points to inch (such approach repeatedly meets on the designers, got used to work through a shut ) and before his(its) conservation in the necessary design to reduce the sanction up toward required, mean, that from this will abscond nothing: value of a picture force be permanently lost. picturesque images behind this procedure can save comprehensible worth , but every constructions based on explicit i?eieoeaao, will exist lost.

Choosing the range of a picture, judge the sanction of screens of guests of a site (stipulation you labor at 1600o1200, it still resources nothing: inevitably see, since your form looks at the slighter sanction). during the least size which should be taken into consideration, for today the sanction 800o600 is, according to a deduction of the accurate strip of scrolling the width of working neighborhood of the sketch should be nix more 750-oe ieenaeia. The vertical bulk for the beginning build equal 500 ieenaeai. reasonably , that the real tallness of pages with the text can be much more, bar for the test part , called to show, as headings determination look, really the copy and all elements of design framing it(him), is enough of it. rider you do(craft ) the draft of a nieyo-sreen before any extra page which should go in during working neighborhood of a browser lacking strips of scrolling, still it is too much it... That, nonetheless , concerns also width.

early (Beginning) occupation above the sketch, deem of what color near will be a locale of page. I recommend to fill through this dye the key layer (conditions ) a running file within the Photoshop and all further constructions to spend on the additional layers located above. At all do not join layers by will finally be certain that all their rudiments any extra are not subject to change! but there is an prospect , try near leave added and new in universal less major elements of the sketch on diverse layers.

Some words re formats of graphic records . The metaphors consisting of columns. i?eieoeaia plus using the limited palette, it is needed to save in arrangement GIF allowing manually near define(establish ) quantity(sum ) of insignia . The equivalent concerns to transparent movies : the entry (point) of menu organizer | Export allows to attain the required effect below condition of use of format GIF89A. camera-welcoming images generally save during format JPEG (for this point conveniently to use purpose File | Save for mesh ). If your sketch includes both types schedules, the picture forever can be cut on some parts, to save them in various formats and then toward unit inside one figure in a HTML-file with the facilitate of tabulared imposition.

It are necessary to speak some terminology about the text.

sadly , very much few start (starting) designers during improvement of the sketch forfeit attention to the copy which is supposed to be positioned on modelled web - page. however , the copy - the most vital part of design. Remember four convention of career with the text:

directive the primary :

Black mail on a white locale is customarily . Dark correspondence on a light conditions is it is graspable . Light mail on a dark set - your concept of design must be especially valuable to demand such combination of colors! sallow / ????N/?N?±?UN/¬Oa??UN letters on a black background - attempt is not integrated , try once again.

canon the subsequent :

The size (amount) of symbols during line should not exceed 60-65. procure into version it, it is unusual if you do(build ) "rubber" propose , at which the girth of columns of tables (including that discourse which contains the content ) changes depending on thickness of a window of a browser. The line with a plethora of signs will not be translate .

Rule the third:

every paragraph of the copy should be separated commencing other essentials of leaf by fields of tint of a background. The text "organization " into margins of a column during which he is located, is not comprehend .

Rule the fourth:

What beautiful one font conventional on your computer would not appear to you, mean, that he can be missing on a computer of the tourist of leaf . Therefore foreign fonts advance only for those book elements which are theoretical to be executed as schedules. All other fonts should subsist taken from the everyday set which is integrated in release of prepared system. other in point about it we shall talk during one of the subsequent lessons.

...

Probably, you will exist disappointed, except I shall not explicate how suitably to employment in the Photoshop otherwise how to achieve this or that visual consequence . All this should survive learned you independently... within the Internet enough analogous resources, with paper books are committed to this subject much. goad !

If to you all in one way complete not direct to exist imagined, because your draft will seem in the Internet, build a screenshot of a window of a browser, scratch from him(it) page and bank this heading on a disk. Now you can "leave " in him any of your sketches.

thus on the contrary, condition you want to distinguish , as sketches of this or that site which has liked you looked, build his(its) screenshot, hack off ends (territories) with see, to will rotate out. exceptionally useful service (occupation), I dare to assure you!

up

As this site was born

For a spot "Artefact" I have finished only two sketches. The first - for folio on which you acquire to the address http://artefact.cns.ru.

outline of dim blue shade show, how the plan has been cut for manufacturing HTML-folio . The grey area - an unfilled place, here on factual page is the manuscript . The sketch has consisted of two layers: on top here is barely the shady blue tip moving on a counter of filling after the cursor of the mouse, on bottom - all rest.

through the means , now the graphic piece of a site is organized a little differently: instead of "wounding " a counter of inside on numerous small films , I enclose saved it(him) since one GIF-dossier , having worn for bargain nueie technology copy Map about which we shall gossip in lone of the lessons loyal HTML.

And the outline of pages of the second height :

The identical circuit: shady blue paint shows appearance of the cut(part ), two layers, lone of which contains just a gloomy blue tip . Meanwhile totally not understandable , why every so, instead of differently, the truth? It of something : all willpower rise on the chairs when we with you shall master tabulared burden ... Or when you willpower try "to collect" other -less complex(difficult) sheet independently.

Last step - a lined background. To achieve the necessary result , it is necessary to fill only corresponding areas of folio with a picture openhanded at repetitive recurrence grey horizontal strips. So she looks at oanoiaaoaoee?aoiii multiply (GIF, two colors, 536 bytes, the real amount - 10o9 ieenaeia):

On it I want to finish chat of the Photoshop, sketches and a different class schedules. Next time we with you shall mark a system of the elementary mesh - folio and we shall struggle to value him, and to workout with a?aoeeie for a net we shall return small bit anon and already at the other stage .