Критика за уеб дизайн # 25: Highwire
Добре дошли в нашата 25-та дизайнерска критика! Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим както областите, които се правят добре в допълнение, така и тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да се включите и да предоставите собствена обратна връзка. Гласувайте в анкетата в долната част на тази страница и / или оставете коментар с вашите мисли!
Днешният сайт е Highwire.com, персонализирана платформа за онлайн магазин.
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 24 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
Относно Highwire
„Създаването на собствен магазин за електронна търговия никога не е било толкова лесно и достъпно. Регистрирайте се за безплатна пробна версия днес и започнете да изграждате магазина си само за минути! “
Ето екранна снимка на началната страница:
Цялостно впечатление
Ако сте се спрели до днес, за да ме чуете как разкъсвам лош дизайн, ще останете разочаровани. Мисля, че това може би е най-добрият дизайн на уебсайт, представен досега за критика на дизайна.
Highwire е просто великолепен сайт и е толкова добре направен, че ще бъдем принудени да го използваме като по-скоро позитивен инструмент за преподаване, отколкото отрицателен. Продължете да четете, защото има тон, който можем да научим, анализирайки този дизайн. И не се притеснявайте, има няколко малки неща, които ще ви предложа да се подобрят по пътя.
Цветова палитра
Най-смелото изявление, направено на този сайт, е цвят. Качеството на изображенията е отлично, но цветът наистина привлича вниманието ви веднага щом заредите страницата. Основните цветове, използвани тук, не разбиват точно формата: зелено, червено, синьо, сиво и малко оранжево, но се смесват по много атрактивен начин.
Забележете обаче, че са избрали супер ярък нюанс на всеки цвят, който наистина скача веднага от страницата. Смес от радиални и линейни градиенти правят цветовете да изглеждат много по-живи и живи, като същевременно носят фино предложение за текстура.
Оформление и подравняване
Подредбата на този сайт е скална и наистина използва правилното използване на бялото пространство и визуалното разпределение на теглото. Забележете в промененото изображение по-долу как са установени силни вертикални линии, за да сте сигурни, че всичко е хубаво и стегнато.
Също така забележете, че дизайнерът избра ляво подравняване и се придържа към него. Целият текст е поставен в ляво и дори бутоните под миниатюрите следват тази тенденция. Вашите дизайни обикновено изглеждат много по-сплотени и последователни, когато избягвате да превключвате подравнявания при произволни инерции по време на целия дизайн.
Въпреки че са различни секции на кода, заглавката и долният колонтитул използват един и същ градиент, така че да получите илюзията за непрекъснат фон, който съдържанието плава отгоре. Изглежда, че те просто са оформили етикета на тялото, но имат ползата от семантиката всъщност да поддържат силен заглавие и долен колонтитул.
Сенки и размисли
Отраженията, градиентите и меките сенки напоследък отстъпват на плътен цвят и често твърди, без перни сенки. Когато започнем да оставяме пребитата и злоупотребяваща уеб 2.0 да погледне зад себе си и да преминем към следващата си жертва, все още е хубаво да видим някой да дърпа стила така, както беше предназначен.
Както сенките, така и отраженията тук са доста фини и са структурирани с внимание, за да изглеждат реалистични и просто красиви. Ако ще добавите визуален усет към даден елемент, струва си да отделите време за оправяне и експериментиране, докато не получите нещо, което наистина добавя финес и блясък на страница, за разлика от помия козина от грим.
The Burst: Evoluved
Едно нещо, което научаваш, когато проектираш за голяма маркетингова фирма е, че маркетолозите абсолютно обичат изблиците. Нещо голямо и заострено, което нарушава дизайна и затова грабва вниманието на клиента. Ако маркетинговите отдели и наистина много дизайнери имаха своя път, всичко щеше да изглежда така:
Само за да знаете, от гледна точка на дизайна, това е клише, грозно, прекалено, остаряло и всяко друго отрицателно прилагателно, което можете да си представите. Като общо правило, никога не поставяйте звезден удар върху нищо.
Този дизайнер за щастие разбра това правило и излезе с много по-модерно и атрактивно решение, показано по-долу. Тази 3D лента се увива около лента, описваща новата функция. Той значително нарушава дизайна достатъчно, за да привлече вниманието ви, но не достатъчно, за да изгуби външния вид на цялата страница.
Предложено подобрение
Както вече казах многократно, това е толкова страхотен дизайн, че е трудно да се намери нещо лошо в него. Има обаче няколко неща, които бих помислил да подобря.
Като начало сайтът използва Cufon за персонализирана типография. Оплаках се от това в последната ни критика и ще продължа да излагам същия аргумент, където и да видя, че Cufon се използва. @ font-face е по-добро решение, период. @ шрифтовият текст е напълно избираем, Cufon не е. @ font-face използва чист CSS, Cufon изисква JavaScript да бъде активиран. Както посочих миналия път, когато уебсайтът Cufon предлага вместо това да използвате @ font-face, знаете, че е време да хвърлите кърпата и да скочите на борда.
Другото, което ме дърпа, е лентата във Facebook в горната част. Ако начертаете линия през центъра на текста в тази лента, както направих по-долу, можете да видите, че логото на Facebook е неловко извън центъра. Не съм сигурен дали това е било умишлено или злополука, така или иначе, бих го ударил близо до центъра.
Други страници
Ще затворим, като ви дадем бърз поглед на някои от другите страници на сайта. Както виждате, те са еднакво привлекателни и всички много добре проектирани. Особено харесвам таблиците с цените!
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, ние ви молим да се съобразите с дизайнера на сайта и да ви предложим ясни конструктивни съвети, лишени от всякакви остри обиди.
