Neskaidri attēli tīmekļa dizainā: kā padarīt tos darbam
Tas ir nenoliedzams fakts: neskaidru attēlu izmantošana ir moderna tīmekļa dizaina tehnika 2015. gadā. Šķiet, ka visur, kur jūs izskatās, ir kāds izplūšanas elements.
Bet tas nav risinājums dažām jūsu fotoattēlu problēmām. Tas ir atšķirīgs paņēmiens, kas prasa praksi līdz pilnībai un uzmanību detaļām, lai to pareizi pielietotu. Tāpēc, pirms jūs pāriet uz tendenci, padomājiet par izplūdušu attēlu izmantošanas iespējām, lai izlemtu, vai tas jums ir piemērots, un kā jūs vislabāk varat izmantot šo paņēmienu savos projektos.
Neskaidri fotoattēli ir moderni
Mēs varētu veltīt veselas lapas vietņu skaitam, izmantojot neskaidrus attēlus. Šobrīd tendence ir liela.
Tā ir pirmā lieta, kas jums jāņem vērā, virzoties uz priekšu ar ideju, kas ietver neskaidrus attēlus.
- Vai vēlaties piedalīties tendencē?
- Vai jūs varat izmantot tendenci tādā veidā, kas nedaudz atšķiras no citām vietnēm, kas pastāv?
- Vai tas ir jūsu stils vai nedaudz pārāk izmantots jūsu gaumei?
- Vai jums būs taisnība ar vietnes dizainu pēc tam, kad tendence būs beigusies? Vai arī jums būs nepieciešams pārveidot?
Radot kaut ko modernu, nav absolūti nekas slikts. Bet tas ir lēmums, kas jums būtu jāapsver jau no paša sākuma. Vietnes izveidošana ar izplūdušiem attēliem - atkarībā no vēlamā stila un lietojuma - var būt laikietilpīgs pasākums, un, ja jums nav pieredzes fotoattēlu rediģēšanas programmatūrā, var būt nepieciešama papildu apmācība.
Izplūšana ir paņēmiens, ko izmantot ar labiem attēliem
Tas varētu būt vissvarīgākais teikums, kuru lasīsit, domājot par attēlu izplūšanu. Tas darbojas tikai tad, ja jums ir labi attēli, ar kuriem sākt. Izplūšana nav veids, kā “labot” sliktu attēlu.
Teikt to citādāk. Ja jums tiek parādīta neskaidra fotogrāfija un tiek lūgts no tās izveidot vietni, tas nav moderns. Tas ir slikts foto. Ja tā ir jūsu situācija, šī nav tehnika jums. (Jūs varētu sākt domāt par mākslas elementa izveidi ar tipogrāfiju vai meklēt krājuma attēlus.)
Bet, ja jums ir jauks attēls, kuru vēlaties izbraukt vēl dažas jūdzes vai izmantot jaunā veidā, izplūdušā tehnika ir iespēja. Ir vairāki veidi, kā domāt par izplūšanu (mēs pievērsīsimies katram no tiem tālāk), bet pirmais solis ir saprast, kā patiesībā izveidot izplūšanu. Adobe ir diezgan jauka apmācība, lai jūs sāktu darbu Photoshop.
Izpludiniet visu attēlu
Viena no lietām, kas veicinājusi neskaidru attēla tendenci, ir vēl viena tendence: Varoņu galvenes izmantošana. Dizaineri saliek paņēmienus, lai izveidotu pilnekrāna stilu, izplūdušus attēlus kā dominējošos vizuālos attēlus vietņu galvenajās lapās.
Trellis fermas vietnē tiek izmantots ikonisks saimniecības attēls, lai jūs saprastu vietas vietni. Lai radītu papildu interesi, fotoattēls ir melnbalts - lai atspoguļotu šo senlaicīgo sajūtu - un ir uzklāts ar lielisku burtveidolu, lai piesaistītu jūsu uzmanību. Ritināšana turpina šo sajūtu, vienlaikus pievienojot maisījumam krāsu. Izplūšana ir patīkama, jo jūs zināt, kas ir attēlā, un tas palīdz lietotājam koncentrēties uz tekstu un nākamajām darbībām, kas jāveic ekrānā.
Kāpēc tas darbojas:
- Neskaidrs fons var fokusēt attēla slāņus, piemēram, tekstu. Tikai pārliecinieties, ka atlasāt ietekmīgu burtveidolu.
- Tas var radīt jaunu interesi par attēlu, kuru regulāri izmantojat, piemēram, ar standarta zīmola fotoattēlu.
- To var izmantot gandrīz jebkura veida saturam gandrīz jebkurā krāsu shēmā, lai tā būtu universāla.
Foni un slāņveida attēli
Izplūšana nav tikai pilna attēla tehnika. Konkrētas attēla daļas var tikt izplūdušas, lai iegūtu triecienu. Lai arī biežāk ir redzami izplūduši foni ar asu priekšplāna fokusu, daži dizaineri izmanto pretēju pieeju jaunai opcijai, kurai ir izplūduša priekšplāna ar fokusa fonu.
Anchour aģentūra izmanto izplūšanu fotoattēlos savā galvenajā lapā. Attēlā izmantotā tehnika var būt daļa no faktiskās fotografēšanas, vai arī fotoattēlu rediģēšanas programmatūrā varat izveidot tādu pašu efektu. Triks, veidojot šo izplūšanas stilu, ir tas, ka jūs nevarat pateikt, ka tas tika “izveidots”, un tam vajadzētu izskatīties dabiski, it kā fotoattēls būtu uzņemts šādā veidā. (Fotoattēlu rediģēšanas programmatūrā to var paveikt, izmantojot Gausa izplūšanas rīku ar maziem, pakāpeniskiem pielāgojumiem.)
Kāpēc tas darbojas:
- Izplūšana rada vizuālu kontrastu un var mazināt aizņemtību attēlā.
- Tas maina attēla perspektīvu un lietotāja skatījumu uz vizuālo.
- Tas palielina attēla dimensiju, kas pretējā gadījumā gandrīz 3D izciršanas gadījumā varētu justies līdzens.
Dramatisks abstraktās mākslas izplūšana
Ja jūsu vietnei ir nepieciešams fona attēls, bet varat atrast modeli vai krāsu, kas to pieveic, fotoattēls ar dramatisku izplūšanu var būt lielisks labojums. Uzskata, ka dramatisks izplūšana ir kaut kas tāds, kas padara fotoattēla saturu vienā mirklī nesaprotamu, un tas varētu padarīt fotoattēlu pilnīgi neatpazīstamu.
Šī ir populāra opcija vietnēm, kas uzsāk vai reklamē digitālu projektu ar abstraktu izplūdušu fotoattēlu fonu aiz tālruņa, kurā redzams produkts. Attēlā diezgan pievilcīgam dizainam fonā un tālrunī tiek izmantots viens un tas pats attēls ar dažādiem tuvināšanas un izplūšanas līmeņiem.
Kāpēc tas darbojas:
- Pievērš uzmanību piedāvātajam produktam.
- Izveido pielāgotu fonu, nevis izmanto modeli, kas varētu būt citās vietnēs.
- Piešķir dizainerim kontroli pār krāsu un jūt, kad abstraktais izplūdums darbojas no asuma līdz maigām krāsām un formām līdz fona attēla lasāmībai un savienojumam ar zīmolu.
Smalks jebkura attēla izplūšana
Neliela izplūduma pakāpe var darboties arī daudzos citos fotoattēlos, un tas nav jāizmanto tikai pilnekrāna attēlam. Dizaineri attēlam, kam jāpievērš neliela uzmanība priekšplānā, var pievienot izplūšanas sajūtu, lai palīdzētu lietotājiem aplūkot pareizās attēla daļas, stilizēt logotipu vai vienkārši izveidot sarežģītāku vizuālo attēlu.
Zeo logotips apaļajā dizainā izmanto smalku, bet jauku izplūšanu. Izplūdums liek jums aplūkot logotipu tuvāk, jo logotipa interesantā forma un mala ir malā, salīdzinot ar otras puses asumu. Metode tiek vēl vairāk uzsvērta, jo tīmekļa vietnes dizains kopumā citās vietās izmanto izplūšanu, piemēram, galvenajā lapā dominējošā attēla fonā.
Kāpēc tas darbojas:
- Nelieli izplūdumi var radīt pārsteiguma elementu.
- Tas pievērš uzmanību konkrētām fotoattēla daļām ar vizuālu fokusu. (Apskatiet dažus piedāvājumus Zeo vietnē citiem smalka izplūšanas gadījumiem foto fokusēšanai.)
- Tas var dot jums pareizo kontrasta daudzumu, salīdzinot ar citiem attēla daļas elementiem, piemēram, tekstu, tādā pašā veidā pilnekrāna aizmiglojums var darboties ar varoņa galveni.
Izmantojiet to arī video
Izplūšanas tendenci var savienot arī ar citu karstā dizaina elementu - video. Varat to izmantot tāpat kā jūs ar jebkuru citu attēlu tehniku. Tas darbojas vienādi (lai gan rediģēšanas rīki un process nedaudz atšķiras).
2. līmeņa dizains izmanto zilo krāsu un ekrāna tipa efektu, lai pievienotu interesentus pilnekrāna video. (Atsvaidziniet pārlūku, lai redzētu neskaidrus videoklipus.) Efekts ir jautrs un svaigs, un tas darbojas ar video, kas, domājams, rada vecās skolas sajūtu. Ātrās video cilpas ir ļoti labi salasāmas un piesaista uzmanību.
Secinājums
Ir daudz iespēju, kā efektīvi izmantot izplūšanu tīmekļa dizaina projektos. Noslēpums - ja tāds tiešām ir - ir radīt neskaidru efektu, kas nemanāmi saplūst ar pārējo dizainu. Un jūs to varat izdarīt gandrīz, domājot par aizmiglošanos galējībās.
Lai iegūtu lielu triecienu un abstraktu sajūtu, izmantojiet daudz izplūšanu. Izmantojiet minimālu izplūšanu, lai izveidotu smalku kontrastu un iestatītu fokusu. Tāpat kā jebkura dizaina gadījumā, pirms palaišanas izmēģiniet to dažiem lietotājiem un apskatiet, ko viņi domā. Vai viņi pamana izplūšanu? (Lielākā daļa dizaineru par to īsti nedomās.)
