Критика за уеб дизайн # 67: StyleJam
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е StyleJam, сайт, който хоства портфейли на уеб дизайнери. Нека да разгледаме и да видим какво мислим!
Разгледайте дизайнерските ресурси
Искате ли да разгледаме вашия сайт? Изпратете го, за да бъде представен в бъдеща дизайнерска критика, отнема само минута. Ние таксуваме $ 49 за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За StyleJam
С StyleJam можете да създадете вашето лично портфолио за уеб дизайн на самостоятелен URL адрес, който сте избрали, и да го персонализирате с вашия CSS и изображения. Няма нужда да научите програмиране, подпишете се за хостинг услуга или конфигурирайте вашия сървър. Единственото, което не правим за вас е да проектираме, това е вашето поле.
Ето екранна снимка на началната страница:
Първоначално впечатление
Първото ми впечатление за StyleJam е положително. Има много за този сайт, който се чувства много модерен, цялостният стил на дизайн е точно в съответствие с това, което много дизайнери правят днес. Това е изчистен дизайн, който използва много бяло пространство и използва синьо, за да предаде усещане за професионализъм.
Като цяло това е чудесно. Има обаче няколко малки въпроса и предложения, които имам. Нека да прегледаме сайта малко по малко и да видим какви са те.
Лого на сайта и Tagline
Едно от първите неща, което привлича вниманието ми, когато гледам тази страница, е логото, показано по-горе. Не бих нарекъл това с висок приоритет, но ще кажа, че определено смятам, че това може да използва преработка. Шрифтът в заоблен стил VAG изглежда малко датиран и четката не работи за мен. Това прави думата „конфитюр“ трудна за четене и изглежда малко анимационна, което изглежда противоречи на професионалния стил, който следва останалата част от страницата. Казано по различен начин, логото се откроява на страницата като нещо, което не съвсем принадлежи.
Маркерът в заглавната лента и логото на сайта е друго нещо, което изглежда не работи. Фразата „Уеб дизайнери. Юнайтед “ме кара да мисля, че това е някакъв членски клуб, гилдия или съюз за дизайнери. Това е добър логотип, но не и за този бизнес, който продава портфейли на уеб дизайнери.
Предлагам да замените тази линия с нещо, което ясно съобщава каква е услугата. Ако попитахте сто души какъв сайт с лого, „Уеб дизайнери. Юнайтед ”, бих заложил, че едва ли някой би предположил, че продават уебсайтове за портфолио. Използвайте този критерий, когато обсъждате нова линия.
Главно заглавие
По-нататък е това, което ще нарека основната заглавна област. Това е голяма синя лента с ефект на вмъкване и нотка на текстура. Приятен ефект, който наистина привлича вниманието ви. Малкият банер в долната част е приятно докосване, въпреки че бялото на бяло не прави почти никакъв контраст.
Основният ми проблем тук е безпогрешното усещане за празнота. Тук има огромно пространство, което просто се чувства недостатъчно използвано. Моли се за голямо изображение, голямо заглавие или и двете.
Постоянно използвам Mail Chimp като пример, защото дизайнерите им обикновено са толкова на място. Вижте заглавката, която в момента е на сайта им.
Погледнете онова голямо цветно изображение, което грабва вниманието ви и след това е подсилено от кристално чисто негативно съобщение: Easy Email Newsletters. След по-малко от три секунди от зареждането на тази страница знам точно за какво е сайтът. Обратно към заглавката StyleJam, виждам само мъничък текст в голямо синьо поле. Нищо тук не ми грабва вниманието.
Не казвам, че StyleJam се нуждае от талисман, не виждайте вдъхновението като нещо, което да се откъсне. Вместо това разгледайте страницата на Mail Chimp като урок по основните принципи на дизайна. Като приемаме тези предложения, дизайнът на заглавката StyleJam може да се трансформира в нещо подобно:
Очевидно е, че все пак ще трябва да работите в социалните връзки, полето за въвеждане и т.н., но ще получите идеята. Визуално заглавката може да помогне на страницата много повече, отколкото е в момента. Освен това, докато сме на тема социални връзки, тези бутони имат вид на неактивно състояние. Дори когато задържите курсора върху тях, курсорът ви не се променя. Бих направила иконите на Facebook и Twitter сини, вместо бели, да добавя малко контраст към текста и да отстраня проблема с задържане.
Image Slider
Винаги харесвам добър плъзгач на изображението и този сайт разполага с един в много атрактивна рамка точно под заглавката. Ефектът е приятен и придава на страницата динамично усещане. Избраните изображения за плъзгача обаче може да не са най-добрите. Например, ето първото нещо, което виждате:
Като видях това, аз наистина си помислих, че нещо е счупено. В средата на страницата се носеше това неудобно текстово поле, което беше частично отрязано от дясната страна. Отне ми минута, за да разбера, че това е само екранна снимка. Предлагам да изкопаете това изображение и да отидете с повече визуално съдържание като слайда, който в момента е във втория слот.
заключение
Както споменах преди, всъщност харесвам цялостния облик на тази страница. Това е атрактивен сайт, който прави много важни аспекти точно. Предложенията по-горе са предимно незначителни, бързи корекции, някои от които до голяма степен са субективни.
Основното тук е да предавате съобщението си ясно и привлекателно. В момента съобщенията изглежда малко размити и е необходимо малко работа, за да разберем какво точно става със сайта. Намалете тази работа до почти нула и гарантирано ще увеличите честотата на кликване.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, молим Ви също да се съобразявате с дизайнера на сайта и да Ви предложим ясни конструктивни съвети, лишени от всякакви тежки обиди.
