3 Essential Hönnun Stefna, desember 2017
Allar þremur mikilvægustu hönnunarþrengingar þessa mánaðar eiga að gera með typography. Og þróunin sýna nokkrar góðar leiðir til að nota fallega gerð til að búa til notendaviðskipti og gera frábært fyrstu sýn.
Eitt algengt þema meðal þessa hönnun er að allar leturgerðirnar eru mjög læsilegar. Ef þú ætlar að vinna með nýjustu tísku eða angurvandi textareiningu, veldu leturgerð sem notendur munu ekki eiga erfitt með að lesa. Nútíma tækni er bragð með þessum hönnun, ekki leturgerðinni sjálfu.
Hér er það sem er í þróun í þessum mánuði:
1. Sláðu bara fyrir ofan rúlla
Þó að frábær mynd geti dregið til notenda í hönnun, stundum eru rétt orð og rými miða.
Lykillinn að því að gera sem mest úr þessari hönnunarstefnu er að betrumbæta skilaboðin þín. Orðin þurfa að vera einföld, segja eitthvað sem er þýðingarmikið og skapa gildi fyrir notandann.
Svo hvernig gerir þú það?
- Byrjaðu með lykilasafni. Það getur verið verkefni þitt eða verðmæti uppástunga fyrir notendur. Segðu notendum hvað þú ert að borða og af hverju vefsvæðið þitt muni verða mikilvægt fyrir þá.
- Veldu einfaldan leturgerð sem hefur sama skap og skilaboðin til lengri afrita.
- Ef textasvæðið er stutt, eins og með Tegundir Tegund , íhuga funkier tegund valkostur til að draga notendur inn.
- Gerðu sem mest úr plássinu. Athugaðu að í öllum dæmunum hér að neðan hefur textinn nóg af plássi til að anda, sem gerir það auðveldara að lesa í fljótu bragði. Rúm getur einnig hjálpað til við að draga auga á texta og geta jafnvægi texta þætti ef þú vilt ekki miðja þá á skjánum, svo sem Hönnuður .
- Notaðu lit til að bæta sjónrænum áhuga. Björt, töff húðir geta hjálpað til við að draga notendur inn í hönnunina. Litur getur einnig hjálpað til við að setja skap sem tengist skilaboðum.
Þegar þú vinnur með gerð-þung hönnun, ekki þvinga það ekki. Stundum hefur þú ekki næga texta til að fylla upp í fullan "skjá". Minna + fleiri og gerð gerð nota litablokkun til að búa til margar spjöld sem eru stórt fullkomlega fyrir textarefnið þar.
2. Texti í hvítum reitum
Með svo mörgum feitletrunarmyndum í vefhönnunarverkefnum - og svo margar móttækilegir punktar til að takast á við hvíta kassa koma aftur sem gámur í texta. Hvítar kassar með dökkum texta inni geta tryggt læsileika þegar kemur að skilaboðum ofan á myndum, myndskeiðum eða myndum þar sem litbrigði er litið.
Og meðan þessi þróun gæti hljómað svolítið, vel ... sloppy eða latur, lítur það í raun vel þegar það er gert vel.
Þú getur ekki bara smellt kassa hvar sem er á myndinni og vona að það sé best. Hvítar kassar þurfa að vera settar beitt þannig að þau nái ekki til mikilvægra hluta myndarinnar og þannig að notendur hreyfi sig við þau þegar þeir horfa á hönnunina.
Hvítar kassar þurfa að vera nógu stórir til að innihalda eðlilegt magn af texta og þú ættir að hafa áætlun um þennan þátt á minni skjái, svo sem að leyfa öllu í textareitnum að falla undir aðalmyndina. Ekki reyna að setja textabox yfir mynd á minni skjái vegna þess að þú munt endar með textaboxi sem er of lítill til að lesa eða kassinn mun ná yfir myndina sjálfan.
Ef þú pottar fyrir hvíta kassann meðferð, hafa gaman. Hvert af dæmunum hér fyrir neðan notar hvíta kassa á mismunandi hátt.
Gerðu pláss klippir hvítum reit í neðra horni myndarinnar þannig að flest myndin sé sýnileg. Hvíta kassinn blæðir inn í hvíta plássið hér að neðan þannig að það lítur næstum út eins og það kemur upp úr spjaldið hér að neðan. Þessi aðferð hjálpar til við að tengja aðalregluna við efnið hér fyrir neðan (og getur jafnvel hvatt til að fletta).
Hvernig það notar hringlaga dropar þannig að hvíta textaboxarnir passa betur saman tóninn í bakgrunnsmyndinni. Þessi lúmskur breyting í formi, þannig að kassarnir birtast meira vökva hjálpar til við að tengja þætti þannig að kassarnir og bakgrunnurinn séu í samræmi. Þú vilt ekki hvíta kassa fyrir texta til að líða eins og þau eru lýst á óvart í bakgrunni. (Það virkar ekki og mun ekki hjálpa til við að skapa samloðandi tilfinningu fyrir notendur.)
Macaulay Sinclair hefur meiri texta en önnur dæmi með því að nota eina hluti af myndflettitöflu til að halda textareiningunni. Hérna er myndin á bak við hvíta kassann þjónar ekki upplýsingaverðmæti. Það hefur lit og hreyfingu sem lítur út eins og aðrar myndir og virkar aðallega til að skapa samheldni milli textareiningarinnar og afganginn af hönnuninni.
3. Typography Cutouts
Enginn sagði alltaf að þessi texti ætti að vera röð af fullum fylltum bókstöfum. Fleiri hönnuðir eru valnir fyrir leturgerðir sem innihalda litablokk yfir mynd svo að myndin sé með skýrum letri.
Þessi tækni getur unnið með myndum sem eru enn eða í beinni hreyfingu og með fullri skjár yfirliti þannig að aðeins lítill fjöldi upplýsinga kemur í gegnum bókstafi (næstum til að búa til áferð) eða með meira af blokkum yfir myndinni með fleiri af bakgrunnsmyndinni sýnilegt.
The bragð til að gera þetta verk er rétt leturgerð. Bréf verða að vera þykkur nóg högg svo að myndin eða áferðin í bakgrunni sé sýnileg. Þú getur ekki gert þetta með þunnt eða þéttur leturgerð með samkvæmum árangri.
Þessi aðferð virkar einnig best ef fjöldi orða og bókstafa er nokkuð takmörkuð. Haltu í einum til þremur orðum með 10 eða færri stafi eða notaðu mjög algeng orð sem notendur munu vita í fljótu bragði.
Danbury notar björtu textaskiptingu sem teikningu til að hvetja notendur til að taka þátt í myndsímtalinu. Allt appelsínuboxið er bara risastórt hnappur.
Fusion Winery notar bakgrunnsvideo af víngarði í bréfinu. Hvað er gott um þessa hönnun er þrefaldur lag áhrif: Video bakgrunnur fyrir neðan hvíta textaskiptingu undir vöru mynd.
The Kaneko notar óþekkjanlegt mynd sem fylling fyrir bókstafi. Ef þú velur þennan stíl skaltu halda þessari bakgrunni einfalt eins og gert er með þessari hönnun. Það er bara snerta lit og áferð sem dregur augun á texta á áþreifanlegri striga.
Niðurstaða
Söfnunin veitir innblástur fyrir þau verkefni sem gætu ekki haft góðan mynd eða myndskeið, svo að þú getur samt fundið leið til að búa til eitthvað sem notendur munu svara. Ekki vera hræddur við að nota texta sem sjón- og upplýsandi þáttur í þessari hönnun.
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.