Web dizaina kritika # 25: Highwire
Laipni lūdzam mūsu 25. dizaina kritikā! Katru nedēļu mēs apskatām jaunu vietni un analizējam dizainu. Mēs norādīsim uz abām jomām, kas ir labi paveiktas papildus, kā uz tām, kurās varētu izmantot kādu darbu. Visbeidzot, mēs nobeigumā lūgsim jūs pieteikties un sniegt savas atsauksmes. Balsojiet aptaujā šīs lapas apakšā un / vai atstājiet komentāru ar savām domām!
Šodienas vietne ir Highwire.com, personalizēta tiešsaistes veikala platforma.
Ja vēlaties iesniegt savu vietni, lai tā būtu redzama turpmākajā dizaina kritikā, tas prasa tikai dažas minūtes. Par jūsu dizaina kritizēšanu mēs iekasējam 24 USD - ievērojami mazāk, nekā jūs maksātu konsultantam par jūsu vietnes apskati! Jūs varat uzzināt vairāk šeit.
Par Highwire
“Izveidot savu e-komercijas veikalu nekad nav bijis tik vienkārši un izdevīgi. Reģistrējieties šodien bezmaksas izmēģinājumam un sāciet sava veikala būvēšanu tikai dažu minūšu laikā! ”
Šeit ir mājas lapas ekrānuzņēmums:
Kopējais iespaids
Ja jūs šodien apstājāties, lai dzirdētu, kā mani pārņem slikts dizains, jūs būsit vīlušies. Es domāju, ka tas varētu būt tikai labākais tīmekļa vietnes dizains, kas iesniegts dizaina kritikai.
Highwire ir vienkārši krāšņa vietne, un tā ir tik labi padarīta, ka mēs būsim spiesti to izmantot vairāk kā pozitīvu mācību instrumentu, nevis negatīvu. Lasiet tālāk, jo ir daudz, ko mēs varam iemācīties, analizējot šo dizainu. Neuztraucieties, ir dažas mazas lietas, kuras es ieteikšu uzlabot.
Krāsu palete
Drosmīgākais paziņojums šajā vietnē ir krāsains. Attēlu kvalitāte ir izcila, taču tā ir krāsa, kas patiešām piesaista jūsu uzmanību, tiklīdz ielādējat lapu. Šeit izmantotās pamatkrāsas precīzi nesadalās no pelējuma: zaļa, sarkana, zila, pelēka un nedaudz oranža, bet tās ir sajauktas ļoti pievilcīgā veidā.
Ņemiet vērā, ka viņi tomēr ir izvēlējušies īpaši spilgtu katras krāsas nokrāsu, kas patiešām nonāk tieši lapas pusē. Radiālo un lineāro gradientu sajaukums padara krāsas šķietami daudz dzīvīgākas un dzīvākas, vienlaikus sniedzot smalku faktūras ierosinājumu.
Izkārtojums un izlīdzināšana
Šīs vietnes izkārtojums ir ciets, un tajā patiešām tiek pareizi izmantota atstarpe un vizuālais svara sadalījums. Zemāk redzamajā modificētajā attēlā ievērojiet, cik spēcīgas vertikālās līnijas ir izveidotas, lai pārliecinātos, ka viss ir jauki un stingri.
Ņemiet vērā arī to, ka dizainers izvēlējās izlīdzinājumu pa kreisi un pieturējās pie tā. Viss teksts ir kreisajā pusē un pat pogas zem sīktēliem seko šai tendencei. Jūsu dizainparaugiem ir tendence izskatīties daudz saliedētākiem un konsekventākiem, ja visā dizainā jūs izvairāties mainīt izlīdzinājumus pēc nejaušības principa.
Neskatoties uz atšķirīgām koda sadaļām, galvenē un kājenē tiek izmantots viens un tas pats gradients, lai iegūtu ilūziju par nepārtrauktu fonu, kura saturs peld virs. Tas liekas, ka viņi ir tikai veidojuši ķermeņa tagu, bet tam ir semantikas ieguvums, jo tas faktiski uztur spēcīgu galveni un kājeni.
Ēnas un pārdomas
Pārdomas, slīpumi un mīkstas ēnas pēdējā laikā dod priekšroku vienkrāsainai un bieži vien cietām ēnām bez spalvām. Tā kā mēs sākam atstāt piekauto un ļaunprātīgi izmantoto web 2.0, skatoties aiz muguras un pārejot uz nākamo upuri, joprojām ir patīkami redzēt, ka kāds ievelkas tādā stilā, kā tam bija paredzēts.
Gan ēnas, gan pārdomas šeit ir diezgan smalkas, un tās ir veidotas uzmanīgi, lai tās izskatās reālistiskas un vienkārši skaistas. Ja kādam elementam pievērsīsit vizuālu nojautu, ir vērts veltīt laiku, lai iekniebtu un eksperimentētu, līdz iegūstat kaut ko tādu, kas lapai patiešām piešķir smalkumu un spīdumu pretstatā aplietajam aplauzuma mētelim.
Burst: Attīstījās
Viena lieta, ko jūs uzzinājāt, veidojot dizainu lielākajai mārketinga firmai, ir tā, ka mārketinga speciālisti ļoti mīl plīst. Kaut kas liels un smails, kas pārkāpj dizainu un tāpēc piesaista klienta uzmanību. Ja mārketinga nodaļām un patiešām daudziem dizaineriem būtu savs ceļš, viss izskatās šādi:
Tikai tāpēc, lai jūs zināt, no dizaina viedokļa tas ir klišeja, neglīts, novecojis, novecojis un visi citi negatīvie īpašības vārdi, kādus varat iedomāties. Parasti nekādā gadījumā nelieciet zvaigznīti.
Šis dizaineris par laimi saprata šo noteikumu un nāca klajā ar daudz modernāku un pievilcīgāku risinājumu, kas parādīts zemāk. Šī 3D lente ietina joslu, kas apraksta jauno funkciju. Tas ievērojami pārkāpj dizainu pietiekami, lai piesaistītu jūsu uzmanību, bet nepietiekami, lai samazinātu visas lapas izskatu.
Ieteicamais uzlabojums
Kā esmu jau teicis vairākas reizes, šis ir tik lielisks dizains, ka grūti atrast kaut ko nepareizu. Tomēr ir dažas lietas, kuras es apsvērtu uzlabošanai.
Iesācējiem vietne pielāgotajai tipogrāfijai izmanto Cufon. Es par to sūdzējos mūsu pēdējā kritikā un turpināšu izteikt to pašu argumentu visur, kur redzu, ka tiek izmantots Cufon. @ font-face ir labāks risinājums, periods. @ font-face tekstu var pilnībā izvēlēties, Cufon nē. @ font-face izmanto tīru CSS, Cufon ir jāiespējo JavaScript. Kā es norādīju pagājušajā reizē, kad Cufon vietne iesaka tā vietā izmantot @ font-face, jūs zināt, ka ir pienācis laiks iemest dvieli un ielēkt uz klāja.
Otra lieta, kas mani mulsina, ir Facebook josla augšpusē. Ja šajā joslā jūs novelciet līniju caur teksta centru, kā es to izdarīju zemāk, jūs varat redzēt, ka Facebook logotips ir neveikli ārpus centra. Es neesmu pārliecināts, vai tas bija tīšs, vai negadījums, katrā ziņā es to sasitīšu tuvu centram.
Citas lapas
Mēs to noslēgsim, īsumā apskatot dažas citas vietnes lapas. Kā redzat, viņi ir vienlīdz pievilcīgi un visi ir ļoti labi izstrādāti. Man īpaši patīk cenu tabulas!
Tava kārta!
Tagad, kad esat izlasījis manus komentārus, piesakieties un palīdziet, sniedzot dizainerim dažus papildu padomus. Paziņojiet mums, kas, jūsuprāt, ir lielisks attiecībā uz dizainu un kas, jūsuprāt, varētu būt spēcīgāks. Kā vienmēr, mēs lūdzam jūs arī cienīt vietnes dizaineri un piedāvāt skaidrus konstruktīvus padomus bez jebkādiem skarbiem apvainojumiem.
