Explorarea tendințelor de design ale aspectului paginii de pornire în stilul revistei

Publicat: 2016-03-25

Designerii care au acordat atenție blogurilor online și surselor de știri vor fi observat tendința în creștere a aspectului site-urilor web în stil revistă. Mai exact, liste de știri în care puteți găsi o duzină de povești, toate legate de subiecte diferite, care sunt grupate într-o singură secțiune. Este un stil preferat, deoarece cititorii vor trece cu atenție prin aceste fluxuri de știri individuale în căutarea unui titlu care să le atragă atenția.

În acest articol, vreau să privesc mai profund popularitatea acestui stil de design. Mai precis, aprofundarea în aspectul paginii de pornire a revistelor, care au devenit mai dinamice și mai influente în comparație cu site-urile blogurilor de acum 5-10 ani. Numeroase reviste și-au luat publicațiile online pentru a sprijini un public mai larg. Beneficiile sunt uriașe dacă puteți reuși să organizați o mulțime de conținut într-o manieră abundentă, dar ușor accesibilă.

Sentimentul unei reviste

Veți observa că majoritatea acestor site-uri web arată și se simt ca o revistă digitală. Nu există hârtie de ținut sau pagini de răsturnat, dar culorile și tipografia oglindesc o pagină tipărită. Desigur, acest lucru nu este întotdeauna cazul, dar este posibil să găsiți această estetică de design potrivită perfectă.

Cititorii care înțeleg designul revistelor vor avea de obicei un timp mai ușor să navigheze pe site. Nu trebuie să vă faceți griji atât de mult cu privire la crearea unui antet de navigare în afară de categorii și chiar și acestea ar putea fi adăugate într-o bară laterală. Majoritatea spațiului tău alb ar trebui să fie ocupat de titluri și știri prezentate.

navigare în antetul de sus în stilul unei reviste site-ul web al revistei mirese

Aspectul site-ului pentru Mirese face o treabă excelentă, transmite sentimentul revistei tipărite. Fiecare poveste are o imagine în miniatură tipică și există chiar blocuri la mijlocul paginii care despart știrile prezentate și reclamele mici. Există, de asemenea, un formular de comandă pentru a ridica copii tipărite fizice care pot fi expediate direct la tine acasă! Acest formular de înscriere este o idee bună dacă intenționați să oferiți acest serviciu de expediere, care poate oferi un pic de venit suplimentar pentru afacere.

în stil revistă mirese revistă partea de jos aspect site link-uri alb-negru

Zona de subsol inferioară este, de obicei, ceea ce v-ați aștepta într-o revistă. Contrast simplu, natural pentru lectură și conține toate linkurile pe care te-ai aștepta să le găsești într-o navigare pe site. Cred că fundalul alb folosind text întunecat este o soluție ușoară, deoarece le permite cititorilor să-ți imprime revista fără a risipi cerneală. Așadar, întregul site aproape se simte ca o revistă tipărită transferată în conținut digital.

Blocuri de posturi încorporate

Un stil de design interesant este construirea unui aspect al unei reviste cu conținut adaptat în fiecare coloană. Unii cititori vor fi enervați de parcurgerea atât de multe titluri împachetate într-un model de cutie unic. Cu toate acestea, prezentarea este mai sus decât solidă și puteți lăsa o amprentă asupra cititorilor care caută cele mai recente povești de ultimă oră.

ambreiaj în stil revistă revista site web inspirație coloane simple

Site-ul web pentru Clutch Magazine este un exemplu frumos în care bara laterală din stânga conține știri secundare. Cele mai recente comentarii, articole de opinie, reclame și alte câteva widget-uri vor fi afișate aici. Acest lucru lasă loc pentru două coloane de articole noi organizate cronologic. Aspectul este, de asemenea, un design de încărcare leneșă care va adăuga automat pagini noi prin Ajax.

Noile postări vor depăși în cele din urmă bara laterală și vor umple întreaga pagină de pornire cu conținut nou. Acest stil poate funcționa numai dacă lăsați suficient spațiu pentru ca fiecare postare să se gestioneze singură. Clutch folosește miniaturi și chenaruri în jurul fiecărui titlu pentru a le face distincția. Consider că acest lucru nu face decât să îmbunătățească dorința „încorporată” de a introduce conținut în pagina ta. Observați că bara de instrumente antet fix oferă, de asemenea, acces direct la legăturile de navigare și la formularul de căutare.

Știri cu derulare infinită

Vreau să mă întorc și să revin asupra acestei idei de știri cu defilare infinită. Caracteristica nu pare a fi atât de mare la început. Dar apoi, după testarea unui aspect care include această interfață cu încărcare leneșă, nu veți dori niciodată să vă întoarceți. Tumblr și Pinterest au fost primitori în rândul rețelelor sociale și a crescut rapid de atunci.

În stilul revistei, site-ul web al revistei UGSMag. pagini infinite care încarcă arhivele paginii de pornire

UGS Mag este un alt exemplu care folosește efectul de defilare infinită pe pagina lor de pornire. Singurul dezavantaj este că cititorii nu pot copia și partaja permalink-uri către diferitele pagini de arhivă. Evident, fiecare articol va avea o adresă URL unică, dar este regretabil faptul că listele reale de pagini nu vor primi niciodată propria lor adresă URL. Aceste pagini individuale nu sunt foarte populare, așa că nu este mare lucru de pierdut, dar țineți cont de acest lucru pentru fiecare proiect de blog/revista la care lucrați.

Aspectul paginii de pornire a UGS se potrivește bine cu fiecare listă de postări, deoarece miniaturile sunt potrivite chiar lângă casetă. Deci, fiecare articol este distinct și iese în evidență din mulțime, dar totuși vine împreună pentru un model de cutie ciudat și frenetic. Luați în considerare nevoile personale atunci când planificați aceste diverse modele de layout și întrebați-vă ce se potrivește cel mai bine site-ului web.

lazy loading footer link site-ul revistei de distracție

Cred că Amusement merită adăugat în acest subiect datorită implementării lor. Când derulați în partea de jos a paginii, veți observa un link în subsol care scrie „ÎNCĂRCĂ MAI MULT”. În loc să preluați automat povești noi, aveți ocazia să vă uitați prin unele dintre linkurile de subsol și poate decideți dacă doriți măcar să se încarce o altă pagină. Această interfață cu încărcare leneșă oferă control asupra utilizatorului, ceea ce este o soluție mult mai bună.

Miniaturi mixte cu titluri

Pentru a trece pe teritoriul ziarelor, luați în considerare designul paginii de pornire care prezintă o colecție mare de articole noi. Acestea pot fi amestecate în diferite categorii sau coloane pe pagină și veți avea postări mai mari în partea de sus, folosind dimensiuni de font mult mai mari. De obicei, aceste titluri reprezintă postări recomandate care sunt promovate de editori.

Conceptul de a combina un flux de știri pe pagina de pornire este de a eșalona conținutul important fără a pierde atractivitatea. Acest lucru este realizat cu măiestrie pe site-ul web al revistei WWD folosind o serie de coloane diferite. Principalele „Povestiri de top” raportează în centru folosind doar o singură miniatură. Dar puteți derula prin glisorul de imagine al publicațiilor recente, care se află, de asemenea, în partea de sus a paginii.

pagina de pornire wwd eșalonează postările în miniatură coloane inspirație pentru design

Oferind cititorilor dvs. o serie de selecții din care să aleagă, îi va menține interesați mai mult timp. Și menținerea vizitatorilor implicați este modul în care îi puteți conecta la subiecte mai interesante, care pot fi găsite mai adânc pe site. Aspectul revistei WWD este excelent la implementarea unei game largi de liste de știri. Dar are un design ușor aglomerat, care ar putea fi mai bine organizat păstrând mai multe articole prezentate în partea de sus pentru a atrage atenția.

Cel mai simplu mod de a vă extinde înțelegerea efectelor UI/UX este să găsiți site-uri web de reviste similare care sunt deja online. Priviți aceste exemple cu o minte critică, luând în considerare atât aspectele grozave, cât și aspectele nu atât de grozave care ar putea fi îmbunătățite. Apoi aplicați-vă cunoștințele asupra proiectelor dvs. pentru a valorifica ceea ce ceilalți băieți fac greșit (sau ar putea face mai bine).

Gânduri finale

Când vă proiectați aspectul revistei/blogului, sper că veți lua în considerare câteva dintre aceste idei. Noile lansări ar trebui să se concentreze mai mult pe construirea de conținut înainte de a aplica efecte de interfață utilă. Cu toate acestea, un design frumos va atrage atenția aproape imediat și va atrage mulți cititori interesați pe pagina dvs. de pornire.

Pe măsură ce avansăm, sper să văd mult mai multă varietate în revistele digitale online. Metodele mai vechi de publicare necesită mult timp și hârtie. Distribuirea de știri prin internet este o situație mult mai profitabilă și mai profitabilă. Cheia pentru a vă construi reputația este printr-un branding solid și mult conținut grozav.