Най-очевидният аспект на даден сайт в очите на потребителите е графиката или
тъй нареченото “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 г.? Само времето ще ни каже. Разбира се, когато
някой излезе с една функционална и естетически издържана идея всички започват
да я имитират - което, между впрочем, служи като тест за самата идея и нейната
реална стойност, изпитана от стотици сайтове. Искате да създадете нещо
неповторимо и уникално? Не се самозаблуждавайте, защото всичко в уеб е копие
или се копира в последствие, адаптирано към съответната нужда. Което още не
значи, че авторите трябва да спрат да творят…
Сходни статии от блога на Уеб Дизайн България ®:
- Преди и след Wireframe схемите Изработката на един уеб сайт не е лесна работа. Преди всичко вие трябва да имате известен опит и да сте си изградили определена линия на начинът ви на работа. Моделът...
- Зимна актуализация на портфолиото ни Наближава време за завършване на проекти и спечелването на нови доволни клиенти, а все още има завършени проекти от есента, които не бяхме включили в портфолиото ни. Първия проект, които...
- Маркетинга на бъдещето и съвременните технологии и социални и бизнес тенденции При появата на новите тенденции преди няколко години, когато социалните мрежи взеха превес в комуникацията между потребителите в Мрежата и Web стана по-практичен и ориентиран за тях, се появи термина...
- Какво прави дизайна на даден уеб сайт наистина ефективен Какво прави дизайна на даден уеб сайт наистина ефективен? Графики които хващат окото, внимателен подбор на палитрата, използването на Flash, за да раздвижим приложението си. Някои с право могат да...
- Достъпен уеб дизайн Когато се говори за добър уеб дизайн се има предвид достъпен. Не е задължително тези две понятия да са на противоположните страни на скалата за красивото. Един достъпен сайт може...
