Критика за уеб дизайн # 17: ToonyTuts
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим както областите, които са добре направени, така и тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е скорошната страница на ToonyTuts.
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 24 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За ToonyTuts
Тъй като ToonyTuts е много секретният проект на Лиъм МакКейб, в този момент се знае много малко за него. От личния сайт на Лиъм можем да видим ToonyTuts, описан като място за „невероятно забавни и творчески уроци“. Само тогава мога да предположа, че ToonyTuts ще бъде страхотно илюстриран сайт за уроци с много забавление и хумор за улесняване на процеса на обучение (страхотна идея!).
Ето екранна снимка на скорошната страница:
Някои от нашите критически теми са пълни със съдържание и вземат доста анализ, но тази страница е и много проста, и наистина привлекателна, така че няма прекалено много за критика. Както винаги, нека го разбием парче по парче.
Цялостен дизайн
Дизайнът на ToonyTuts е добре ... тонизиран. Ярките цветове, забавните шрифтове и силно заоблените ъгли добавят към този страхотен анимационен стил.
Лъчите на заден план привличат вниманието ви към логото в центъра и внасят усещане за вълнение в дизайна.
Логото
Шрифтът на логото е перфектен избор за съдържанието. Забележете, че определено е забавно и тонизиращо, но все още е много четимо. Главните букви "Т" наистина са единствената буква, която е значително изкривена, като вертикалните линии в горната част са наклонени в диагонална форма.
Частта, която наистина грабва вниманието ви, е гъстият черен щрих. Това контрастира силно срещу сините букви с фин, но привлекателен градиент. Ходът също е силно заоблен по краищата, въпреки че действителните букви не са. Това е истинският трик за запазване на четливостта, докато предава забавен, почти детски вид.
Шрифтът за акцент под логото е много по-закачлив с изкривени писмени форми, които изглеждат направо от анимационен филм Goofy. Този тип се поддържа малък, така че ефектът не е надмощен, а се прави в точното количество.
Обичам, че тук беше хвърлена птица от Twitter. Той перфектно се вписва в облачния мотив и изобщо не изглежда като замисленост. Тези, които са запознати с марката Twitter, ще разпознаят символа и ще кликнат, ако искат да следват ToonyTuts.
Подъл поглед
Малкото поле за регистрация е мястото, където завитите ъгли влизат в игра. Тази зона трябваше да бъде функционална и въпреки това е направена така, че да пасва идеално на останалата част от дизайна. Забележете пръскането на цвета, използван за привличане на вашето внимание.
Харесва ми, че полето има ефект на сянка, което го прави да изглежда вмъкнат, докато бутонът използва същата сянка в различна посока, за да изглежда, че малко излиза от страницата. Ако тези сенки бяха оперени, те биха донесли усещане за реализъм, което би се сблъскало с останалата част от дизайна, но те са запазени силно, така че да се придържат към карикатурния стил.
„Искаш ли подъл поглед?“ текстът всъщност е на живо и избираем. Това е шрифт, наречен DoctorSoosBold, реализиран тук с @ font-face. Харесва ми избора на шрифт, но не ми харесва прилагането на сянката зад текста. Тъмната сянка само леко наднича от текста и затова прави буквите да изглеждат малко объркани, а не да постигнат действителната си цел за увеличаване на четливостта.
Предложението ми е да избиете малко тази сянка навън и надолу, така че текстът да не изглежда така, че просто да има смесени черни части.
Анимация и музика
При първо зареждане на страницата анимациите започват автоматично. Облаците бавно завиват нагоре и надолу по изместен начин, докато лъчите на фона се въртят по посока на часовниковата стрелка.
Тъй като страницата е толкова проста, анимационният ефект наистина добавя много към изживяването. Ако открехнете кода, можете да видите, че функциите на уебкитите са били използвани за изпълнение на анимациите, така че няма да ги виждате в други браузъри.
Не виждам това като проблем най-малко. Ако разглеждате страницата в браузър, който не поддържа анимациите, тя все още е напълно функционална и естетически приятна.
В допълнение към анимацията, има чудесен цирков клип на музика, който се стартира, когато натиснете бутона за възпроизвеждане в горния десен ъгъл.
Важно е да се отбележи, че музиката не се стартира автоматично. Тонове потребители, включително и аз, го мразят, когато уебсайт хвърля музика към вас независимо дали сте готови или не. Ако вашите високоговорители са подправени и сте в магазин за кафета, музиката на ToonyTuts без съмнение ще ви спечели някои досадни и объркани погледи от хората около вас.
Малкият кръг до бутона за възпроизвеждане спира анимацията на облаците. Това е добра идея и за всеки, който или не харесва вида на подскачащите облаци, или не иска да губи мощността на процесора. Странно е, че натискането на този бутон не спира лъчите да се въртят.
Мисля, че ако ще дадете на потребителите възможността да прекратят анимациите на страницата, тогава трябва да сте сигурни, че тя обхваща всичко, в противен случай изглежда малко безсмислено.
Като цяло тази страница е страхотно произведение и моите критики най-вече се подлагат на изключително незначителни аспекти на сайта. Това е чудесен пример за това как можете да се забавлявате с дизайн „Очаквайте скоро“ поради ограничената необходима функционалност. Колкото по-интересна е вашата скорошна страница, толкова по-вероятно е хората да я споделят и толкова повече експозиция ще спечелите!
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, ние ви молим да се съобразите с дизайнера на сайта и да ви предложим ясни конструктивни съвети, лишени от всякакви остри обиди.
Интересувате ли да критикувате собствен сайт? Можете да разберете повече тук.
