Transcript Лекция 03

Съдържание
1. Maлко информация за типографията
2. Koлело на цветовете в Уеб
3. Елементи и принципи
4. Полезни връзки
Колкото е по-добър един дизайн,
толкова е по-невидим става.
Когато елементите в дизайна са правилно подредени,
ние не им обръщаме внимание.
Ние забелязваме само нещата, които ни
притесняват или дразнят.
Малко информация за шрифтовете
1. Семейства от шрифтове
Arial, Helvetica, sans-serif – набор от шрифтове (всички sans-serif и зависящи от
екрана на потребителя и неговата ОС).
Times New Roman, Times, serif - набор от шрифтове (всички sans-serif и
зависящи от екрана на потребителя и неговата ОС).
Courier New, Courier, mono - всички тези са подобни на старите шрифтове за
печатните машини. При тях думите и буквите изглеждат по-широки в
сравнение с досега посочените групи. Тази илюзия се създава от факта,
че всички букви заемат еднакво пространство. С други думи "m" взима
същото пространство като "I" или "l".
Georgia, Times New Roman, Times, serif - те са по-широки и "меки", отколкото
Times шрифответе. Под "меки" се има предвид, че са заоблени.
Verdana, Arial, Helvetica, sans-serif - тези са по-лесни за четенешрифтове, но са
по-широки и заемат повече място на страницата.
Geneva, Arial, Helvetica, sans-serif - Друга група шрифтове.
Малко информация за шрифтовете
2. Писмени знаци
Поотделно писмените знаци често се използват като дизайн елементи в
лога и други материали. Така ние виждаме буквата не само като форма, но
и като контур, който се образува от поставянето и въвху дадена
повърхност. Хармонията между знака и заобикалящата го среда зависи от
визуалния баланс на позитивната форма и негативното пространство,
което се създава.
Малко информация за шрифтовете
2. Оформление на страницата
Успешната типографска композиция на страницата изисква от дизайнера
да обмисли добре не само избора на шрифт, но и междуредовото и
междубуквеното пространство като цяло. Това включва определяне на
пространството, пропорция, форма, баланс, и др.
Малко информация за шрифтовете
3. Параграфи
Един от елементите на интерфейсния дизайн е подравняването на текста.
Когато параграфът е центриран, с ляво или дясно подравняване, грубите
ръбчета и дупки, които се получават се наричат „отрязъци“.
Оптимизирайки ги, дизайнерите могат да създадат по-въздействащи и
подредени блокове текст.
Малко информация за шрифтовете
Малко информация за шрифтовете
4. Screen fonts
Развитието на електронните устройства като компютрите,
PDA,
телефониs, дигитални проектори породи създаването на много "замо за
екран" приложения и шрифтове. Тъй като тези екранни шрифтове са
изчертават чрез поредица от пиксели, качеството и четливостта им са
ограничени от разделителната способност на визуализиращото
устройство.
Илюзията за заглаждане на шрифта се постига чрез "anti-aliasing." Той
работи като запълва назъбените пространства на формите с по-светли
пиксели, карайки окото да се залъгва с уж по-глаския контур. Но тази
техника кара буквите да се четат трудно, особено на устройства с по-ниска
разделителна способност. Това пък доведе со появата на друг вид
семейство "pixel fonts" — специализирани за електронни устройства,ук
които показват четими текстовес малък размер на буквите и, които не
изискват заобляне.
Колело на цветовете
1. Какво представлява колелото на цветовете
Там, където има светлина, има и цвят. Бялата светлина съдържа всички видими цветове,
разположени в спектър от червено до лилаво, точно като дагата. Колелото на
цветовете представлява точно този спектър, чрез 12 основни цвята.
Тези 12 цвята се делят на първични, вторични и третични. Първичните са Червено, Синьо и
Жълто. Вторичните цветове са получени чрез кобинации на първичните, а третичните
чрез комбинации от вторичните. От тези 12 първични цвята се конструира основата на
Колелото на цветовете. Всеки цвят, освен определения нюанс, има и стойност. Когато
към основния нюанс добавим бяло или черно, цвета става по-светъл или по-тъмен.
Това се нарича стойност. В колелото на цветовете, тези стойности се изобразяват с
допълнителни кръгове – два външни за по-тъмните стойности и два вътрешни за посветлите.
Колело на цветовете
2. Комбиниране на цветовете
Трудно ще срещнете цвят, който е изолиран от всички останали. Цветовете вървят в някакви
комбинации и се интерпретират в съответния контекст. Ефекта от цвета се определя от
светлината, която отразява; цветовете, които го заобикалят и перспективата на човека,
който го гледа. Няма “добри” и “лоши” цветове. По-скоро можем да кажем, че дадена
част от композицията е приятна за гледане или не. Има няколко основни комбинации
от цветове, които правят избора ни по-лесен.
Едноцветна (монохроматична). Тази палитра съдържа тъмните, средните и светлите
стойности на един цвят. Тук липсва дълбочина в цветовете, но пък имаме контраст от
тъмните, средните и светлите стойности, което е добро за хубав дизайн.
Колело на цветовете
2. Комбиниране на цветовете
Аналогична. Тя е съставена от цветове, които са близки един до друг. Палитрата съдържа
силни полутонове, които създават приятна за гледане, ниско контрастна хармония.
Аналогичните палитри са богати на цветове и лесни за работа.
Колело на цветовете
2. Комбиниране на цветовете
Срещуположни. Това са цветове, които са директно един срещу друг в колелото на
цветовете. Срещуположните цветове са контрастни, носители на енергия, жизненост и
вълнение.
Колело на цветовете
2. Комбиниране на цветовете
Срещуположни. Това са цветове, които са директно един срещу друг в колелото на
цветовете. Срещуположните цветове са контрастни, носители на енергия, жизненост и
вълнение.
Колело на цветовете
2. Комбиниране на цветовете
Допълнени Срещуположни. Това са цветове, които са разположени на една стъпка от единия
срещуположен цвят, заедно с другия срещуположен цвят. Тяхната сила е в красотата
на ниския контраст от аналогичните цветове, плюс добавения акцент от
срещуположния цвят.
Елементи и принципи
I. Елементи на дизайни
I. Принципи на дизайни
1. Линия
1. Баланс
2. Цвят
2. Контраст
3. Обем
3. Отправна точка
4. Движение (motion)
4. Икономичност
5. Пространство
5. Доминантност
6. Текстура
6. Пропорция
7. Гама
7. Ритъм
8. Типография
8. Единство
Полезни връзки и литература
1. http://www.identifont.com
2. http://lipsum.com/
3. http://www.wpdfd.com/
4. http://www.ficml.org/jemimap/style/color/wheel.html
5. http://www.visibone.com/
6. http://www.pantone.com
7. http://wellstyled.com/tools/
8. http://colorschemedesigner.com/
9. http://kuler.adobe.com/#themes/rating?time=30
Visual Literacy: A Conceptual Approach to Graphic Problem Solving by Judith Wilde, Richard Wilde, WatsonGuptill http://www.pantone.comPublications, 1991, ISBN: 0823056198
Conceptual processes of visual communications.
Basic Visual Concepts And Principles For Artists, Architects And Designers by Charles Wallschlaeger,
Cynthia Busic-Snyder, Meredith Morgan, McGraw-Hill, 1992, ISBN: 0697006514
A book highly recommended for any serious design student.
Design for Communication : Conceptual Graphic Design Basics by Elizabeth Resnick, Wiley, 2003,
ISBN: 0471418293
Technical and conceptual processes and exercises located here.
Благодаря за
вашето внимание!