Критика за уеб дизайн # 30: Сив анг
Добре дошли в нашата 30-та дизайнерска критика! Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е Gray Ang, личното портфолио на уеб дизайнер в Малайзия.
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 24 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За сивия анг
„Казвам се Грей и съм уеб дизайнер и разработчик на предни позиции, базиран в Куала Лумпур, Малайзия. Изследвам, планирам, проектирам и кодирам уебсайтове. Аз съм добри приятели с Photoshop и HTML / CSS / jQuery и правя щастливи клиенти, потребители и машини. “
Ето екранна снимка на началната страница:
Както можете да видите, сайтът е изграден на цветен фон с цветен спектър с намален непрозрачност, съдържащ неща като „уеб дизайн“ и „CSS3“. Това, което не можете да получите от екрана е, че фонът има и анимиран елемент. Има няколко замъглени кръга, които плават и се стремят зад съдържанието. Кликнете върху някой от екранните снимки по-долу, за да спрете от сайта и да го видите в действие.
Този сайт всъщност е доста малък и прост, така че ще разгледаме всяка от страниците и ще анализираме как естетиката влияе на потребителското изживяване.
У дома
Определено оценявам работата, която влезе в естетиката на сайта. Обстановката на околната среда е доста красива. Проблемът със създаването на толкова сложен фон е, че в крайна сметка трябва да поставите съдържание отгоре и това може да бъде много трудна задача.
Големите, избледнели думи на заден план намаляват четливостта на текста на началната страница. Основният параграф в никакъв случай не е невъзможен за четене, но дизайнът е доста зает в областта на текста, което принуждава потребителите да работят малко по-трудно, отколкото обикновено.
Освен това червеното, използвано като цвят на курсора и точка на ударение, обикновено се губи на заден план. Това е разбираемо, тъй като просто не е лесно да се намери цвят, който да контрастира добре с многоцветен фон. Все пак искате да избегнете визуален дисонанс.
Най-лесното решение на всички тези въпроси и наистина повечето от тези, които ще обсъдим днес, може би е просто да поставите леко прозрачен черен фон зад цялото съдържание. Това ще даде на съдържанието повече солидна основа и ще позволи на дизайнера да запази текущия фон.
Може също да помислите да добавите някаква графика на заглавието към тази страница. Наистина ми хареса как се открои снимката на страницата „Относно“ и мисля, че тази идея може да се дублира тук.
относно
Тук виждаме друга страница, която е доста привлекателна, но страда от същите проблеми, споменати по-горе. Харесва ми обаче интересното оформление на работа тук. Навигацията остава фиксирана, докато другото съдържание се превърта и страницата е разделена на ясно отделни и добре подредени колони.
Страницата About се разделя на три отделни подстраници: въведение, възобновяване и „неща, които правя“. Това позволява на дизайнера да се впише в доста малко съдържание, като същевременно поддържа основната навигация супер проста.
Върши работа
Страницата „Работи“ е страхотно изглеждаща подредба от миниатюри и текст, които от своя страна водят до специални страници на проекти като тези, показани по-долу. Миниатюрите имат приятна обработка с дебела граница, която им помага да се открояват от фона, а цитатът в горния ляв ъгъл е голям и смел, за да бъде четим.
Намирам обаче правилното подравняване на големия цитат за малко неудобно. Всичко на страницата има силно ляво подравняване и макар че често е ефективно умишлено да се наруши правило като това, не мисля, че работи тук. Общата форма на абзаца е неправилна, което прави доста трудно да се чете с правилно подравняване.
контакт
Последната страница на сайта е страницата „Контакт“. Това съдържа няколко абзаца текст и проста, но стилна форма за контакт. Първото нещо, което забелязах тук, беше, че цитатът в горната част на страницата се усеща малко. Можете да опитате да го подравните наляво, независимо от кавичките, така че „T“ в „The“ и „m“ в „мили“ да образуват твърда линия. Това трябва да помогне на лявото подравняване да се почувства малко по-силно, отколкото в момента.
Освен това полетата във формата са толкова прозрачни, че са почти невидими. Отново това може да изглежда хубаво, но използваемостта страда. Не забравяйте, че естетиката на една страница има една основна цел: да подчертае съдържанието по атрактивен начин. Вашият дизайн трябва да служи за увеличаване на използваемостта, а не да го жертва в името на стила.
Когато щракнете върху поле, за да започнете да пишете, непрозрачността се увеличава и тя става много по-забележима. Бих предложил да зададете тази непрозрачност на състоянието по подразбиране и да я увеличите още повече, когато е избрана.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, молим Ви също да се съобразявате с дизайнера на сайта и да Ви предложим ясни конструктивни съвети, лишени от всякакви тежки обиди.
