Veebikujunduse kriitika nr 2
Täna jätkame oma uut veebidisaini kriitika seeriat, kus vaatame põhjalikult elavat veebisaiti ja toome välja nii selle tugevad küljed kui ka valdkonnad, mida saaks täiustada.
Top Test Prep, sait, mida täna vaatame, oli meie esimene klient, kuid taotlused on lisandunud, nii et lisage kindlasti varsti loendisse!
Uurige Envato elemente
Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 24 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.
Üles testi ettevalmistamine
Tutvuge eraviisilise juhendamisettevõttega Top Test Prep, kes uhkeldab sellega, et läheduses on mõned parimad ja säravamad juhendajad. Nende kodulehe kujundus on üsna lihtne; tsentreeritud paigutus, mis on selgelt jagatud mitmeks osaks.
Enne kui jõuame mõtteni, mis võiks kujunduses parem olla, vaatame üle mõned asjad, mis on hästi tehtud.
Liug ja fotograafia
Olen jQuery pildislaidide imetaja. Need lisavad kujundusele dünaamilise taseme ja lihtsalt piisavalt liikumist, et staatiline leht ellu tuua, ilma et see häiriks liiga palju.
Liuguris kasutatud foto on tõesti kena. Naeratavad näod haaravad teie tähelepanu viivitamatult ja eredad värvid madala teravussügavusega näitavad professionaalset fotograafi. Kolme lõpetanu kolmas pilt näeb natuke fotost välja, kuid see edastab tugevalt teie edastatud sõnumi, nii et see töötab.
Tegelikult tahaksin näha versiooni, kus kujutise liugur võtab kogu ruumi, mille ülaosas asetseb horisontaalne kast. Infot „räägi eksperdiga” võiks liigutada kohe selle alla. See võib hävitada mõne kasutatavuse, kuid arvan, et see suurendaks esteetilist veetlust natuke.
Joondamine
Paigutus võiks veidi tööd teha, kuid enamik lehe üksusi on selgelt joondatud ja jaotised on visuaalselt üsna erinevad. See võib tunduda väike, kuid võite olla üllatunud, kui paljud professionaalsed disainerid teavad õigetest joondamistehnikatest vähe või mitte midagi.
Parandamine
Nüüd vaatame mõnda muudatust, mida saaks teha saidi visuaalse atraktiivsuse tugevdamiseks.
Logo ja leheraam
Esiteks on logo pisut silmanägemist ja võiks kasutada visuaalset värskendust. Kui te ei soovi oma pilti praegu ümber nimetada, pöörake vähemalt praegusele logole natuke tähelepanu. Kerg peab pärast suurtähti olema tihedam ja kaks tekstirida tuleks joondada vasakule. Praegune keskpunkti joondus jätab sildi luhtumata kellegi maale ja on pisut kohmakas.
Leheraami osas tundub see pisut ebajärjekindel. Mulle meeldib navigeerimisel kasutatud julge värv, kuid tundub imelik, et see ulatub üle kogu lehe jalus mitte. Minu soovitus on loobuda võltsraami loovatest varjudest täielikult ja sirutada nii päis kui ka jalus kogu lehe ulatuses.
Lisaks sellele, et anda saidile veelgi tugevam kontrastsuspunkt ja selge päis, venitaksin navigatsioonigradiendi lehe ülaossa ja muudaksin logo / koopia välja. Siin on lihtsustatud makett sellest, mida ma mõtlen:
Leheraami välistamine võib anda palju rohkem ruumi asjade pisut tühjaks tegemiseks ja anda kujundusele hingamisruumi, suurendades tühja ruumi.
Lahter “Rääkige eksperdiga”
Tundsin, et selles piirkonnas võiks kasutada kapitaalremonti. Mulle väga meeldib nupu stiil ja kujundus eraldiseisvana, kuid tundub, et see lihtsalt ei sobi ülejäänud saidiga. Ma kaaluksin ümarate nurkade raadiuse vähendamist (või lihtsalt nende 90-kraadise nurga muutmist) ja päise küljest tumedama värvi tõmbamist.
Lisaks on hõljuv pea pisut imelik. Ma saan kontseptuaalselt aru, miks nägu peab siin olema, kuid kujunduslikult see lihtsalt ei tööta. Ma arvan, et see on enamasti tingitud nurga stiili läbilõikamisest, mis toimub tema paremal ja alumisel küljel. See annab sellele muidu sujuvale alale pealiskaudse raami, mis eksisteerib ainult selles ühes kohas. Minge kõik välja ja looge nähtav raam või nihutage ujuv pea täielikult.
Kolm veergu
Ma näen selle piirkonnaga kahte peamist probleemi, mis on esile toodud allpool oleval pildil.
Esiteks ei tohiks täppide nimekirja kunagi keskjoondada. See eraldab tähe ja sisu ning rikub täppide loendi täitmist: hõlpsat ja kiiret loetavust. Kuna kogu muu tekst sellel lehel on vasakule joondatud, on hea mõte trendiga sammu pidada.
Lõpuks tundub, et vasakpoolses servas asuv väike raamatupilt hõljub kosmoses. Pole selgitust, mis see on, miks see seal on või miks ma peaksin sellel klõpsama. Praegu karjub see järelemõtlematult ja tuleb tõesti kas korralikult paigutada lehe paigutusse või visata täielikult.
Sinu kord!
Kokkuvõtteks võib öelda, et Top Test Prep on hea alguseni jõudnud, kuid kujundaja peaks kaaluma tugevama päise loomist, võltslehe raami ärajuhtimist ja ülalnimetatud paigutusprobleemide lahendamist.
Nüüd, kui olete minu kommentaare lugenud, astuge sisse ja aidake, andes disainerile täiendavaid nõuandeid. Andke meile teada, mis on teie arvates disainilahenduses suurepärane ja mis võiks teie arvates olla tugevam. Nagu alati, palume teil ka saidi kujundajat austada ja pakkuda selget konstruktiivset nõu ilma igasuguste karmide solvanguteta.
Kas olete huvitatud oma saidi kritiseerimisest? Lisateavet saate siit.
