Критика за уеб дизайн # 18: Две глави
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим както областите, които са добре направени, така и тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е Two Chaps Branding на балтиморска фирма за уеб дизайн и маркетинг.
Разгледайте дизайнерските ресурси
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 24 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За две глави
„Тук, в TwoChaps, ние вярваме, че една марка е нещо повече от доста лого и мисия, заредена с най-новите браншови думи в индустрията. Вярваме, че една марка е историята на една компания, история, която определя нейните минали, настоящи и бъдещи взаимоотношения със своите клиенти и клиенти. Вярваме, че една марка е нещо повече от това как искате да бъдете възприемани, това е как всъщност се възприемате. Независимо дали сте игнорирани или подхранвани - марката ви определя. “
Ето и началната страница на две глави:
Цялостният дизайн е много атрактивен. Възрастовата тема се изпълнява добре в цветове, тип и текстури, а оформлението е просто, но мощно. Изравняването е много тясно с по-голямата част от съдържанието, съдържащо ясно дефинирана колона.
Нека разбием някои аспекти на дизайна и да ги разгледаме по-задълбочено.
Логото
Много ми харесва работата, която са свършили в логото. Купата и мустаците са перфектно визуално послание към името „Две Чапи“. По същия начин, силният шрифт за сериф е забелязан за периода, за който дизайнерите снимат.
Въпреки че логото ми харесва добре как е, няма как да не се замисля дали би било по-силно, без да мустаци. В момента има два конкурентни графични елемента в логото и намаляването му до единично може да подобри парчето. Разбрах, че мустаците, буквите и шапката заедно предлагат лице, но все пак се чете повече като букви с мустаци и шапка.
Като основна графика, съдът може да бъде използван на друго място като самостоятелен елемент, независим от останалата част от логото.
Заглавието
Заглавието е любимото ми нещо в сайта. Въпреки че се появява вдясно, тя е една от първите, които разглеждате, когато страницата се зарежда поради размера и смелостта си.
Размерите на буквите са перфектно структурирани, за да създадат сплотена единица, която привлича вниманието ви и прави бързо четене. Забележете как по-малко важните думи (на, на) са намалени по размер, за да дадете място на по-важните думи (истинското изкуство).
Тъй като това е графичен, а не жив тип, определено бих препоръчал да отделите време, за да работите върху кернинга на текста тук. Някои букви, като „T“ и „r“ в „Вярно“, са странно далеч една от друга, докато други са малко свити.
Лесно е да забравите тази стъпка, когато проектирате, но ако типографията ще бъде основна характеристика в дизайна, винаги искате да сте сигурни, че разстоянието на буквите е толкова близо до перфектното, колкото можете да го получите.
Изображение на миниатюри
Изображенията на началната страница са получили отлично третиране на границите. Засенчването наистина дава на изображенията голяма дълбочина, тъй като създава три отделни нива.
По подразбиране изображенията са с размер на сивото, но ако задържите курсора на мишката върху тях, те пускат надолу пиксел или два (умишлено?) И стават пълноценни. Това е приятен ефект, с който е забавно да се играе, ако проверявате сайта за първи път.
Страничната лента
Както можете да видите, страничната лента е вертикална лента, която съдържа логото, навигацията, няколко социални бутона и някои правни данни. Ако проверите сайта на живо, ще видите, че подножието удобно остава неподвижно, докато сайтът превърта. Това осигурява лесен достъп за промяна на страници, независимо къде се намирате в сайта.
Обичам дързостта на червеното и колко много се откроява от останалата част от дизайна. Харесвам и лечението и цветовете, използвани за бутоните във Facebook и Behance. Малко странно е обаче, че буквите във „Facebook” имат толкова твърда сянка, докато тези във „Behance”.
Навигационните секции на страничната лента се разширяват и свиват с гладка анимация, докато щракнете върху заглавките. Ключът тук е, че всички елементи са все още перфектно достъпни с изключен JavaScript, менютата са просто всички показани в отворена позиция и дори не бихте знаели, че сте пропуснали нещо.
Винаги е добре да изминете допълнителната миля и да се уверите, че вашият сайт работи за браузърите, които поддържат вашите малки визуални лакомства, както и тези, които не го правят.
Footer
Футърът държи призива за действие за наемане на фирмата и е поредното хубаво проектирано завъртане на темата за възрастта.
Линиите отгоре и отдолу са приятно докосване, както и малкият знак „Щракнете тук“ с извиване на страницата. Този раздел изглежда малко като някои SEO „експерти“ се хванаха за него, тъй като думата „марка“ се появява страшно много пъти за такъв малък текст.
четливост
Както казах по-горе, като цяло наистина харесвам дизайна на сайта. Той е уникален, смел, привлекателен и доста функционален. Аз обаче мисля, че използваемостта на сайта страда заради текста. Вижте изображението по-долу от страницата „Нашата история“.
Както можете да видите, нито голямото оцветено заглавие нататък, нито белият текст на тялото са много четими на текстурирания фон. Това се влошава от факта, че фонът остава на място, докато текстът се превърта, създавайки наистина сложен и натоварен визуален ефект, докато разглеждате сайта.
В крайна сметка хубавият текстуриран фон може да се справя повече трудно, отколкото добре. Добра идея е да експериментирате с изпускането на непрозрачността си или да я бракувате напълно в полза на нещо по-просто. Това може да е неприятно да се чуе, но ако увеличава четимостта на текста в целия сайт, си струва усилията.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, ние ви молим да се съобразите с дизайнера на сайта и да ви предложим ясни конструктивни съвети, лишени от всякакви остри обиди.
Интересувате ли да критикувате собствен сайт? Можете да разберете повече тук.
