Критика за уеб дизайн # 27: Идеални изкуства
Всяка седмица разглеждаме нов уебсайт и анализираме дизайна. Ще посочим и двете области, които са добре направени в допълнение към тези, които биха могли да използват някои работи. И накрая, ще завършим с молба да предоставите своя собствена обратна връзка.
Днешният сайт е Idea Arts.
Разгледайте дизайнерските ресурси
Ако искате да изпратите уебсайта си, за да бъде представен в бъдеща дизайнерска критика, отнема само няколко минути. Ние таксуваме 24 долара за критикуване на вашия дизайн - значително по-малко, отколкото бихте платили за консултант, който да разгледа вашия сайт! Можете да разберете повече тук.
За идеите изкуства
Idea Arts е личното портфолио Горан Илич, графичен дизайнер с жизнена страст към технологиите. На сайта му са представени скорошната му работа и услугите, предлагани от неговата компания.
Ето екранна снимка на началната страница:
Първо впечатление
Idea Arts в по-голямата си част е привлекателен сайт. Тук има няколко добри идеи, които поставят дизайна в наистина силно начало. Съдържанието е разделено на ясно определени секции и следва логическа прогресия. Има и някои атрактивни графични елементи, които ефективно привличат вниманието на потребителя.
Има обаче много възможности за усъвършенстване. Дизайнът е достатъчно солиден, че не препоръчвам да започвате отначало, но няколко аспекта биха могли да използват малко повече внимание, за да ги изравнят. По-долу ще разгледаме няколко от тях.
книгопечатане
Най-големият проблем, който виждам в този сайт, е типографията. За начало, само на началната страница виждаме около десет различни вариации на размера, ширината, стила на шрифта и т.н. Това почти винаги е отрицателна характеристика. Добро правило е да поддържате вашите шрифтове до около две до три вариации на дизайн.
Вземете решение за шрифтове, които можете да използвате за заглавки, подглави и копие на тялото. След това направете това последователно в целия си дизайн, а не да третирате всеки раздел като независима област, която може да има свои уникални характеристики.
Също така, наистина прекарайте известно време в конструирането на типа, за да изглеждате привлекателно. Това включва внимателно планиране на опции като височина на линията, цвят и дори прекъсване на линията. Всичко това е доста грубо в примера по-долу.
За начало светлосиньото не контрастира добре с фона. Това лесно може да се определи чрез потъмняване на този цвят, докато той наистина се отдели от светлия цвят зад него. Освен това по-малкото копие може да използва малко повече място за дишане. Височината на линията е просто твърде ниска и затруднява четенето, чукнете това малко тук и четимостта ще се увеличи значително.
Внимавайте обаче, защото в други области на сайта височината на линията изглежда неловко висока. Препоръчвам да използвате безплатен онлайн инструмент като Typograph - Scale & Rhythm (показан по-долу), за да помогнете за протичането на вашите параграфи.
И накрая, гледайте как вашите линии се прекъсват. Интересно е, че не само трябва да гледате за неудобни прекъсвания във формулировката, трябва да обърнете внимание на формата на абзаца. Този по-горе изглежда малко странно и лесно може да бъде пренасочен към нещо като версията по-долу.
Празно
Друга област на дизайна, която може да използва ощипване, е използването на бяло пространство. Както при типографията, това може да бъде сложно и до голяма степен е субективно. Има обаче няколко основни принципа, които могат да ви насочат по пътя.
Например, всеки път, когато разполагате с разпределена колекция от елементи, независимо дали е вертикална или хоризонтална, опитайте се първо да групирате обектите визуално и след това да ги поставите равномерно. Например, в примера по-долу, оригиналната версия има различно разстояние между иконите и текста, а елементите, които трябва да бъдат разграничени, се нахвърлят малко по малко. С малко корекция създаваме много по-ясно графично изявление.
Разликата е фина, но много важна. Забележете колко лесно е да разберете кой ред текст върви с коя икона. Има няколко други области в целия дизайн, които биха могли да използват подобна доза пространствен анализ. Например, текстът по-долу почти се разбива в края на устройството за ограничаване. Винаги не забравяйте да дадете много място на елементи като този.
Както видяхме с предишните броеве, това върви и в двете посоки. Логото например се чувства така, че има прекалено много празно пространство, вградено в празнината между думите.
Ощипвам, ощипвам, ощипвам
Моралът на историята тук е, че дори да решите, че сте създали страхотна страница, дяволът е в детайлите. Никога не бързайте през малките неща като типография и разстояние. Всъщност може да се наложи да отделите повече време, за да получите тези права, отколкото да чукате първоначалната си визуална концепция!
Определено си струва да инвестирате време, за да завършите вашия сайт правилно. Постоянното навлизане в този навик ще накара вашите дизайни да се чувстват много по-изискани и ще им осигури по-голяма устойчивост на контрол.
Твой ред!
Сега, след като прочетете коментарите ми, намерете и помогнете, като дадете на дизайнера някои допълнителни съвети. Кажете ни какво мислите, че е чудесно за дизайна и това, което смятате, че може да бъде по-силно. Както винаги, ние ви молим да се съобразите с дизайнера на сайта и да ви предложим ясни конструктивни съвети, лишени от всякакви остри обиди.
