Най-очевидният аспект на даден сайт в очите на потребителите е графиката или
тъй нареченото “look and feel”, което както подсказва самото наименование, сочи първото и най-ярко впечатление при влизането в даден сайт интернет.
Графиката се развива заедно с техники XHTML и CSS, както и по-модерните техники Ajax, които позволяват по-широк спектър на взаимодействие между потребителя и сайта в ерата на Web 2.0. Еволюцията е следствие на възможността да се прилагат графични аспекти, които без използването на CSS са били почти невъзможни.
Епохата на Web 2.0 е освен това придружена, случайно или не, от една доста
определена графична мода, за която ще споменем и ние тук заедно с други текущи
техники. За да разберем по-добре аспектите на тази тенденция (да, дори и в
интернет има мода) ще продължим с пример:
Фигура 1 – DesignBits, примерен дизайн 2.0
DesignBits примерен уеб дизайн от типа Web 2.0
Светлината като основен елемент
Както Караваджо, който е бил сравнително вещ по въпроса, така и съвременните
уеб дизайнери са разбрали, че светлините са тези, които привличат вниманието и
подчертават елементите в графичното изображение. Говорим за:
- Източници на светлина (вж. ясният ореол в синя лента на брузъра);
- Светлини и сенки (в самото лого е употребена техниката киароскуро (преливане) отгоре надолу, а и бялата линия има лека сянка в горната си част);
- Отражения – повече или по-малко реалистични, особено върху блестящи повърхности (трите образа на обекти в синята лента);
- Закръглени Бутони и ясен, елегантен шрифт.
Забележете също как добре подбраният шрифт придава фин и в същото време
опростен вид на заглавието, абзаца или списъка. Използването на два вида шрифт, например, помага в този смисъл и ако погледнем примерният сайт, ще видим, че
използваният шрифт Georgia създава по-хармонични отношения с Arial / Helvetica
в останалата част от сайта.
Тук имаме още по-закръглени букви и форми:
Фигура 2 – Quaffs Labs – Web 2.0
Уеб сайта Quaffs Labs - типичен пример за Web 2.0 изработка на сайтове
Нещо повече, в някои екстремни случаи на Web 2.0 бутоните, заглавията, менютата стават твърде големи, може би поради завишената резолюция при
браузърите на дизайнерите, на които всичко им изглежда твърде малко? Или защото
при наличието на толкова интерактивни продукти става необходимо да се направи
по-достъпен кликът и плъзването на елементите на страницата?
Факт е, че този вид графика е превзел дори и простичките, слабо интерактивни
продукти, представяйки днешната Мрежа в много по-бляскав и забавен вид.
Освен това има и хора, които залагат много на собственият си естетически вкус и
отказват да го приравнят с тенденциите, или пък творят, черпейки вдъхновение от
актуалните общи идеи. Така, както в повечето области, и тук таванът е границата
на собствената ви фантазия.
Едно от големите имена е Ник Ла, уеб дизайнер и илюстратор от Торонто, който
прикова вниманието на съмишлениците си с неговите илюстрации и става
изключително популярен след разработката на някои WordPress шаблони и набор от
безплатни емотикони.
В допълнение към неговия личен блог управлява и проекта, който стана извор на
вдъхновение за мнозина – Webdesignerwall:
Фигура 3 – Webdesignerwall – вдъхновение за много уеб дизайнери
Графиката е успешна комбинация от илюстрации и гръндж, нова тенденция, която все
повече и повече си проправя път и която се обобщава с няколко графични
елемента, между които ”мръсните” четки, текстурата тип “хартия” и непрозрачни
цветове, а понякога и затъмнени, противно на тенденцията 2.0, с калиграфски
шрифтове. Понякога този тип графика се асоциира с любителите на 50-те години
поради илюстрациите и репродукциите, типични за онова време.
Новият Интернет
Какви са тенденциите за 2009 г.? Само времето ще ни каже. Разбира се, когато
някой излезе с една функционална и естетически издържана идея всички започват
да я имитират – което, между впрочем, служи като тест за самата идея и нейната
реална стойност, изпитана от стотици сайтове. Искате да създадете нещо
неповторимо и уникално? Не се самозаблуждавайте, защото всичко в уеб е копие
или се копира в последствие, адаптирано към съответната нужда. Което още не
значи, че авторите трябва да спрат да творят…
Сходни статии от блога на Уеб Дизайн България ®:
- Основни съвети за добър уеб дизайн. Какво представлява професионалния уеб дизайн Какво представлява добрият уеб дизайн? Показва ли необикновените Ви умения в дизайна? Доказва ли, че сте невероятен графичен дизайнер? Води ли уеб дизайна ви до желаните резултати? Или дизайнът Ви...
- FLV Видео файлове във уеб сайтове, конвертиране на видео файлове във FLV флаш видео формат чрез YouTube Някой собственици и уебмастъри не винаги използват YouTube, за да добавят видео файлове в техните уеб сайтове, а видео стриймването чрез флаш технологии е много разпространено и удобно днес. Добавянето...
- Как да получите най-добрия уеб дизайн за вашите пари Повечето фирми от малкия бизнес осъзнават в един момент, че им е необходим уеб сайт за своето бизнес развитие и просперитет, но стартирането на процедурата по изработката на уеб сайта...
- 5 важни неща, които е добре да знаете преди да започнете уеб дизайна на първия си сайт В днешния свят, ако сте в бизнеса и искате хората да ви приемат сериозно, то вие се нуждаете от уеб сайт, сериозен уеб сайт. Обикновено, хората още смятат, че за...
- Какво прави дизайна на даден уеб сайт наистина ефективен Какво прави дизайна на даден уеб сайт наистина ефективен? Графики които хващат окото, внимателен подбор на палитрата, използването на Flash, за да раздвижим приложението си. Някои с право могат да...
