Принцип на контраста- обобщение

Принцип на контраста- обобщение Въведено на: 28.05.2010
Категория: Web дизайн и типография
Към статия: Основи на типографията

Контрастът на страницата привлича очите към себе си. Очите ни харесват контраста. Ако слагате два елемента на страницата, които не са еднакви(като два шрифта или две ширини на редове), те не могат да са подобни- за ефективен контраст трябва да са много различни.

Контрастът е малко като напасване на боята, като трябва да боядисате само едно петънце на стена, но някак си не можете да напаснете цвета- или го напасвате точно, или пребоядисвате цялата стена. Както казваше дядо ми, невероятен играч с подкови, "Почти само се брои в подкови и ръчни гранати.".

Основното приложение

Основното приложение на контраста е двуяко, като и двете приложения са неразделни едно от друго. Едното е да създаде интерес към страницата- ако тя има интересен вид, то по-вероятно ще бъде прочетена. Другото е да се помогне на организацията на информацията. Един читател трябва да може моментално да разбере начина, по който информацията е организирана, логическата връзка от едно нещо към друго. Контрастиращите елементи никога не трябва да служат, за да объркат читателя или да създадат фокус там, където не трябва да има такъв.

Как да го постигнем?

Добавете контраст чрез избора си на шрифтове, дебелина на линиите, цветове, форми, размери, пространство,... Лесно е да се намерят начини да се добави контраст и вероятно е най-забавния и удовлетворяващ начин да се добави визуален интерес. Важното е да бъде силен.

Какво да избягваме?

  • Не бъдете бъзльовци! Ако ще използвате контраст, правете го със сила. Пазете се от контрастиране на нещо като тежка линия с нещо като по-тежка. Пазете се от контрастиране на кафяв текст с черни заглавия. Пазете се от ползване на два или повече шрифта, които са подобни(бележка на преводача: Затова и често при web заради ограничения брой шрифтове контраст на заглавие и текст се създава чрез използване на serif и sans serif. Най-често заглавията са serif, защото самите шрифтове не са лесно четими в малък размер.) Ако нещата не са съвсем еднакви, направете ги различни.


« Предишна част

Още за Основи на типографията


Линкове за Основи на типографията



Още статии от Web дизайн и типография

Прочетете повече за Правилата на типографията в примера на един банер

30.05.2010- Правилата на типографията в примера на един банер

В тази статия ще се опитам да дам пример с използването на правилата на типографията в web дизайна в примера на един банер, който изглежда бая разчупен и уж без никаква подредба. Може би ще забележите и описаните от мен ефекти за движението на окото.

Прочетете повече за CSS типография

30.05.2010- CSS типография

Статията е препис на статия намерена в нета. Оригиналът на превода е от www.uroci.net.

Прочетете повече за Типографията в web- основите

25.05.2010- Типографията в web- основите

Статията е превод на наистина интересна статия за web типографията от блога ilovetypography- мястото, където най-добрите дизайнери обменят идеи за оформлението на текстове и т.н. Типографията е науката за оформянето на печатните медии.

Категории в блога на Awsum labs




Сподели страницата




Ключови думи: типография, графичен дизайн, контраст, подобие, подреждане, повторение, web дизайн, уеб дизайн


На фокус

Dream CMS

Dream CMS събира в себе си опита на Awsum labs за проектиране на натоварени сайтове и управление на SEO. Това е може би една от най-бързите системи за управление на съдържание на българския пазар.

Портфолио

    Реклама

    Новини

    Довършен редизайн и нов javascript framework

    Довършен редизайн и нов javascript framework 09.08.2010
    Новият ни дизайн вече може да бъде обявен за довършен и изтестван. Основната разлика е в анимираните ефекти по сайта и представянето на галерии и информация на индексната страница. В него prototype и ...

    Редизайн на сайта ни

    Редизайн на сайта ни 02.08.2010
    Решихме да направим редизайн на сайта си. Все още има бая неща за доизпипване, но се надяваме скоро да се изчистят разните дребни проблеми в новата визия. Може би няма да успеем да изчистим всичко в б...


    Script executed in 0.0270s.