АБРАКАДАБРА (Тоже самое но в читаемом виде)
Voob6e-to na etu temu napisano mnogo xoro6ego i poleznogo. No a postaraus' vzglanut' nemnogo ina4e na eto delo. Ess-no, re4' poydet o psixologii vospriatia i nekotorix momentax, voznikau6ix iz etogo aspekta. Na4nem s samogo prostogo. Kodovie foni, polu4aemie pri pomo6i bg color... Samiy prostoy i estestvenniy fon - beliy. On napominaet cvet lista bumagi, pomogaet v polnoy mere viavit' cveta i tona fotografiy, , pod4erknut' osobennosti primenamix vami 6riftov. No daje v takom, samom prostom slu4ae est' nekotorie tonkosti, kak texni4eskie, tak i psixofizi4eskie. Pervaa - eto prosto zabiv4ivost' nekotorix veb-masterov v opredelenii BG stranici. Esli v nastroykax test-brouzera po umol4aniu stoit beliy fon, to i pri takoy zabiv4ivosti on toje budet belim. A u posetitela defoult bg mojet okazat'sa i prosto serim (4to stra6no, v ob6em-to v osnovnom dla ob6ey idei va6ego dizayna, i va6ix kartinok, kotorie mogut okazat'sa nemnogo 4ujdimi drugomu fonu), a mojet okazat'sa i sovsem drugim, nu malo li... Poetomu cvet fona stranici lu46e vsego zadavat' prinuditel'no. Vtoroy vajniy moment otnositel'no belogo fona stranici - cvet 6rifta. Esli tekst ne o4en' velik, da e6e rassredoto4en na bloki s pomo6'u pauz i illustraciy - to vrode bi i normal'no. No na bol'6ix tekstax (150 kb i bolee) glaza na4inaut ustavat', tak kak zadan naibol'6iy kontrast. Eto proisxodit daje pri dlitel'nom 4tenii s bumagi, a ved' bumaga svetit tol'ko otrajennim svetom v otli4ie ot monitora... Prostoy vixod - umen'6it' kontrast mejdu 6riftom i fonom, sdelav 6rift ne 4isto 4ernim, a nemnogo serovatim. Vpe4atlenie ostanetsa tem je, a naprajenie na glaza nemnogo umen'6itsa. Takoy priem a primenil na sayte jurnala "Den' i No4'", imeu6ego dostato4no vnu6itel'nie razmeri pe4ataemix v nem povestey i rasskazov. Kak mne kajetsa - priem seba polnost'u opravdal. Snizit' kontrast mojno i za s4et fona (vvesti slegka seriy ili podcve4enniy fon). Etot variant ispol'zuetsa nastol'ko 4asto, 4to primeri na vidu v bol'6ix koli4estvax. Problemoy mojet stat' ili6ne aktivniy cvet fona, tak nazivaemiy "otkritiy" cvet. 4isto jeltiy, arko-krasniy, da i prakti4eski luboy drugoy otkritiy cvet (esli eto ne obuslovleno dizaynerskimi zada4ami, no v takix slu4aax obi4no ne bivaet bol'6ix tekstovix ob&emov). Re6enie davno naydeno - slegka podcve4ennie foni, bolee blagorodno, snijaet kontrast i ne utomlaet glaza.
Ispol'zovanie bitovix zagolovkov i gif-transparent illustraciy na belom i cvetnom fone.Esli vi ispol'zuete kartinku-zagolovok ili Gif-kartinku s prozra4nim fonom, sleduet obra6at' vnimanie na blagopolu4niy kontaktKraa vidimogo izobrajenia s fonom (tak nazivaemaa antialiasingovaa zona). Kak eta zona obrazuetsa, i kak etim pol'zovat'sa? Pri vipolnenii grafi4eskogo zagolovka s vklu4enim antialiased Photoshop proizvodit poluprozra4niy perexod ot kontura simvola do nula 4erez neskol'ko pikselov, obrazua tem samim magkiy perexod ot tona k fonu. Na cvetnom fone (kartinka 1) poluprozra4nie pikseli prinimaut cvet fona, i pri soxranenii v gif-transparent ostautsa cvetnimi. Na stranice s fonom togo je cveta oni obespe4ivaut tot samiy magkiy perexod, no esli etu je kartinku-zagolovok pomestit' na fon drugogo cveta - oni videlatsa v samostoatel'nuu zonu bez svazi s fonom (kartinka 2). Poetomu lu46e grafi4eskiy zagolovok vipolnat' srazu na nujnom fone, a potom pri soxranenii v Gif fon mojno sdelat' prozra4nim (kartinka 3). Prixoditsa vibirat' mejdu universal'nost'u i ka4estvom (a bi vibral ka4estvo :o). Osobenno etot priem prigoditsa v tom slu4ae, kogda v ka4estve BG vi primenaete pattern ili prosto kartinku na ves' ekran.
Ispol'zovanie kartinki v ka4estve fona stranici.Problema mojet bit' ta je, 4to i pri ispol'zovanii prosto cvetnogo fona - izli6ne aktivniy BG, zatrudnau6iy vospriatie osnovnix materialov stranici. I re6enie to je - maksimal'no priglu6it' fon, spratat' izli6nie detali i primenit' dostato4no kontrastniy 6rift (4tobi ego mojno bilo 4itat' bez vipu4ivania glaz do golovnoy boli). Inogda uda4noy kartinkoy-BG mojno snat' problemu izli6nego kontrasta 6rifta na beloy stranice. Pered na4alom raboti neploxo bi provesti vot takoy test dla teksta (ne putat' s tekstom dla testa :o) Test dla teksta Test dla teksta Tekst dla teksta Test dla teksta | Test dla teksta Test dla teksta Test dla teksta Test dla teksta | Test dla teksta Test dla teksta Test dla teksta Test dla teksta |
I esli vi opredelilis' s kartinkoy dla fona i s cvetom 6rifta, to i grafi4eskie zagolovki togda lu46e srazu delat' na va6em potencial'nom fone (sm. 4ut' vi6e).
Smislovaa sut' kartinki-fona.Pomimo vizual'nix ka4estv fona (cveta, tona, risunka-sxemi) su6estvuet e6e i smislovoy rad bekgraunda. 4a6e vsego re4' idet o prostoy umestnosti togo ili inogo izobrajenia ili teksturi. Mataa bumaga, tekstura xolsta ili dereva soderjat v sebe opredelenniy smislovoy (associativniy) rad, i ispol'zovat' stol' konkretnie teksturi "ne po teme" ne pribavit dostoinstv va6ey strani4ke. Skoree vsego, eto prosto budet uvodit' zritela v storonu ot glavnoy temi. Lu46e uj ispol'zovat' abstraktnuu tekturu bez izli6nego sujeta. Kak vibrat' cvetovuu gammu dla dizayna strani4ki ili prosto cvet fonaMojno prosto metodom tika v palitre foto6opa, mojno putem perebora vsex vozmojnix variantov. Est' psixologi4eskaa tonkost' - pri popitke postoanno otiskivat' cvetoso4etania v svoix 4uvstvax i mislax privodat k povtoreniu odnogo i togo je cveta. Mojno vospol'zovat'sa podskazkami v palitre kakoy-nibud' xoro6o nastroennoy kartinki - Gifa, vot naprimer kak etoy. I daje esli mne v ney ni4ego ne ponravilos' - eto je ne poslednaa moa kartinka... Kak sdelat' teksturniy fon bez 6vov pri pomo6i Photoshop, gde nayti svobodnie dla upotreblenia BG - informaciu ob etom eto vi mojete legko nayti, ispol'zua poiskovie sistemi, i na mnogix, podobnix moemu saytax. Interesniy variant izgotovlenia bg-tile predlagaet PhotoPaint 8 (nu i 9, nado polagat'...) Nu i specializirovannie programmul'ki (o kotorix ne mogu skazat' ni4ego, potomu kak nikogda ne pol'zovalsa). MrDeSign Viktor Vaz'minov olib.ru/catalog/hi-tech/internet/biblioteka-s-ytostroitel-stvo/i2r-web-design/backgrounds-fon-dlya-stranitchki
|