Критика за уеб дизайн # 13: Годишни награди за дизайн
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим както областите, които са добре направени, така и тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е Годишните награди за дизайн.
Разгледайте елементи Envato
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 24 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За годишните награди за дизайн
„Годишните награди за дизайн (с псевдоним ANNDAS) са световно признание за авангардни визуални комуникации, създадени с цел възнаграждение за изключителен принос в индустрията за дизайн. Събрахме някои от най-невероятните таланти и уважавани личности от цял свят, за да преценят това глобално събитие, което има за цел да се превърне в премиерните награди за дизайн и да постави международни стандарти. “
Ето екранна снимка на началната страница:
Цялостен дизайн
Искам да започна като кажа, че това вече е страхотно изглеждащ сайт. Обичам черното в съчетание с поп оранжево. Това еднократно повторение на ярък цвят помага да привлечете погледа на потребителите към важните части на страницата.
Оформлението е солидно и съдържа много бяло пространство. Също така визуалният обем на обектите е добре разпръснат, така че важните области да бъдат подчертани.
За щастие, изглежда, хората, които преценяват дизайна на другите, сами имат силно усещане за дизайн! Сега, когато сме анализирали цялото, нека го разделим парче по парче.
Зона на лого
Нека започнем на най-очевидното място: горе вляво. Тук виждаме логото на Годишните награди за дизайн нещо като излъчваща графика на кръг.
Логото е просто, но ефективно. Това предполага млада и остра публика да не е много запалена по чисти линии и скучен минимализъм (сайтът всъщност е доста чист, но по подъл начин).
Кръговете са смела идея, изпълнена по фин начин (изпълнена с вкус). Това е наистина прост дизайн елемент, който ви помага да привлечете вниманието към логото и съответно името на сайта. Това няма да работи на претрупан сайт, но тази страница е достатъчно проста, че не прави визуална бъркотия и вместо това изпълнява целта си перфектно.
навигация
Навигационната зона е доста проста, само някакъв текст над хоризонтална лента с прекъсвания за всеки раздел.
Много харесвам избора на шрифт тук. Изглежда като нещо по поръчка, направено с @ font-face, така че се изненадах, когато надникнах в кода и видях, че това е просто курсив на Джорджия.
Задържането на курсора над секцията подчертава лентата в оранжево. Това е хубаво, но е малко странно, че текстът също не прави нещо (това е доста придирчиво, но на страхотни изглеждащи сайтове трябва да говоря за нещо!).
Мога да разбера защо дизайнерът не е променил текста, тъй като вероятно ще стане малко трудно да се чете малък оранжев текст на черен фон. Може би много леко преобразуване на CSS за завъртане на текста при задържане ще помогне. Не е голяма работа, ако се игнорира в по-старите браузъри и би било хубаво кимване на стила на логото.
Slideshow
Обичам слайдшоута на JavaScript, така че смятам, че този раздел е страхотен. Картината се плъзга наляво като се появява нова и текстът има приятен ефект на избледняване. Също така много харесвам прозрачните маркировки за рамки и изрязване.
Въпреки това, бутона за възпроизвеждане и пауза тук просто не го режат за мен. Видях графично минаване, което исках да разгледам отново, но нямах начин да се върна назад. Следователно бях принуден да чакам да се появи отново (което отне известно време).
Препоръчвам да поставите линия от малки икони на кръг, които се свързват към всяко изображение. Това е просто и фино и дава на потребителя едновременно усещане за това къде се намират в слайдшоуто и някакъв контрол върху виждането на конкретни изображения.
Раздел за влизане
Следващият раздел е мястото, където потребителите обикновено се регистрират, за да влязат, но това за момента е затворено, както е показано от графиката с лепкави бележки.
Лепилото напълно нарушава дизайна (умишлено) и го прави така, че да не пропуснете факта, че заявките са затворени. Това работи добре и незабавно информира потребителите за информацията, която те трябва да знаят.
Графиката под лепкавата обаче е малко разсейваща. Цените изглежда странно поставени, като едната се блъска в тази правоъгълна кутия отляво, а другата не се блъска в нея. Не съм сигурен какво точно се случва тук, но изглежда малко на разстояние.
Футър и формуляр за контакт
Последната област, която ще разгледаме, е дъното на страницата, където можете да се регистрирате, за да получавате информация. Под формата за контакт има и стандартните връзки в долния колонтитул и социалната информация.
Харесва ми, че формата за контакт е сгушена тук, а не на специална страница и че има само две полета, които трябва да попълните. Забелязах, че етикетите на полето изчезват, когато щракнете в полето, и не се връщат, когато щракнете, без да пишете нищо. Това представлява малко проблем с използваемостта, тъй като щракнах върху страницата, но тогава не бях сигурен кое поле е за името и кое за имейла, когато се върнах.
И накрая, областта на подножието изглежда страхотно, но бих искал да видя място между думите „Следвайте ни“ и придружаващата икона. В момента те са малко мачкани заедно.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, ние ви молим да се съобразите с дизайнера на сайта и да ви предложим ясни конструктивни съвети, лишени от всякакви остри обиди.
Интересувате ли да критикувате собствен сайт? Можете да разберете повече тук.
