Hér er lögð áhersla á ...

Það er þema þessa mánaðar. Þetta safn af þróun leggur áherslu á að leggja áherslu á hönnunina með sértækri lýsingu frá skáletri til að skipta skjárum í áþreifanlegan, lægstur bakgrunn sem paraður er með bragð eða tvo.

Hér er það sem er í þróun í þessum mánuði:

1. Split Skjár

Split skjár hönnun var eitthvað sem byrjaði að ná gripi um miðjan 2016 og nú er það stórt mál. Flettu í gegnum söfn vefhönnunar og hættu skjár útlínur eru alls staðar.

Hvað er gott er hversu hratt stílin hefur þróast. Snemma hættu skjár hönnun lögun aðallega samhverft hönnun með yin og Yang stíl fagurfræði. Hin nýja hættuskjárinn hefur meira "eitthvað sem gengur" til þeirra.

Í þremur dæmunum hér fyrir neðan eru þrjár mjög mismunandi leiðir til að nota sömu þróun.

  • Rency notar split hönnun til að innihalda lykkja vídeó og helstu flakk. Andstæður milli hvíta svæðisins og rauða er áþreifanleg og vekur augun á skjánum. Það tryggir einnig að notandinn muni finna siglingar því það er eini þátturinn innan lituðu hluta hönnunarinnar.
  • GECN er flókið ríkisstjórnarsvæði sem notar hættuskjá til að flytja tvær mismunandi hugmyndir með tveimur tenglum strax í hönnuninni. Þótt skiptin sé ekki fullskjár og inniheldur mikið af texta, er þetta gott val fyrir hönnun með fullt af aðgerðum, notendavörum eða flókið efni.
  • Bashful notar hugtak sem er svipað og Rency en með snúningi: Hönnunin inniheldur myndbandslás í fullri stærð og helmingur þess er þakinn litaða litaskáp. Allar smelltir þættirnir eru inni í blönduðu svæðinu og flakkavalmyndin er falin efst í hægra horninu á myndskeiðinu.

Hvað hvert af dæmunum hefur sameiginlegt er að split skjár hönnun bætir áherslu á innihald. Það hjálpar að keyra notendur til sérstakra þátta í hönnuninni með því að nota lit og með raunverulegri eða skynjuðu hreyfingu, þökk sé andstæðum "skjáum".

Besta hluti nýrra hættu skjár hönnun er að það er ósamhverfar flæði til þeirra. Hönnuðir eru ekki fastir í yin og yang sniði og niðurstaðan er miklu meira áhugavert sjónræn mynstur.

venja
gecn
bashful

2. Skáletrað

Eitt af því sem minnst er notað stafstíll er að fá meiri spilun sem skjávalkost.

Skáletrun er að leiða inn í leturgerðarmyndir hönnuða og ekki bara fyrir einstaka áherslur. Fleiri skáletraðir eru notaðir til að sýna leturgerðir, efri þættir eins og tenglar eða valmyndir eða fyrir breiðari áherslur.

Skáletraður er ferskt að taka á dæmigerðum stílum þínum. Vegna þess að þeir eru ekki svo mikið notaðir, þá er þessi stefna sú sem er viss um að grípa athygli gesta, jafnvel þótt þeir séu ekki vissir hvað um bréfið hafi athygli þeirra í fyrsta sæti.

Skáletraður er lúmskur breyting sem þarf ekki einu sinni nýtt leturgerð. Þeir koma með nokkrar varúðarráðstafanir og tillögur um bestu starfsvenjur.

  • Til að ná sem mestum skáletrun nota þau sparlega fyrir smærri textabrot.
  • Notaðu mjög læsileg leturgerð ef þú ætlar að skáletra; nýjungar valkostir geta orðið erfiður.
  • Notaðu leturgerðina og reyndu ekki að búa til þína eigin útgáfu með sláandi stafi. (Það getur orðið sóðalegt að flýta.)
  • Notaðu skáletrað til að tákna almennt skáletrað atriði, svo sem titilinn á eitthvað, sem sýningarskápur í mörgum dæmum hér að neðan.
  • Par skáletrun með einföldum áhrifum, svo sem fjör eða lit, til að auka enn meiri áherslu.
  • Vegna þess að skáletrun getur verið svolítið erfiðara að lesa skaltu ganga úr skugga um að það sé nóg af andstæðu milli tegundarinnar og bakgrunnar.
  • Par skáletraður valkostir með einföldu serif eða sans serif leturgerð til að ekki skemma skáletrið.
ital-2
cq
gullfiskur

3. Solid bakgrunnur með "bragð"

Eitt af auðveldustu leiðunum til að skapa sjónræn áherslu er með andstæða þætti. Þótt solid lit bakgrunnur gæti virst látlaus eða flatt, getur það verið fullkomið striga fyrir hönnun bragð, svo sem fjör, mynd eða hljóð.

Andstæður milli áreynslunnar í bakgrunni og bragðinni, hjálpar til við að færa notendaviðmótið í lífinu. Frá einföldum skopparferðum í 3K hönnun til skemmtileg teiknimynd frá Retrace Heilsa til parallaxröðunar á Florian Monfrini .

Hver áhrif koma fram vegna einfaldleika bakgrunnsins. Ennfremur fá þessi bakgrunnur ekki í veg fyrir hönnunina heldur. Hver og einn er hvítur eða pastel og hverfur úr forgrunni þannig að notendur einbeita sér að skilaboðum aðal innihaldsins. (Svartur eða einfaldur dökk bakgrunnur getur unnið jafn vel.)

Þess vegna virkar það: Notendur eru ekki veiddir upp í striga og hönnunin birtist næstum af skjánum. Það er næstum eins og list á vegg. Ef veggurinn er málaður með villtum litum og mynstri getur verið erfitt að sjá ramma myndina sem þú ert þarna fyrir, en listaverk á hvítum vegg er sýningarmynd.

Þessi hönnun stefna skapar sýningarsvæði fyrir það bragð sem þú hefur verið að vilja fella inn í verkefni. Það getur verið næstum allt. Og það verður hápunktur hönnun með einföldum striga til að sýna það á.

Ein varúð þegar gerð er litaval fyrir einföldan bakgrunn: Halda mestu áhrifin á hvítum, svörtum eða hlutlausum litum. Djörf, björt litir eru nánast hönnunar bragð í sjálfu sér og geta haft áhrif á markmið þitt.

3k
retrace
flórian

Niðurstaða

Sérhver hönnun þarf að leggja áherslu á eitthvað. Þess vegna er þessi hópur af þróun svo hressandi. Hver undirstrikar eitthvað sem skiptir máli fyrir notendur með auðvelt að skilja leið til að leggja áherslu á. Notendur vita nákvæmlega hvað skáletrun þýðir og þeir geta séð afbrigði á hættulegum skjárum eða bakgrunni sem er í andstöðu við notendaviðmót.

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.