portaldacalheta.pt
  • Põhiline
  • Planeerimine Ja Prognoosimine
  • Elustiil
  • Ux Disain
  • Finantsprotsessid
Ui Disain

Jõhker veebidisain, minimalistlik veebidisain ja veebiülikooli tulevik



Kas veebisaidid muutuvad kaootilisemaks, segamini ja rafineerimata? Kas hea disaini reegleid rikutakse? Kas veeb muutub kole? Kas see on uus trend?

Kui olete nagu enamik disainereid ja jälgite toimuvat tähelepanelikult, olete seda sõna kuulnud jõhkrus mõneks ajaks vabaks lastud. Brutalistide veebisaidid eemalduvad hõlpsasti kasutatavatest liidestest, mis on pikka aega olnud tööstuse parimad tavad ja keskenduvad selle asemel ebatäiuslikele, käsitsi kodeeritud HTML-saitidele. Tundub, et disainerid loobuvad UX-i reeglitest, nagu me neid teame, jättes kõik natuke kaootiliseks.



pudel (veebiraamistik)

Klanitud, kaasaegsed disainiprintsiibid on nii levinud, et vaevalt me ​​neid stilistilise valikuna mõtleme. 'Hea' veebidisain tähendab üldiselt sellist, mis järgib minimalismi reegleid. Puhtad, lihtsad ja puhtad liidesed - kuid see pole alati nii olnud. Laske kell paar aastakümmet tagasi pöörata.

Veebi sünd

Veebidisain on läbinud pika tee alates 1991. aastast, kui esimene veebisait . Interneti-revolutsioon sai alguse oma esimestest puhtalt tekstipõhistest veebisaitidest, mis kasutasid esimese põlvkonna HTML-i.



Esimene ülemaailmne veebisait 1991. aastal

Esimene veebisaidi kujundus, mis sai alguse 6. augustil 1991.

Siis tuli Flash koos kõigi nende pööraste animeeritud saitidega, mida kõik kindlasti mäletavad. Saabus CSS (kaskaadstiililehed) väljatöötamine, pakkudes veebidisainerid veelgi parem kontroll koodis olevate täiustuste, näiteks taustavärvi, teksti suuruse ja tekstistiilide üle. JavaScript andis meile rippmenüüd, täpsema navigeerimise ja vigade kontrollimise veebivormid.



Alguses ei teadnud keegi, mida “veebidisain” tegelikult tähendab, ja veebi teerajajad kehtestasid disainimustrid katse-eksituse meetodil. Veebikujunduse ürgajal kasutati kujundusi, mis pöörasid vähe tähelepanu ametlikule semantikale ja juurdepääsetavusele, valides pigem esteetika kui struktuuri.

1998 Google



Google'i veebisait - 1998

Oma paigutuste ülesehitamisel ja struktureerimisel tuginesid disainerid suuresti HTML-elementidele nagu tabelid, pesastatud tabelid ja nähtamatud 1-pikslised vahefailid, andes neile võimaluse luua keerukamaid mitme veeruga paigutusi. Tegid päris igavad liidesed.

2000 CNN.com veebisait



CNN.com veebisait - 2000

2004 Enroni veebileht

Enroni veebisait - 2004

2000. aastate keskel sündisid veebisaidid oma struktuuri taga hoolikamalt mõeldes. Navigeerimine oli teie brauseri ülaosas ja kategooriad paigutati vasakule ribale. Veebilehed olid lühikesed ja kitsad ning sisu levis paljudele lehtedele, et mitte sundida kasutajaid kerima. Disainerid said teada, mis toimis, ja hakkasid paremaid saite ehitama, standardeid ja parimaid tavasid seadma.



Üha enamate kujundusvõimalustega kaasnes segu lärmakasest kasutajaliideseist, mis olid täis pilte ja teksti. Mõned distsiplineeritud disainerid valisid siiski ikkagi minimalismi.

Minimalistlik esteetika

Disainitrendid tulevad ja lähevad; Kuid minimalism on disainikeel, mida on aja jooksul olnud. See on disainifilosoofia, mis keskendub vormi lihtsustamisele, mis saavutatakse disaini kõige lihtsamate ja olulisemate elementide kasutamisega.



Minimalism pole veebidisainile ainuomane. Mõelge kõikidele ümbritsevatele elementidele, mis hõlmavad seda disaini ideaali; minimalistlikke kujundusi on lihtne ühendada Nesti, Apple'i, Herman Milleri ja paljude teistega, mis on inspireerinud paljusid [minimalistlikke disainereid] (https://www.toptal.com/designers/digital).

Minimaalne Pesti kodutehnika kujundus

Nest esitleb lihtsat ja varjatud tootedisaini

Herman Miller nimetab Rosewood 670/671 Lounge

Klassikaline Eamesi lamamistool ajatu ja asendamatu kontori jaoks

Apple

Elegantne ja minimalistlik stiil on Apple'i visiitkaart

Mis teeb Herman Milleri disaini tänapäeval suurepäraseks? Need on lihtsalt ajatu välimusega hästi läbimõeldud objektid. Tema kujundused sobivad suurepäraselt kaasaegsetes kodudes ja interjöörides, nad tunnevad end tänapäevalgi värskena ja kaasaegsena. Paljud tema tükid on kujundatud minimalistliku välimusega ja neid ei saa kindla moega siduda. Nad seisavad endiselt ajaproovil.

Tema aja ühe tunnustatuma graafilise disaineri minimalistlikud kujundused, Josef Müller-Brockmann , on väga sarnased Hermani omadega. Miller: ajatu . Müller-Brockmann võttis 1940. ja 1950. aastatel minimalismi omaks ja domineeris selle vormis šveitsi disaini stiil .

Tema graafilisest kujundusest eemaldati kõik kõrvalised või kõrvalised kaunistused; igal nende kujunduse elemendil oli oma eesmärk. Selle lähenemisviisi taga olev disainimõtlemine on see, mis paneb minimalistlikud digitaalsed kujundused tänapäeval nii hästi tööle.

Josef Muller Brockmanni plakatid

Puhas ja kaasaegne tüpograafia ja plakatikujundus, autor Josef Muller Brockmann

Kuidas digitaalsel ajastul minimalism kehtestati

Ajalugu leiab alati viisi, kuidas meieni jõuda. Nagu trükikujunduses, kohandati selle taga olnud minimalism ja filosoofia veebidisaini ja muude digitaalsete artefaktidega. Mõelge sellele, kuidas veebisaidid vaid paar aastat tagasi oma helendavate nuppude, joonte ja tekstilõikudega välja nägid, mis kõik karjuvad tähelepanu pärast.

Siis tuli skeuomorfne suundumus kus disainerid kujundasid elemente, mis jäljendasid reaalses elus objekte digitaalses ruumis. Kas mäletate nahast polsterdust iCal de Apple ?

Minimaalsed kujundused on tegelikult tahtlikud. See on disainilahendus, mis eemaldab kõik ebavajalikud ja keskendub elementidele, mis peaksid kõige rohkem tähelepanu tõmbama - panek sisu rõhutamine .

mis võib põhjustada mälulekke

Minimalistlik veebikujundus

Keskenduge digitaalse agentuuri põhitugevusele, kasutades kolme lihtsat sõna - Konvoi

Chylaki avakuva veebisait

See minimalistlik e-kaubanduse disain paneb rõivale rõhku, välistades kõik tarbetud segajad. - Chylaki rõivad

Minimalistlik iOS-i rakenduse disain

Ilma täiendava segaduseta keskenduvad kasutajad kasutajaliidese põhielementidele minimalistliku rakenduse kujundusega Investri oma .

Minimalistliku disaini eelised

Minimalistlik disainilahendus haaras endas paljudel põhjustel, mitte ainult välimusest. Meie parem arusaamine kasutaja käitumisest, protsessidest disainmõtlemine ja esimesed sisudisaini protsessid on seda mõtlemist edasi aidanud. Mobiiltelefonide kasutajate hiljutine massiline kasv on olnud minimalismi suunas kiireks kiirenduseks, pöörates suuremat tähelepanu kasutajaliidesele ja kasutatavusele.

Nüüd, kui kasutajad saavad igal ajal Interneti-ühendust, tootedisainerid nad peaksid keskenduma selle pakkumisele, mis on hetke kontekstis hädavajalik: õiged asjad õigel viisil ja õigel ajal, kus disain taandub selle põhiomadustele.

Mobiilikasutus esindab nüüd üle poole kõigist veebikülastustest ja see määr ainult suureneb. Reageeriv disain on olnud mängude muutja ja sunnitud disainerid 'teisiti mõelda'. Tänapäeval on tundlik või kohanev disain mobiilseadmete maailmas hädavajalik, kus minimalistlik lähenemisviis on ülioluline.

Tavakasutaja jaoks näib, et minimalism on kõige lihtsam kujundada. Täiusliku tasakaalu saavutamine, kasutades võimalikult vähe visuaalset sisu ja keskendudes ülima elegantsiga ainult põhielementidele, on tõesti väga, väga keeruline.

Minimalismi tulevik

Me peaksime mõtlema minimalismist kui ajastutruust kontseptsioonist, mis kiirgab elegantsust ja rafineeritust, mitte tegelikust trendist või lihtsast heakskiitmise etapist. Ehkki ajatu ja klassikaline, areneb ja paraneb, nagu oleme juba näinud selle juurutamisest 20. sajandi alguses.

Näiteks, Google'i materjalidisain see oli üks esimesi suuri arenguid minimalismist inspireeritud 'tasase' disaini lähenemisviisis. Google'i disainerid hoidsid asju lihtsaks ja minimaalseks, kuid parandasid disainikeelt selle abil varjeefektid ning liikumise ja sügavuse mõisted . Materjal hõlmab kindla kujundusega lamedat kujundust: see jäljendab materjale reaalses maailmas.

Materjalidisaini veebisaidi kujundusjuhendid - Google

Materjalidisaini veebisaidi kujundusjuhendid - Google

Minimalismi varjukülg

Nagu teiste elu elementide puhul, tuleb ka meil alati vaadata plusse ja miinuseid. Paljud väidavad, et tänapäeva veebisaitidel puudub maitse ja need on enamasti kõik ühesugused. Tead, suur kangelapilt või video, millel on teksti ülekate, rida ikoone tekstiga jne. Igaüks võib võtta paar minutit oma ajast ja välja mõelda 10 saiti, mis sarnanevad palju üksteisega. Kas see peegeldab meie pidevalt muutuvat veebikäitumist ja eelistusi?

Kujunduse ja kujunduse järjepidevus kasutaja tavapärase käitumise jaoks on kõigis kujundustes äärmiselt oluline, kuid me ei saa unustada ainulaadsuse väärtust. Kas oleme laisaks läinud või oleme suunanud oma mõtted ainulaadsusest tõhusamale kasutuskogemuse strateegiale?

Minimalistliku kujundusega sihtlehed

Hästi teostatud, kuid omapärane. Suur kangelase pilt toote, teksti ja tekstiga pisipiltide jaoks.

Jõhkrus veebidisainis

Oma jõulisuses ja väheses murelikkuses mugavaks või kergeks tundumiseks võib jõhkrust pidada noorema põlvkonna reaktsiooniks tänapäevase üldlevinud minimalistliku veebidisaini kergusele, optimismi ja kergemeelsusele.

Mõni armastab seda, mõni vihkab ja paljud teised lihtsalt ei saa sellest aru: jõhkraid veebisaite .

Võttes Craigslist näitena. Craigslistit tuleb pidada brutaalsete veebisaitide 'vanaisaks'. See ei ole esteetiliselt meeldiv ega ilmuks kunagi sisse www.awwwards.com . Must tekst, sinised lingid, valge taust. See pole armas. See ei pea olema, sest see töötab - ja see töötab tõesti hästi. Leidke see, mida peate ostma või müüma, ilma igasuguse segaduse ja segaduseta ning ilma imelike liikuvate osadeta.

Craigslisti veebisait, millel on jõhker hõng

Craigslist see on siniste sidemete mass. Skelett, funktsionaalne kasutajaliides.

Alates asutamisest 1996. aastal on Craigslist endiselt populaarne hoolimata - või võib-olla tänu - äärmiselt utilitaarsele kujundusele. Kujundus pole viimase 20 aasta jooksul oluliselt muutunud.

Võib-olla Craigslisti näite põhjal inspireeritud brutalistlik stiil teeb tagasituleku. Järgnevalt on toodud suurepärased näited hästi teostatud kujundustest, mis kasutavad brutalistlikku stiili.

Osta Disainikooli brutalist tüüpi veebisaiti

Ostu kujunduskool kuvab galerii töödest räpase kaardigrupina teralisel ja gradientsel taustal.

Brutalistliku veebidisaini näide

mis on alglaadimisfail
Mõiste83 ammutas inspiratsiooni varasest internetist.

Brutalistliku veebisaidi kujunduse näide

Loominguline eputamine Utrecht kasutage brutaalses disainistiilis erksaid värve.

Brutalist veebidisaini veebisaidi näide

Ebatavaline brutalistliku kujunduse kujundus Slugz

Need jõhkrad veebisaidid haaravad suures plaanis. Miks on need veebisaidid järsku nii populaarsed? Kas sellepärast, et mõned disainerid said veebi homogeniseerimisest kõrini?

Päevadel, mil esmatähtis on UX-i kujundus, kus kasutaja käitumine ja sisuline tähelepanu on kõigepealt kuningas, on UX nendel saitidel halb (tahtlikult). Vastupidiselt minimalismi põhimõtetele seisavad need kujundused silmitsi teksti ja piltide kollaažidega, kus kujundus on kõikjal (jällegi tahtlikult).

Lühike jõhkruse ajalugu

Brutalistlik stiil ei ole uus. Kiire otsing edasi Vikipeedia ütlen teile, et stiil pärineb tegelikult brutalistlikust arhitektuurist 1950ndatest kuni 1970ndate keskpaigani. Naljakas jõhkrus on järgnenud modernistlik arhitektuuriliikumine kus minimalism see oli võti.

Le corbusier ta oli selle liikumise üks suurimaid pioneere. Tema karjäär kestis viis aastakümmet Euroopas, Jaapanis, Indias ning Põhja- ja Lõuna-Ameerikas projekteeritud hoonetega.

Mõiste pärineb prantsuse sõnast ' bruto 'Toornafta' jaoks, nagu Le Corbusier kirjeldas oma materjali valikut ' jämesement ”, Toores betoon. Tundus, et hüperfunktsionaalne disain on mõeldud ainult kasulikkuse pakkumiseks, mitte meeldimiseks, justkui surudes modernismiga kätt.

Brutaalsus üritab seista massitoodetud ühiskonna vastu ja see tõmbab töötlemata segaste ja võimsate jõudude toorluule välja. Seni on jõhkrusest räägitud stilistiliselt, samas kui selle olemus on eetiline. - Alison ja Peter Smithson, Uus jõhkrus, arhitektuurne disain (aprill 1957)

Brutalistlik kujundus lükkab välimuse kindlalt tagasi, valides funktsiooni vormi asemel. Brutalistlikud disainerid on uhked, et teostavad disaini minimaalse vaevaga ja odavad saadaolevad materjalid , et saavutada ausam ja kodanlusevastasem tulemus.

Brutalistlikus stiilis ehitatud elamukompleks Habitat 67 Montrealis

27. aprillil 1967 avati Safdie linna elamukompleks nimega Habitat 67 Montrealis toimuval maailmanäitusel Expo 67.

Jõhkerus digiajastul

Bloomberg on oma uudistesaidi jaoks selle stiili omal moel üle võtnud. Kujundus on peaaegu pilkupüüdev ja keskendub selgelt toorele funktsionaalsusele.

Bloombergi jõhker veebileht

Bloombergi avaleht

Jõhkrus on kindlat tagasitulekut. Kole, toores, tavapäraseid kujundusi pole, põnevust tekitavad efektid ja pealiskaudsed kaunistused on kõikjal. Paljud puristid peavad seda suundumust karmiks, karmiks, karmiks, ebamugavaks, vastanduvaks ja küüniliseks. See on mõeldud.

The Outline - jõhker veebidisain

Kontuur Veebiajakiri valib kiired ja säravad brutalistlikud stiilid, mis trükivad selle toimetuse stiili.

Brutaalsus läheneb disainile primitiivsemalt ja keskendub veebidisaini tuumale: selle koodile. Jõhkrust kujutatakse sageli kui 'koledat' disainisuunda, kuid peame vaatama sellest kaugemale. Brutalistliku liikumise filosoofia ei ole asja 'koledaks' muutmine, vaid toores ja ilustamata.

Võiksime öelda, et tänapäeva brutaalsete saitide aluseks on 90ndate isetegemise veeb, keskendudes pigem siseküljele lähenemisele kui funktsionaalsuse ilusa fassaadi taha peitmisele.

UI kujundus populaarsele sotsiaalmeedia jagamise saidile Reddit See on ebapologeetiliselt toores ja karbiline, õhkkond täis 90ndate lõpu veebitüpograafiat, rafineerimata raskeid juhtimisseadmeid ja peaaegu pole ruumi vertikaalselt hingata.

Redditi brutaalne kasutajaliidese disain

Reddit panus funktsionaalsusele, mis hõlmab algse veebi erksiniseid linke.

Disainer Pierre Buttin on mitmete ümberkujundatud mobiilirakenduste abil viinud jõhkruse uude äärmusse. Oma viimases projektis pealkirjaga jõhker kujundab ümber Buttin valmistab Facebooki, Instagrami, Twitteri ja muid populaarseid rakendusi jõhkerstiilis, raskete tekstipaigutustega ja lamendatud paigutustega.

m&a terminilehe mall

Brutalist Style Facebooki rakenduse kujunduse näide

Aastal ümber kujundatud Facebooki mobiilirakendus brutalistlik stiil .

Brutalistlikus stiilis Twitteri rakenduse kujunduse näide

Puhas ja selge Twitteri kujundusstiil, jõhker muutus .

Jõhkrus vs. Minimalism

Jõhkrust ja minimalismi ei tohiks vaadelda võrdlevalt, vaid kui uut viisi asjadesse vaadata ja teist lähenemist disainile. Brutaalsus on impulss praeguste saitide ja rakenduste homogeniseerimise vastu, kuid enne seda disainerid Nad võivad isegi brutalistliku lähenemisviisi abil hakata veebisaiti kujundama, kõigepealt peavad nad teadma, milliseid reegleid nad kavatsevad rikkuda.

Tavapärane ja minimalistlik disain ei asenda jõhkrust. Peame suhtuma brutaalsusse kui kujunduskultuuri, mis seab väljakutse praegusele olukorrale, kultuurile, mis on väsinud ütlemast, mis on 'parim'.

Järgmise projekti jaoks nende stiilide vahel valimisel pole õiget ega valet. Enne äritegevuse lõpetamist ja järgmise veebisaidi või rakenduse kujundamist brutalistlikus stiilis veenduge siiski, et tunnete oma publikut. Võtke risk, kui arvate, et ettevõte ja teie publik hindavad seda.

Jõhker veebidisain äratab tähelepanu ja bränditeadlikkus kasvab tohutult kiiresti. Reeglid on ette nähtud rikkumiseks. Julge lasta veebil olla veeb. Julge silma paista ja ole natuke julge, isegi kui see on natuke imelik.

Visuaalne säilivusaeg - miks veebidisaini illustratsioonid vananevad

Ux Disain

Visuaalne säilivusaeg - miks veebidisaini illustratsioonid vananevad
Kuidas luua Flexboxiga ainult CSS-i jaoks mõeldud nutikaid paigutusi

Kuidas luua Flexboxiga ainult CSS-i jaoks mõeldud nutikaid paigutusi

Tehnoloogia

Lemmik Postitused
Serveripoolsete renderdatud Vue.js-rakenduste loomine Nuxt.js-i abil
Serveripoolsete renderdatud Vue.js-rakenduste loomine Nuxt.js-i abil
HTTP-päringute testimine: arendaja ellujäämisriist
HTTP-päringute testimine: arendaja ellujäämisriist
Bridgewateri Ray Dalio: Big Data, masinõppe ja Fintechi vaikne pioneer
Bridgewateri Ray Dalio: Big Data, masinõppe ja Fintechi vaikne pioneer
Magento 2 õpetus: kuidas moodustada terviklikku moodulit
Magento 2 õpetus: kuidas moodustada terviklikku moodulit
Välja tasemel rööbaste vahemälu valideerimine: DSL-i lahendus
Välja tasemel rööbaste vahemälu valideerimine: DSL-i lahendus
 
Sisuka UX-i disaini kunst
Juhend kasutajate tõhusaks kasutuselevõtuks parimate tavade kohta
Juhend kasutajate tõhusaks kasutuselevõtuks parimate tavade kohta
Disainilitsents pole lahendus
Disainilitsents pole lahendus
Liitreaalsuse vs. Virtuaalne reaalsus vs. Segareaalsus: sissejuhatav juhend
Liitreaalsuse vs. Virtuaalne reaalsus vs. Segareaalsus: sissejuhatav juhend
Mis on PMO? Juhend projektijuhtimise kontorisse
Mis on PMO? Juhend projektijuhtimise kontorisse
Lemmik Postitused
  • c++ õppimine c-st
  • s corp vs c corp tax näide
  • s corp vs c corp vs partnerlus
  • kuidas teha 3D graafikat
  • erinevus s ja c corp
  • kuidas teha google klaasi
Kategooriad
  • Planeerimine Ja Prognoosimine
  • Elustiil
  • Ux Disain
  • Finantsprotsessid
  • © 2022 | Kõik Õigused Kaitstud

    portaldacalheta.pt