Labākie vietņu dizaini 2021. gadā

Lapa 1 no 3: Neverlands ar aktīvo krāsu

Ne katrai tīmekļa pieredzei ir jābūt revolucionārai, vizuāli satriecošai un negaidītu pārsteigumu pārpilnai. Lielākoties vietnes apmeklētāji vienkārši vēlas ātri un viegli atrast meklēto informāciju.

Bet, tāpat kā ārzemju tērpi uz modes podijiem var smalki ietekmēt valkājamās drēbes, kas atrodamas lielajā ielā, ir vērts, lai tīmekļa dizaineri vismaz pusi uzmanības pievērstu vietņu izveides augstākajam galam. Pat tie, kas šķiet pārlieku bezgaumīgi, joprojām var dot jums iedvesmu un idejas, kuras dažādos veidos varat iekļaut savos dizainos.



Paturot to prātā, mēs atskatāmies uz dizainparaugiem, kuri, mūsuprāt, patiesi nospiež aploksni. Šīs vietnes veic ne tikai pamatuzdevumu - apmeklētājus apkalpot to, ko viņi meklē, bez satraukumiem, bet arī pārdomāt, kā vietne var izskatīties un darboties svaigā, izgudrojošā un oriģinālā veidā.



01. Neverlands ar aktīvo krāsu

Neverlands mājas lapa

Navigācijas pamatā ir burvju laiva(Attēla kredīts: Active Color)

Apmeklējot vietni, kas reklamē naktsdzīves vietu, jūs sagaidāt kaut ko bezgaumīgu, skaļu, krāsainu un, iespējams, mazliet draisku. Bet Neverlands - mājvieta divām Losandželosas augstākās klases naktsdzīves vietām - The Edison un Clifton’s Republic - vēlējās uzrādīt kaut ko mazliet gaumīgāku. Tāpēc viņi pievērsās Aktīvā krāsa , kurš viņiem izveidoja vietni, kas nav nekas parasta.



Balstoties uz viņu animācijām, kas izgatavotas pēc pasūtījuma ar rokām gleznotām ilustrācijām Šenons Stamejs , tas patiešām ir skaistums. Mēs pļāpājām ar dibinātāju un radošo direktoru Damjanu Krajačiču, lai uzzinātu, kā viņiem tas veicās.

Kā jūs ieguvāt šo neparasto koncertu?

Kopš viņi pirmo reizi atvēra pirmo norises vietu LA centrā, mēs strādājam ar The Neverlands klientu un īpašnieku Endrjū Meieranu. Edisona ir patiešām iespaidīga nakts vieta, kas uzcelta vēsturiskās LA Higgins ēkas apakšstāvā, un kurā tiek saglabāti elektrostacijas enerģijas ģeneratori un rūpnieciskie elementi, kas liecināja par jauno DTLA nākotni.

kā krāsot debesis ar mākoņiem

Vēlāk mēs strādājām pie vairākiem projektiem ar vienu un to pašu klientu, tostarp Clifton’s Republic vietni. Kad šis projekts sākās, mēs jau bijām ļoti dziļi iegremdējušies zīmolā un norises vietās, kā arī diezgan tuvu klientam un viņa ārkārtīgajam, redzīgajam un ekscentriskajam stilam.



Ekrānuzņēmums no vietnes Neverlands, kurā redzams, kā cilvēks brauc ar velosipēdu pa nakts debesīm

Aktīvās krāsas koncepcija ir pārgājusi uz pielāgotu ar roku apgleznotu ilustratīvu pieeju un paralakses virzītas, interaktīvas galvenās lapas(Attēla kredīts: Active Color)

Kāda bija īsa informācija?

Klientam vienmēr bija fantastisks redzējums, kā šīs redzamās telpas pārvērst digitālajā pasaulē. Viņi vēlējās radīt piedzīvojumu sajūtu, zinātkāri, aizbēgšanu no parastā bērna fantāzijas pasaulē. Šis projekts bija ļoti kopīgs radošs darbs ar klientu ilgā, vairāk nekā divu gadu periodā. Lai arī visaptverošais jēdziens laika gaitā palika samērā nemainīgs, idejas par to, kā to īstenot, nemitīgi attīstījās, un bieži vien mēs sīkāk iepazināmies ar ilustrācijām vai īpaša veida kustību, vai mākslas darbu.

Pat ja mums parasti ir daudz skaidrāks, stratēģiskāks un definētāks process, šajā gadījumā mēs nolēmām ļaut projekta mākslinieciskajam raksturam mūs virzīt daudzos veidos. Tā kā klients pats bija ārkārtīgi radošs un māksliniecisks, mēs neredzējām citu iespēju, kā veiksmīgi pabeigt projektu. Dažreiz jums ir jāpieliek noteikumi, lai izveidotu kaut ko svaigu un negaidītu.

Ekrānuzņēmums no vietnes Neverlands, kurā redzama sieviete kokā, kas pacēla gaismu pūcei

dzīvnieks, kas šķērso jaunus apvāršņus, gotiskās drēbes
Tonis ir jautrs un fantastisks(Attēla kredīts: Active Color)

Kādas bija jūsu vizuālās iedvesmas?

Gan vietnes koncepciju, gan krāsas galvenokārt iedvesmoja satriecošie Kliftonas Republikas un The Edison interjeri, kas burtiski ir šīs fantastiskās pasaules, kurās varat iegremdēties. Kaut arī Clifton's sastāv no septiņām atšķirīgām vietām tajā pašā 5 stāvu ēkā , katrai telpai ir raksturīgs siltums, un siltie bronzas, vara un zelta toņi iekļūst jutekļos. Mēs vēlējāmies paplašināt šo krāsu shēmu, lai tā būtu mazliet piemērotāka katrai norises vietai vai galvenajai lapai, tāpēc mēs paplašinājām krāsu paleti, iekļaujot pasteļblūzus, zaķus un dažādas citas krāsas.

Dažas krāsu paletes bija īpaši iedvesmotas ar rokām apgleznotām ilustrācijām, un mēs salieksim lapu atbilstoši. Citreiz mēs pielāgotu ilustrāciju nokrāsas un krāsas, lai tās visas apvienotos un atbilstu saliedētākam stilam.

Kas veidoja ilustrācijas?

Ilustrācijas ir Šenona Stameja darbs, kuru pasūtījis klients. Kopā ar klientu un Stamey mēs konceptualizējām piezemēšanās ekrānus un ilustrācijas, kuras Stamey izpildīja līdz pilnībai. To, ko mēs nevarējām apgūt ar rokām, mēs varējām atrast vai nu krājuma attēlos, vai publiska domēna arhīvos. Klients Endrjū Meierans pats ir vēsturnieks, ar neticamām zināšanām un aizraušanos ar šī perioda mākslu, tāpēc viņam bija liela nozīme daudzu elementu atrašanā un izlemšanā.

Vietnes The Neverlands ekrānuzņēmums, kurā redzamas līnijas zīmētas skices

Aktīvā krāsa strādāja atpakaļ, lai tipogrāfija atbilstu mākslai(Attēla kredīts: Active Color)

Kā jūs pieņēmāt tipogrāfiju?

Tas bija praktiskuma un nejaušības līdzsvars. Mums nebija vizuālās identitātes sistēmas, ar kuru varētu šeit strādāt, nebija iepriekš definēta stila vai logotipa, tāpēc mēs mazliet strādājām atpakaļ, lai atrastu mākslas darbam atbilstošus fontus. Mēs vēlējāmies, lai lietas justos cilvēciskas, dabiskas un izmantojamas, bet tajā pašā laikā mazliet maģiskas mūsu izvēlēs.

labākais ārējais cietais disks Mac mūzikas ražošanai

Kādas tehnoloģijas jūs izmantojāt, lai izveidotu vietni?

Mēs izmantojām pielāgotu WordPress instalāciju, lai darbinātu aizmuguri. Tīmekļa vietne ir pilnībā pielāgota kodēta priekšējā galā ar daudz pielāgotu JavaScript un CSS. Mēs pārveidojām Metjū Vāgerfīlda drausmīgo atvērtā koda paralakses skriptu kā galveno dzinēju galvenās lapas kustībai. Mēs arī izveidojām daudz citu pielāgotu funkciju, kas notiek norises vietas lapās, piemēram, The Edison, Clifton’s Republic un Pacific Seas, lietotājiem ritinot, liekot justies tā, it kā jūs nokāptu pilsētā, lejā pa koku lapotni vai okeānā.

Lielākais izaicinājums līdz šim bija tas, kā izveidot vienmērīgu pārlūka pieredzi, kad tik daudz caurspīdīgu PNG pārvietojas paralakses kustībā. Daudz laika tika veltīts attēlu un skriptu optimizēšanai, lai varētu tos izvilkt no pārlūkprogrammas.

Ekrānuzņēmums no vietnes Neverlands, kurā redzamas fantastiskas kārtis

Visi trūkstošie vizuālie līdzekļi vai ilustrācijas tika iegūti, izmantojot akciju attēlus, un tālāk mākslinieciski manipulēti, lai tie atbilstu vietnes stilam un koncepcijai(Attēla kredīts: Active Color)

Pārejas ir skaisti efektīvas: kā jūs tās izveidojāt?

Ar daudz kniebieniem un eksperimentiem! Mums bija nedaudz ierobežota iespēja pieprasīt papildu ilustrācijas pēc nepieciešamības, tāpēc mums dažreiz nācās lāpīt gabalus kopā, paplašināt mākslas darbu, manipulēt ar to. Kad mums bija gatavi aktīvi, mēs pavadījām daudz laika, lai pielāgotu pārejas, lai plūsma būtu vienmērīga. Tas bija labs līdzsvars starp to, ko mēs vizuāli vēlējāmies, un to, kas katrā pārlūkprogrammā bija tehniski izpildāms ar ierobežotu renderēšanas jaudu.

Kā jūs vietnei lika dziedāt mobilajā ierīcē?

Tulkojums uz mobilo tālruni faktiski bija diezgan vienmērīgs. Šis projekts bija smags darbvirsmai, taču mēs zinājām, ka galvenās lapas labi darbosies mobilajās ierīcēs, jo tā mēs tās iedomājāmies jau pašā sākumā. Mēs apzinājāmies, ka daudz samazinātu attēlu izmēru dēļ pārejas būs vienmērīgas. Visbeidzot, uz maza ekrāna nevar būt pārāk daudz lietu, tāpēc mēs varējām samazināt lietas un vienkāršot lietotāja saskarni. Tas viss radīja vienmērīgāku, tiešāku mobilo pieredzi.

kāda ir vērtību skala mākslā

Fantāzijas ilustrāciju izlase

Dažādu galveno lapu un līdzekļu detalizēta koncepcija un montāža(Attēla kredīts: Active Color)

Kāda ir lielākā mācību stunda?

Šī pacietība ir tikums. Mums noteikti šajā projektā bija jābūt daudz. Lieta ir tāda, ka, lai kaut ko izdarītu labi, jums ir jābūt gatavam veltīt laiku un pielikt pūles, un tas prasa pacietību.

Runājot par lietu tehnisko un māksliniecisko pusi, projekts mums atgādināja, cik ļoti mēs mīlam no vietnēm, sākot ar vietnēm, kas izveidotas zibspuldzē un kuras mēs dievinājām, vienlaikus internets bija daudzveidīgāks un netradicionālāks. Tomēr, ņemot vērā nesenos pārlūkprogrammas sasniegumus, mēs atkal spējam gūt ārkārtas pieredzi, kas neietilpst kastē, un mēs esam priecīgi šo apziņu izmantot, lai mūs vadītu turpmākajos projektos. Mums paveicās, ka šajā gadījumā mēs strādājām ar ļoti unikālu klientu, kurš novērtē estētiku un oriģinalitāti.

Nākamā lapa: Atklājiet līdz šim 2020. gada vietnes dizaina otro numuru ...

Creative Bloq izveidoja šo saturu kā daļu no apmaksātas partnerības ar Adobe Stock. Šī raksta saturs ir pilnīgi neatkarīgs un atspoguļo tikai Creative Bloq redakcijas viedokli.

  • 1
  • divi
  • 3

Pašreizējā lapa: Neverlands ar aktīvo krāsu

Nākamā lapaspuse Dzirnavas ar Studio Output