Разработка на проект по Графичен дизайн и...

20
1 Разработка на проект по Графичен дизайн и комуникация Име на автора: Ева Иванова Фак. № 40867 E-mail адрес: [email protected] Дата: 03.06.2013 г.

Transcript of Разработка на проект по Графичен дизайн и...

Page 1: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

1

Разработка на проект по

Графичен дизайн и комуникация

Име на автора: Ева Иванова

Фак. № 40867

E-mail адрес: [email protected]

Дата: 03.06.2013 г.

Page 2: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

2

~ * Увод* ~

Блоговете са едни от най-бързо развиващите се медии днес - не само у нас, но

по целия свят. Те се превръщат в много по-интересен и по-достоверен

източник на информация, а читателите имат възможност да комуникират

директно с автора или авторите на блога. Именно поради тази причина

писатели, драматурзи, актьори и много други хора на изкуството предпочитат

тази форма на популяризация. Нейното приложение е всеобхватно, защото в

един блог, авторът има възможност да помести не само текстове, но също така

снимки, видео клипове, презентации и др.

Една от най-разпространените платформи за създаване на блог в света и може

би най-успешната система за управление на съдържанието е Wordpress.

Благодарение на своята интуитивна вътрешна структура (т.нар “user-

friendly”), добра оптимизация за търсачките и система базирана на принципа

„ open-source“, Wordpress е оптималният вариант за писателски блог. Именно

поради тази причина аз реших да направя своя личен блог посредством тази

система за управление на съдържанието, като изработих изцяло собствена

дизайн концепция – оформление на цялостния изглед на блога – цветове,

карета, лого, шрифт, заглавия на раздели и тяхното позициониране, текстов

Page 3: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

3

дизайн, дизайн на елементите, фотографиите и цялостната композиция и

подредба на съдържанието. Обект на моя анализ по графичен дизайн и

комуникация е личният ми блог – www.bg.ami-tola.com

~ * Кратка типологична характеристика * ~

Блогът е от смесен тип – има мнения и публикации

Тематичен обхват – масов. В блога има две детски пиеси подходящи за

деца от 8 до 15 годишна възраст, роман за юноши, наръчник за

фрийлансъри и копирайтъри, статии за жени, статии на политическа,

здравна, социална тематика, хумористични стихове, разкази и др.,

които са подходящи за хора на всякаква възраст.

Начин на разпространение – онлайн.

Съдържание: авторско творчество – роман, наръчник за копирайтъри,

пиеси, статии, стихове, снимки, видео клипове и др.

Page 4: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

4

~ * Размерни елементи * ~

*Обем *

В Блога има 125 публикации в 11 категории и 7 страници, които са

разположени в главното меню (header): „Начало“ ; „Блог“ ; „Книги“ ; „Видео“ ;

„Био“; „Галерия“ ; „Контакти“;

Категориите в дясно падащо меню: „Книги“; „Любопитности“; „Мисленки“;

„Монолози“; „Пиеси“; „Пиеси за деца“; „По женски“; „Разкази“; „Разни

рими“; „Разнотийки“; „Статии“;

Освен в различните категории, читателите могат да търсят и в архива на

блога. Там публикациите са подредени според датата на публикуване.

В главното меню, в страницата „Книги“ са предоставени с безплатен достъп

онлайн и възможност за download романът „Заблудения завоевател“, „Гледай

си работата – наръчник за фрийлансъри, копирайтъри, извънземни и други

подобни“, пиесите: „Вагон“, „Долу-Горе“, „Добро утро, мой малък ад“.

Детските пиеси - „Котаракът в Чизми“ и „Моя Пепеляшке“

Page 5: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

5

*Формат*

По отношение на формата, блогът се характеризира с ясно изразена

структура интутивност присъща за всеки стандартен блог изграден с

Wordpress. Каретата и колоните са стандартни за тази система на управление

на съдържанието, като са направени съвсем малки промени при изграждането

на уникален (custom-made) дизайн на блога, който да отговаря на

индивдуалния характер и специфичност на автора. Самата тема на Wordpress

е възможно най-стандартната „Basic Version 1.0.3”, но благодарение на

oпцията „customize” е направен цялостен редизайн. Типографията следва

една линия изграждайки финна структура и последователност, които са

много важни за стила и цялостния облик на блога.

*Периодичност*

Засега блогът няма стриктна, точно-изградена периодичност и може да си

позволи такъв вид инцидентност на публикациите тъй като е изцяло онлайн.

В него има архив и категории на публикациите, които могат да бъдат

прочетени от читателите по всяко време. Публикациите са ежемесечни и се

Page 6: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

6

запазват с датата на публикуване в отделните категории или в архива на

сайта. Блогът не е спиран от 2 години.

*Формат на колоната*

Колоните на различните раздели са хармонично подредени, центрирани и

подравнени. Подредеността идва от хоризонталното и вертикалното

позициониране на различните видове секции и раздели. Текстовото

съдържание излиза на преден план в основното каре, което е най-широко и е в

центъра на блога между хоризонталното и вертикалното меню. Там текстът е

подравнен и предоставя възможност за читателите да четат по-лесно

различните текстове както от компютър, така и от мобилно устройство –

таблет или смартфон. Блогът поддържа и мобилна версия, която се задейства

автоматично, в случай че Wordpress системата улови или определи, че

читателя използва мобилно устройство. В настройките на блога тази опция се

нарича „detect mobile device“.

Page 7: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

7

~* Типографска и композиционна характеристика * ~

на стандартните елементи

*Глава*

Логото е основният идентификационен елемент на блога. В него се

съдържа както псевдонима на автора „Ами Тола“ и слогана на блога

„Осцвети пътя си...“ така и част от апликацията на корицата на

дебютния ми роман „Заблуденият завоевател“, на което е изобразен

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

Дъгата е тематичен елемент и присъства хармонично като отделни

елементи на различни места в блога като например фона. Върху

хоризонталната лента с главното меню на сайта, фона на логото е

трансперантно –слива се с фона на главното меню. Шрифтът използван

в логото е серифен шрифт на фотошоп - Jacob , размер 16 за слогана & s

18 за псевдонима. Цветът е тъмно син, хармонично избран да се слее със

силуета на фигурата на Заблуденият завоевател. Същият шрифт е

Page 8: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

8

използван и за слогана, като буквите са лилави, единствената

открояваща се буква е „ц“ в измислената дума „осцвети“, тя е в

изумрудено-зелен цвят. Кегелът е стандартен за виртуалната текстова

типография на Wordpress. Безсерифният, обикновен и функционален

шрифт използван в блога кореспондира, макар и с голям контраст,

типографията на логото, като позволява на логото да изпъква, но не и

да се натрапва.

*Лединг*

Разстоянието между редовете е стандартно за Wordpress. За разлика от

печатните издания, виртуалните формати са задължени да имат

абсолютна хармония между шрифтовите дължини, разстоянието между

редовете и кегела, за да създадат максимално добра ползваемост ( user-

friendliness).

*Модул*

Ширината на колоните отново е стандартна за тази тема на Wordpress. От

композиционна гледна точка, всички карета и колони са разположени

хармонично като кореспондират пряко с височината и ширината шрифта и

също така с лединга. За по-добър изглед и подреденост в дясната колона има

графичен елемент – линии, които да разделят различните подкатегории. Това

Page 9: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

9

не само привлича вниманието на читателя, но му и помага да открие по-лесно

желаното от него съдържание.

~ * Дизайн на заглавията *~

Заглавията на страниците са изчистени и лишени от индивидуалност

(удебелен безсерифен шрифт), като уникалността и индивидуалността са

изцяло концентрирани в логото на блога, позиционирано в дясно, а също така

и в кориците на книгите. Всяка една от тях ( без временната корица на

„Котаракът в чизми“) е с бранд типография, тоест един и същ шрифт, който

се повтаря в заглавието и описанието в кориците на всяка една от книгите

( serif photoshop font: Jacob, size: 16, 18).

Page 10: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

10

*Заглавия на раздели*

Всички заглавия на раздели и подраздели са в дясното падащо меню.

Основните раздели са артистични забавни заглавия (несъществуващи думи и

словосъчетания) както следва: „Нещотийки“, „Новотийки“, „Архив от

многотийки“ в дясното меню съдържат същността и жанра на самите

публикации: „Книги „Статии“, „Разкази“ „Пиеси“, „Разнотийки“, „Разни

рими“, „Пиеси за деца“, „Мисленки“, „Монолози“, „По женски“;

Заглавията на разделите са капитализирани с цел улеснение на читателите –

оринетировка за текстовото съдържание. Постройката им е ясна, а

отчетливостта е осигурена не само от капитализирането, но и от разстоянието

между различните заглавия на подразделите.

Най-долу, под категориите се намира бокс със стандартният Фейсбук Фен

Страница скрипт, подтикващ читателите да се присъединят към официалната

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

LinkedIn, a също така и извадки от профила ми в туитър. Даренията от PayPal

за блога са стандартно позиционирани най-горе в дясната колона.

Page 11: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

11

*Заглавия на публикации*

Не всички заглавия на публикациите са капитализирани. Срещат се само

няколко капитализирани заглавия с цел открояване по значимост от

останалите в подраздел „Статии“.

Самите заглавия на публикациите са тематично свързани с текстовото

съдържание.

~* Текстов дизайн * ~

„При голямо подобие в рисунъка на шрифтовете си съперничат визуално, като от

това страда и естетическата и функционалната страна на дизайна.“ (Веселина

Вълканова, „Медиен дизайн“ гл. „Типографски миксове“ стр. 148)

В блогът съществува истински контраст между типографията на логото и

заглавието на книгите, и самият блог. Всички публикации и заглавия на

страници и постове са в стандартния шрифт за тази тема на Wordpress –

безсерифен и изчистен. Графемите са бързоразпознаваеми, което прави

текстът лесен за четене директно онлайн без да предизвикват умора или

напрежение. Единственият серифен шрифт използван в блога е серифният,

Page 12: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

12

модерен шрифт - Jacob, използван в логото и в дизайна на кориците на

книгите. Наличието на серифи в текстовете, които се четат онлайн до голяма

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

тенденция на спад на посещенията в блог-постове, които са публикувани

онлайн със серифно оформление на текста. Именно поради тази причина

решението всички заглавия и подзаглавия в сайта, както и самият текст да

бъде максимално опростен или дори дифолтен за тази стандартната тема

предоставена от Wordpress се оказва по – печелившата карта, нищо че

красотата, елегантността и индивдуалността в дизайна на текста се крият в

серифа. Все пак много от модерните шрифтове показват една забележителна

опростеност и стилово удобство, което само по себе си също може да

допринесе за красотата и изяществото на цялостното оформление на онлайн

медията.

~* Дизайн на фотографии * ~

В дизайна на фотографиите, почти не е използван retouch или някакъв вид

brush. Повечето снимки са портретни, а част от тях са снимани на зелен фон с

цел смяна на цвета на фона при обработка. Снимките се използват при някои

от публикациите от категория „Статии“ и „Мисленки“. Една от снимките е

Page 13: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

13

използвана в страницата „Био“, а всички снимки са поместени в страницата

„Галерия“ като са подредени в 4 реда, по 4 на ред, с помощта на опцията

„Gallery” предоставена от Wordpress. Въпреки, че всяка от снимките е с

различни пиксели, опцията “Gallery” автоматично ги конвентира в един

размер и качество, за да няма нарушения в хармоничността на самата

галерия. В самите публикации, размерът на снимките варира.

Фотографиите не са натрапвчиви. Портретните снимки на автора се

използват без тематична обвързаност с публикациите, единствено за статиите

като се позиционират в горният ляв ъгъл на всяка статия. Целта на тези

фотоси е единствено за опцията “Share”(т.нар. споделяне) в социалните

мрежи, тъй като в повечето случаи, при споделянето се изисква някакъв вид

визуализация на самата статия, затова се използва снимка на автора при

разпространението на самите публикации извън рамките на самия блог. Това

превръща самите портретни снимки в константи, в тези определени

публикации. Големината и позиционирането им позволява на самите

публикации да „дишат“ свободно тъй като разстоянието между снимките и

текста е двустранно подравнено.

Page 14: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

14

~ * Степен на цветност на изданието * ~

Многоцветността на блога е може би най-важната съставка от неговата

уникалност. На заден фон в определена периодичност се сменят , чрез

преливане, 5 основни цвята, което придава увеличена интезивност при

конструиране на цялостния изглед на сайта. Цветовете са пряко свързани с

логото на сайта, защото там присъства, като елемент – дъгата. Всички колони

са в един цвят – екрю, който създава неутралността и баланса между каретата

с текст и фона, за да предостави благорпиятна среда за четене.

Page 15: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

15

*Композицията от цветове във фона*

Изборът и броят на сменящите се цветове не е случаен. Това са любимите

цветове на автора и именно те са избрани да представят индивидуалността и

уникалността на блога. Съчетанието им и подредбата им, обаче, са

осъществени с помощта на експерт в уеб дизайна. От психологическа гледна

точка тези цветове са подбрани да носят щастие и спокойствие на читателите,

никой от цветовете не е основен, защото според НЛП експертите основните

цветове и съчетанието между тях водят до негативни ефекти върху блога...

Например съчетанието червено и жълто е подходящо за ресторант за бързо

хранене, защото подтиква клиентите на заведението подсъзнателно да се

хранят по-бързо и да си тръгват. Ако съчетанието между подбраните цветове

за блога подтиква читателите по-бързо да напускат блога, това би имало

негативен ефект. Точно поради тази причина цветовата компзиция е

подбрана така, че да носи щастие и да връща читателите към безгрижното

детство или към най-красивите им спомени и да ги кара да се връщат в блога

отново и отново и да четат с удоволствие. А след като го затворят, да се

чувстват щастливи и удовлетворени.

Page 16: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

16

~ * Композиция на визуалните пространства* ~

Може да се каже, че композицията на блога е основана на два основни

фактора, контраст и еклектика. Но в същото време ритъмът и балансът не са

нарушени. Съвсем спокойно можем да кажем, че цялостният изглед на

дизайна ни кара да мислим, че концепцията е на ръба на гротескното, на ръба

между стилното и безвкусното, на ръба между натрапчивото и елегантното,

но не прекрачва последното стъпало на умереността - финната граница

между красота и пошлост. Макар и да е нестандартен не можем да кажем, че

чрез характерността си, този дизайн е преекспонирал своята идентичност и

се е пренесъл в сферата на натрапчивостта и грозотата.

Като автор на дизайна на блога и на самия блог, мога да споделя, че когато

създавах този свой проект, не бях водена от познания по графичен дизайн, за

което съжалявам, но имах интуиция и вътрешна нагласа или по-скоро

представа как искам да репрезентирам себе си и творчеството си в този блог.

Исках дизайнът да бъде светъл, весел, игрив, да бъде фееричен и женствен и в

същото време да бъде приказен, по един невинен детски начин. Исках, когато

моите читатели попаднат в този блог, да се връщат отново към детството си,

когато са се чувствали наистина щастливи и безгрижни. Точно затова, блогът е

Page 17: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

17

толкова пъстър, а за лого използвах моят герой - Заблуденият завоевател,

който с чадър се отправя към Луната, космоса, към необятните пространства

на детската фантазия, която възрастните забравят в своето забързано сиво,

ежедневие.

Макар и на моменти балансът да не изглежда така добре изваян и да има

композиционни нарушения в цялостният дизайн, вътрешният ритъм,

константността, прегледността и индивидуалността присъстват неотменно

във всяка страница, категория или публикация в блога.

~ * Специални страници * ~

По-специалните страници в блога са : „Книги“, „Видео“, и „Био“. В страницата

„Книги“ е предоставена корицата на всяка книга или пиеса, написана от мен,

кратко описание на книгата, а също така и възможност да бъде свалена цялата

книга или пиеса. Кориците са подредени в ляво, чрез left picture alignment и са в

един размер. Заглавието на всяка книга е в стила на логото на блога фотошоп

серифен фонт: Jacob; bold; размер: 16,18.

Page 18: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

18

Всяка корица има свой специфичен стил, свързан с тематиката на сайта, но

всички корици са свързани в един общ, уникален за сайта анимационен стил,

наподобяващ детска рисунка, тъй като в стила на писане на автора е

характерен инфантилният поглед по отношение на нещата от живота и

детските разсъждения върху сериозни теми. Именно оттам идва и

хумористичният привкус на стила.

В страницата „Видео“ са поместени само видео клипове, без описание, в които

участва автора. Клиповете заемат цялото пространство на страницата и са

подредени един под друг. Там читателите могат да видят авторския промо

клип на автора направен специално за представянето на наръчника за

копирайтъри и фрийлансъри - „Гледай си работата“, а също така и клип от

премиерата на дебютния роман на автора - „Заблудения завоевател“, която се

състоя на 15-ти Април 2010г.

Страницата „Био“ съдържа кратка автобиография на автора и портретна

снимка, позиционирана отстрани на текста. Текстът е наклонен, с цел

открояване на тази информация, като по-важна и по-отличителна от

останалите страници.

Page 19: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

19

~ * Цялостна оценка на дизайна на сайта * ~

Еклектиката е търсен ефект в графичния дизайн на този блог. Самият

псевдоним „Ами Тола“ идва от думата „амитола“, което на сиукс означава

„небесна дъга“. Идеята е на този блог е, че вътре може да се намери за всеки по

нещо“. Пъстротата и многоцветността не е само израз на визуалността, но и на

словото.

Периодичната промяна на цветовете в сайта, които са зададени да се сменят

автоматично през определено време е желан ефект и е част от идентичността

на блога. Сайтът има средно по 250 посещения на ден и за две години има

само две оплаквания относно тази смяна на цветовете. Според тези двама

читатели, тази смяна води до разконцентриране и дразнене на окото по време

на четене.

Подобрения на блога се правят периодично с т.нар. widgets и plug-ins, които

подобрявят цялостния изглед на сайта, без да го променят драстично от

гледна точка на дизайн.

Евентуален, цялостен ре-дизайн би променил не само облика, но и

идентичността на сайта и автора, в което не би имало нищо лошо. Ако това

Page 20: Разработка на проект по Графичен дизайн и комуникацияbg.ami-tola.com/wp-content/uploads/2013/06/GraphicDesign_Eva_Iv... · Графичен

20

стане, дизайнът ще има изцяло нов стил – rustic modern, но ще запази част от

еклектичността си, логото и типографията.

Смятам, че в момента, блогът притежава необходимата хармоничност и

стилова лекота, която не дразни окото, а в същото време успява да интригува

читателя със своята индивидуалност.

Без всякаква излишна помпозност, сайтът е уникален, т.е. откроява се от

другите блогове на български писатели. Свеж е и носи приятно настроение на

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

необходимото, за да открие това, което търси. С две думи, дизайнът не пречи

на блога да бъде user-friendly, напротив, със своята ненатрапчивост и

изчистеност го прави още по-интуитивен. Именно този ефект търсих, когато

създавах своя малък кът в необятното интернет пространство.