Litur og lög. Þetta par af hönnunarþáttum hefur verið drifkrafturinn á bak við mörg þróun ársins. Þó að við höfum ekki séð neitt að taka við, eins og íbúð hönnun fyrir nokkrum árum eða nýlegri Material Design, eru þættir í báðum stíl að þrýsta hönnuðir til að kanna nýjar hlutir.

Bæði litavalkostir og layering virðast hafa rætur í þessum stærri þróun og eru notaðar í hönnunarkerfum, jafnvel án algerlega flattar eða fagurfræðilegu efni. Hér er það sem er í þróun í þessum mánuði:

1. Fullt af lagskiptum hlutum

Layered þættir og þrívíð áhrif eru nauðsynleg tækni í 2D vefur rými. Þökk sé skemmtilegum aðferðum, og jafnvel betur, hvernig kynnt er aðallega með Material Design, eru lagskiptir þættir poppaðar í verkefnum af öllum gerðum.

Hvað er sérstaklega gott er að það veitir vefsíðuna raunhæfari tilfinningu. Notandinn getur nánast náð og grípa þætti á skjánum. (Og það er gott!) Bragðið er að hvert lag ætti að líta út raunverulegt og létt og línurnar líta náttúrulega út.

Hér eru nokkrar leiðir til að byrja að gera tilraunir með lög í hönnunarverkefnum þínum:

  • "Lyftu" þætti úr bakgrunni með einföldum skugga eða hreyfimyndum. Olle gerir þetta með mörgum þáttum á mismunandi flugvélum, en þeir draga allir saman og líta náttúrulega út.
  • Leyfa þætti að skerast. Texti getur farið yfir í plássið sem upptekið er með mynd.
  • Parallax rolla aðgerðir eru áhugaverð leið til að búa til lagskipta þætti (forgrunnur að færa yfir bakgrunn) án þess að vera of yfirþyrmandi.
  • Notaðu geometrísk form, fjör og litbrigði til að líkja eftir dýpt í hönnuninni. Notendur ættu að líða eins og þeir geta nánast fallið í myndefnin, svo sem reynslan sem stofnuð er af Eyða stofnuninni .
  • Búðu til lög með því að fara utan um striga, með þætti sem fara út fyrir bakgrunn eða brún skjásins.
  • Leyfa þætti að hvíla ofan á áferðarsíðu til að búa til aðskilnað milli efsta lagsins (sem notendur geta ímyndað sér í raun að snerta) og bakgrunnslag.
olle
eyða
garn

2. Myrkur litakerfi

Í smá stund virtist eins og hvert vefsvæði var lægstur hugsjón, þar á meðal sterkur hvítur bakgrunnur. Þessi tilhneiging hefur breyst þar sem dimmari litasamsetningar eru að koma fram sem hönnunarmaðurinn.

Og af góðri ástæðu. Gott dökk litakerfi getur verið athyglisvert og er ekki eins sterk fyrir augum sumra notenda eins og skær hvítt. Dökk fagurfræði getur verið svolítið erfiðara ef textinn er lítill eða á smærri skjái (svo vertu viss um að gæta sérstakrar aðgátar um hvernig þættir veita á farsímum).

Þættir sem raunverulega standa frammi fyrir dökkum litakerfum eru notkun kyrrmynda og hreyfimynda, jafnvel þótt það sé varla þekkt. djörf hvítt leturfræði, birtist í björtum litum á hreim símtölum til aðgerða eða mikilvægar upplýsingar og viðeigandi almennu skapi.

Mundu líka að þessi myrkur þýðir ekki alltaf svartur. Dökk litastillingar geta verið rætur í ýmsum litum frá reds til blús til græna. Þó að svartar valkostir séu algengustu, þá er mikilvægt að velja ríkan svörtu sem er gerð úr ýmsum litasamsetningum. Flatt svartur (eða "K svartur" sem prentarar kalla það) mun láta eftir sér eitthvað í vefhönnun.

Þegar þú vinnur með dökkum litakerfum skaltu gæta sérstakrar varúðar til að tryggja að það sé rétta mótsögn milli þætti og að litir og myndir glatast ekki inni í myrkri eðli hönnunarinnar. Hvítur getur verið góð kostur auk annarra aðal litarefna með mikilli birtustigi eða mettun. Mundu að hugsa um jafnvægisskugga eins og heilbrigður. Íhugaðu að stökkva upp stærð allra textarefna með 10 til 20 prósent þegar þú vinnur með dökkum ramma til að tryggja læsileika.

sendiherra
ráðstefnu
yfirhafnir

3. Breytingar koma aftur til baka

The halli-einn af þeim aðferðum sem haldið er með íbúð hönnun-er að koma aftur. (Og það er jafnvel notað í aðallega flatt hönnunarmynstur.)

Stigsetningar vinna vegna þess að þeir gera eitthvað sem margir héldu að íbúð hönnun skorti, sem er að hjálpa til við að búa til og koma á dýpt. Hvað er nýtt um stigamörk í þetta sinn er að þau eru ekki notuð til að líkja eftir áferð eða án tilgangs. Í dag stefna er lögð áhersla á bjarta lituðum stigum sem leggja áherslu á innihald. Frá fullum skyggni yfirlögum yfir í bakgrunni fer nánast hvað sem er þegar kemur að tækni ... svo lengi sem það er feitletrað.

Hönnuðir eru að ná sem mestum árangri af endurkomu endurkomu á nokkrum mismunandi vegu:

  • Gradient- "flat lit" pör blanda bæði hönnun hugmyndum fyrir feitletrað útlit, svo sem heimasíðu fyrir WPcrew .
  • Tveir tónfræðilegar breytingar eru skemmtilegir litatöflur til að bæta við áhuga á mynd sem gæti verið nokkuð skortur eða til að bæta dýpi við bakgrunn.
  • Þó að margir af þessum stigum virðast vera í stærri mælikvarða, eru þær einnig notaðir fyrir smærri þætti, svo sem hnappa eða til að vekja athygli á tilteknu efni.

Það er enn nokkur halli sem ekki þarf að huga að. (Þar sem þú vilt ekki að þessi hönnun líti út eins og hún hljóp strax út 2012!)

  • Vertu á varðbergi gagnvart litlum stigum. Notkun í táknum er enn ekki mælt með.
  • Ekki yfirbuga innihaldið. Lóðrétt yfirborð á mynd getur verið gott (bara hugsaðu um nokkrar af þeim flottu áhrifum sem Spotify lögun reglulega), en myndin þarf samt að vera greinanleg.
  • Djarfur litaviðmiðanir hafa tilhneigingu til að hafa léttan, kremlegan tilfinningu. Gakktu úr skugga um að þetta tengist efni þínu.
  • Gefðu gaum að litasamsetningum og andstæðum þegar kemur að læsileiki. Sum stig geta orðið ljós og hvítur texti getur valdið vandræðum. Gakktu úr skugga um að prófa læsileiki gegn lit, mismunandi móttækilegum brotum og á mörgum stærðum tækjum. (Með stigamörkum geta stundarávísanir komið upp á stöðum sem þú vilt ekki búast við.)
wpcrew
sigurvegari
gagnvirkt

Niðurstaða

Það er ekkert skemmtilegra en lit þegar kemur að hönnun. Stefna í lit eru góð vegna þess að þau eru þættir sem þú getur bætt við næstum hvaða stíl hönnunar sem er án fullskammtrar endurskoðunar. Sama gildir um lagskipta þætti. Þetta er tækni sem hægt er að bæta við núverandi hönnun til að gefa henni meiri nútíma tilfinningu.

Hvaða þróun ertu að elska (eða hata) núna? Mig langar að sjá nokkrar vefsíður sem þú hefur áhuga á. Slepptu mér tengil á Twitter ; Mig langar að heyra frá þér.