El Dizajni i përgjegjshëm është jetik sot për shkak të formateve të ndryshme ndaj së cilës një përdorues përballet nga tableti, celulari dhe madje edhe kompjuteri i tij. Ky dizajn i përgjegjshëm në marketing dhe postë elektronike në faqet e postës elektronike është më shumë se i rëndësishëm për komunikimin gjithëpërfshirës me klientët tanë.
Kështu që ju duhet ta merrni seriozisht për të marrë modele të ndryshme me të gjerësi të ndryshme për të arritur me dizajnin më të mirë të mundshme ato gazeta ose ajo faqe uljeje ku do të zbresin klientët e ardhshëm që dëshirojmë t'i konvertojnë nga reklamat tona në Google ose Facebook.
Dizajn i përgjegjshëm në marketing me email
Marketingu me email është një nga mënyrat për të njoftuar ofertat e produkteve ose ato postime të reja të krijuara në blogun tonë kështu ngushtohen në një mënyrë më të thellë me të gjithë ndjekësit tanë.
Që këto buletine janë të përgjegjshme do të thotë se ato mund të shihen në mënyrë perfekte nga një celular, një tabletë ose një kompjuter. Pra, ne duhet të përpiqemi të kemi mjetet e nevojshme në mënyrë që të gjithë elementët vizualë të jenë mjaft harmonikë për një lexim të lehtë të gazetës.
Buletini IKEA
Responsive do të thotë se shfaqja e një faqe në pajisje të ndryshme është gjithmonë e saktë. Për këtë kemi mjete email marketing që na ndihmojnë të testojmë gazetën e krijuar në formate të ndryshme dhe kështu të modifikojmë vlera të tilla si mbushja ose marzhi në mënyrë që ato të ripozicionohen në mënyrë të përsosur ndërsa zvogëlojmë gjerësinë e shfletuesit tonë.
Në përdoren dizajn uebi me CSS "Media Queries" për të hartuar një faqe në internet sipas formatit. Deri në 360px do të ishte për një celular dhe nga 360px në 650px mund të bënim modifikime për të gjithë ata përdorues që shohin faqen tonë të internetit nga një tabletë.
Disa nga parimet për gazetat tona të marketingut me email janë:
- Një hierarki e pastër vizuale: një titull në H2 për të lënë tekstin në format paragrafi.
- Dy burime të ndryshme: një për titullin dhe një për tekstin e bën gazetën tonë më të lexueshme.
- El përdorimi i ngjyrës për të dalluar titullin, tekstin dhe elemente të tjerë: gradualisht mund të kalojmë nga një gri e errët në një më të çelët.
- Un CTA (Thirrje për veprim) e qartë dhe e dallueshme: nëse logoja e kompanisë sonë është në të kuqe, CTA mund të jetë në këtë ngjyrë, ndërsa pjesa tjetër në një ngjyrë plotësuese.
Ne ju japim një shembull të qartë të një të shkëlqyeri dizajn i përgjegjshëm në një buletin të kryer nga Filmin dhe që mund ta shihni në imazhin e dhënë. Tipografia e qartë në të bardhë, dhe teksti në një gri shumë të çelët, por që na lejon të vizualizojmë shpejt hapësirat e ndryshme në të cilat ne jemi të ftuar të lexojmë nëse duam. CTA nuk është se është nga një botë tjetër, por ndihmon me atë ikonë të lojës dhe kjo na bën të shohim se çfarë na pret.
Hapësira të mjaftueshme në margjina, e bardha si ngjyra kryesore për tekstin dhe që përshtatet në mënyrë të përsosur me logon Të markës; i rrethuar nga ajo gri që e bën të dallohet. Një imazh tërheqës që përcakton pikën e një gazete që lidhet që nga momenti i parë. Hapësira gjithashtu lihen në anët në mënyrë që e gjithë gjerësia e ekranit të mos "hahet".
Në Versioni desktop ruan ato parime, madje duke lënë më shumë hapësirë në tekste dhe duke lënë një diferencë të madhe në secilën anë:
Dizajni i përgjegjshëm në një faqe uljeje
L të njëjtat parime mund të përdoren në hartimin e përgjegjshëm të një faqe zbarkimi. Extremelyshtë jashtëzakonisht e rëndësishme të merrni gjithë kohën në botë për të zgjedhur siç duhet modelin dhe për të ndjekur disa rregulla në dizajn:
- Thjeshtësia vizuale: Ne po flasim për mbajtjen e hapësirave bosh për të vendosur fokusin në CTA.
- Imazhe të bukura dhe tërheqëse për lexuesin, pa harruar rezolucionin dhe se ato duken perfekte.
- Rëndësia e ngjyrës dhe që e theksojmë përsëri.
Ne duhet të punojmë në hartimin e përgjegjshëm të një faqe uljeje për një celular, tablet dhe desktop. Merrni koha e nevojshme për të provuar përsëri dhe përsëri kur çdo ndryshim shihet në ato tre formate, pasi ne mund t'i besojmë vetes dhe të harrojmë se ato ndryshime të bëra në CSS do të duken të tmerrshme në celular.
Faqja e Uljes Hotjar
Workshtë punë që mund të jetë e lodhshme, por është jetike që të gjejmë kohë për të provuar çdo ndryshim. përdorimi i kufijve anësorë dhe përpiquni, për aq sa është e mundur, të mos humbni rregullat në CTA ose butonat e veprimit:
- Që distanca në lidhje me tekstin dhe kufirin e butonit është progresive në të tre formatet. Nuk është as i vogël dhe as i madh dhe se është në të njëjtën lartësi.
- La raporti në madhësinë e butonit CTA me pjesën tjetër të elementeve ku është vendosur duhet të sigurohet.
Një shembull i qartë i kësaj është punën e bërë nga Shopify në faqen tuaj të uljes në desktop dhe në të cilën mund të shihni në versionin celular. Vëmendje për përdorimin e ngjyrave, hapësirave të bardha dhe atyre teksteve me madhësitë dhe tipografinë e tyre të përshtatshme:
Një seri këshillash për të pasur një faqe ulje më e mirë për biznesin tuaj ose dyqanin në internet dhe ato buletine kaq të rëndësishëm për të marrë azhurnimet dhe promovimet te përdoruesit tuaj.