Принцип на контраста- част 2

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

Ако двете съобщения по-долу дойдат на бюрото ви, кое бихте взели първо? Те имат същото основно подреждане. И двете са красиви и спретнати. И двете имат една и съща информация. Имат само една разлика- второто има повече контраст.

59.png

Това е приятно и спретнато, но няма нищо, което да привлича очите ви към себе си. Ако ничии очи не са привлечени към някое парче, то никой няма и да го прочете.

Източникът на контраста по-долу е очевиден. Използвах по-силен, по-дебел шрифт в заглавията и подзаглавията. Повторих шрифта(принцип на повторението, помните ли?) в заглавието на съобщението. Тъй като смених заглавието от всичко с главни букви на първа главна буква, можах да използвам по-голям и по-дебел размер шрифт, което още повече помага да се подсили контраста. И, защото заглавията са толкова силни сега, можах да добавя черна линия около върха зад заглавието, като пак повтарям тъмния цвят и подсилвам контраста.

60.png

Ще се съгласите ли, че очите ви са привлечени от тази страница вместо предишната?

Пак прекъсвам превода и оставям примерите в галерията...


Галерия за Принцип на контраста- част 2



« Предишна част Следваща част »

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


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



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

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

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

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

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

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

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

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

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


Категории в блога на 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.0210s.