Er engin hönnun ný hönnun?
Ah, ég man dagana vel ... þegar allt var glansandi, skuggalegt halli, með að minnsta kosti 6 stykki af myndatökum og lagerfoto af 5 fagna skrifstofuverkamönnum. Við elskaði myndir af hljómborð með óhefðbundnum hnöppum á þeim og 3D-áhrif stafur fólk sem geymir gljáandi tákn.
Og hvað gerðist þá? IOS 7 kom með. Hraði tólið á Photoshop okkar byrjaði að safna ryki og við eyddum gríðarlegu bókasafninu okkar á lagermyndum.
Flat hönnun tók við árið 2013 . Allt þurfti að vera björt, teiknimyndaleg og auðvitað flatt. Á sama hátt og íbúð hönnun var viðbrögð við skeuomorphism, erum við farin að sjá að hlutirnir fara öðruvísi alveg.
Svo, hvað er nýju bragðið af árinu? Ég er ánægður með að þú spurðir: Síður sem líta út eins og niðurhalssíðan á hugbúnaðarfyrirtækinu sem opnaði hugbúnað sem lokaði á seinni hluta nítjándu aldarinnar.
Þetta hefur verið skjalfest af Brutalist vefsíður , sem tók upp grip og skoraði umfang Washington Post og Fast Co til að nefna par. En örugglega eru þetta bara vefsíður frá pretentious hönnun stofnana og tilrauna listamenn? Í brutalistic Websites sýningunni, það er að mestu satt, en við erum að byrja að sjá þessa fagurfræðilegu leka í gegnum almennt. Ágætur! Við getum ekki litið á slétt íbúð hönnun fyrir restina af dögum okkar, getum við?
Persónulega elska ég þessa þróun. Ég er ekki skörpasti vefhönnuður þarna úti, og ég vil ekki nota hakkaðan ramma - það sem ég get cobble saman er það besta sem ég get gert.
Ég notaði til að eyða tíma í að hreinsa internetið fyrir gamaldags vefhönnun, gleði í Clunky Times New Roman og óþægilegum ramma. Sennilega vegna þess að það minnti mig á einfaldari tíma, þar sem fólk kallaði sig vefstjóra og allt var varanlega 'Under Construction'.
En, að reyna að læra vefhönnun frá grunni í stað þess að samþykkja WP þema eða CSS ramma, hef ég alltaf verið skammast sín fyrir að búa til einfalda, ljóta vefsíðu drauma minna. "Hvað væri málið?" Hélt ég. Sýningin myndi gera mig lítið fáránlegt. Ég get ekki notað það sem eigu fyrir neitt án þess að líta út eins og sóðaskapur.
Að sjá CSS-ljós vefsíður án JavaScript í sjónmáli gaf mér sjálfstraustið sem ég þarf að hætta að vinna á vefsvæðum annarra og gera mitt eigið, í staðinn.
Þegar ég horfði á val á nýjum lægstum vefsvæðum tók ég eftir nokkrum lykilþemum sem virðast vera að búa til fallega ljóta höfuðið.
Svart / hvítt
Svarthvítt hönnun gerir nákvæmlega hvað góð hönnun ætti að gera: vekur athygli á innihaldi.
Engin fínt CSS
Mundu gömlu gömlu dagana? Þegar allir áttu vefsíðu og höfðu eitthvað til að sanna? Nei (eða lítið) CSS nálgunin kemur aftur þessa dagana og gerir mig persónulega mjög vinsæl fyrir einfaldari tímum þar sem vefsíða gæti verið bara stutt líf og safn tengla.
Hlekkur / skarast texti
Slanted texti kastar notanda burt smá, og ekki á ótrúlega hátt . Þess í stað er það eitthvað sem notandinn er ekki vanur að sjá svo það skapar mikil áhrif.
Skoðaðu tilrauna texta staðsetningu Loïc notar á heimasíðu hans . Heildar misskilningur fyrir læsileika gefur gestum tilfinningu um hátíska verslun sem ekki hefur verðmiði. Það er svo óupplýsandi (og í þessu tilfelli, fyrirfram) að það sé flottur.
Lítill áhersla á mælikvarða eða padding
Bloomberg er fá frekar tilraunir Þessa dagana, og ég elska það. Ímyndaðu þér prófanirnar og þrengingar sem hönnuður þurfti að fara í gegnum til að fá það sem samþykkt var við stóra yfirmanninn.
Ástæðan fyrir því að þetta er frábært er að það er svo öðruvísi. Það lítur lítinn á hina hörðu hönnunarreglur: yfirgefa nóg pláss á milli þætti, halda hlutum á svipaðan hátt og jafnvel tryggja að allt sé rétt læsilegt á öllum tækjum.
Tilvísanir í arfleifð tækni
Mörg okkar munu hafa góða minningar um Windows 98 eða snemma Mac stýrikerfi. Sumar vefsíður vekja tilfinningu fyrir fortíðarþrá - og kannski húmor - með því að vísa til gömlu hugbúnaðarins. Eftir allt saman kemur mikið af grimmilegri vefhönnun frá "gömlum dögum".
Skoðaðu þetta dæmi frá Post HTML (þessar möppur innihalda hverja tilraunaverkefni).
Hvað þýðir þetta fyrir hönnuði
Við héldum að flatt = einfaldleiki, en augljóslega þurfti það ennþá tonn af hönnunarvinnu til að fá það rétt.
Með fagurfræðilegu fagurfræði kemur framhjá, munu hönnuðir þurfa að treysta minna á hefðbundnum CSS ramma og kóða staður frá grunni.
Hins vegar virðist ekki vera fyrirtæki sem ráða þessa þróun á síðum sínum. Brutalist hönnuður til hliðar frá Bloomberg og nokkrum stærri nöfnum - er núna bundinn við hönnun stofnana, tilraunaverkefni og persónuleg blogg.
Ef þú vilt búa til eigin brutalist vefsvæði þitt, hér eru nokkrar ábendingar ...
Stripðu CSS úr núverandi vefsvæði þínu
Þó að sumar síður treysta mikið á CSS fyrir lárétta staðsetningu, er það mögulegt að rífa alla stíl frá sumum vefsíðum og hafa þau ennþá sýnd 'rétt'. Hér er dæmi:
Ef vefsvæðið þitt byggir á áberandi hreyfimyndir, JavaScript eða ímynda sér CSS, mun það líklega þurfa að endurgerð ef þú vilt samþykkja þessa stíl. Reyndar var ástæðan fyrir því að ég þekki WordPress vegna þess að ég gat ekki fundið þema sem passaði við sýnina mína. Að lokum lauk ég í raun að læra HTML / CSS með því að breyta fornu sniði frá upphafi 2000s. Eftir það fannst mér fullviss um að fara á undan og byrja yfir, scribbling eigin sóðalegur CSS minn og gera lengsta hlutinn úr fágaðri 'nútíma' síðu.
Skerið aftur í tvílita
Stundum þýðir brutalist hönnun einfald hönnun. Og það er alltaf frábært fyrir notendavandann. Skerpa núverandi litatöflu þína á aðeins 2 litum (svart og hvítt, tæknilega), getur hjálpað til við að draga úr of mikið af notanda og gefa þeim skýrari stefnu um hvar á að fara. Eftir allt saman sérðu ekki síður með tonn af mismunandi litum á textasvæðinu því það er erfitt að einblína á.
Fáðu skapandi með texta staðsetningu
Hver sagði að þú þurfir að hafa allt í lagi? Vefslóð Loïc Dupasquier hér að ofan, til dæmis, er djörf yfirlýsing sem segir eitthvað um hönnuðinn. Að horfa á nákvæmlega það sama og hvert annað hugsanlegt að ráða er ekki gott útlit.
Nema þú sért frægasta hönnuður á þessu sviði, verður þú alltaf að vera næst besti. Með því að skila hefðbundnum reglum um leturfræði stendurðu út úr hópnum.
Re-læra grunnatriði og gamla leiðir
Fyrir mig var það ekki spurning um að aðlaga hönnun eða færni að nýju hugarfari. Ég lærði grunnatriði vefhönnunar aftur þegar staður leit út eins og þær sem ég hef sýnt þér, þannig að allt sem ég þurfti að gera var að taka fljótlega endurnýjun og komast í vinnuna.
Ég mæli með að kíkja á kóðann á gömlum stöðum og þeim sem eru á Brutalist Websites, gamla HTML námskeið , eða þetta gullmín sem inniheldur lista yfir fyrstu vefsíður sem eru enn á lífi.
Þar sem þessi stíll virkar vel (og þar sem það er ekki)
Að lokum er vefsíða alltaf jafnvægi milli sjálfstætt tjáningar og að skapa bestu reynslu fyrir notendur þína.
Á blogginu er líklega best að einbeita sér að því að gera líkamann á textanum auðvelt að melta. Þú munt taka eftir því að meðan Bloomberg er á Yahoo byrjar nokkuð skrýtið, er meginmáli textans auðvelt að lesa.
Svo þegar þú ert að byggja upp blogg er betra að halda þér við samninga um líkama greinarinnar. Til dæmis, WIRED Hönnunin er mjög áberandi en þegar það kemur að greinum sjálfum, nota þau skemmtilega leturgerð og halda því læsilegri.
Fyrir hönnuður sem vinnur að mestu leyti með djúpum fyrirtækjum, getur tilraunasafnið lagt viðskiptavininn á mikilvægasta augnablikinu - fyrsti tengiliðurinn.
Að lokum kemur það að því að vita áhorfendur þína og hvort þú getur komist í burtu með algjörlega hunsandi samningum.
Fara fram og gera eitthvað ógeðslegt ljómandi.