Уеб дизайн тенденции за 2011

2011 година наближава и е хубаво да поговорим малко за тенценциите в уеб дизайна които ще са актуални.

Ето няколко насоки, които могат да бъдат използвани успешно за създаването на яки сайтове през идната година. 🙂

html5 css3

html5 css3

1. Използване на HTML5 и CSS3

Интегрирането на тези 2 езика би довело до по-бързо зареждане на страниците, да не говорим за ефектите, които присъстват в тях и премахването на ограниченията с използване на плъгини от 3-ти страни за визуализиране (например Флаш).
За момента спирачката за използването на HTML5 и CSS3 са браузърите. Просто по-старите не са оптимизирани за тях и не интерпретират правилно кода. Въпреки това през 2011 година се очаква всички браузъри по-упорито да използват новите технологии и всичко да си дойде на мястото.

Богата типография

Богата типография

2. Богата типография.

Да, както и през 2010 година големите заглавия отново са на мода в уеб дизайна. С тях привличате вниманието на потребителите. И ако до момента е трябвало да правите изображение на всяко заглавие и да го поставяте в сайта (защото увеличените шрифтове в уеб излизат “назъбени”), то в момента с Cufon fonts можете да сте спокойни, че визуализирането ще е правилно.

повече бели пространства

повече бели пространства

3. Повече бели пространства.

Тенденцията се запазва от изминалата 2010 година. Акцентирането върху съдържанието е по-лесно, когато има нещо интересно на голямо бяло платно. Васи е дала пример от Лисабон, който е оригинален макар и в сферата на рекламата, но основната идея е една и съща. Да не споменавам, че потребителите си отдъхват и не се натоварват толкова, а лесно усвояват “материала”.

Прилика на списание

Прилика на списание

4. Вид на списание.

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

инфографики

инфографики (цък за по-голяма картинка)

5. Инфографики.

Винаги графиките са били лесен начин за предоставяне на синтезирана информация. Модерните инфографики не се свеждат до старомодните “пици и небостъргачи”. В тях все повече има ръчно рисувани “елементи”, снимки, интересни сравнявания и тн. Цяла наука си е, но използването им никога не би имало отрицателен ефект върху интерактивността.

Социални икони

Социални икони

6. Социални икони.

Да още една тенденция, продължаваща и през новата година. Макар в България Facebook и Twitter още да набират популярност, в западните страни са изключително популярни. Поставянето на тяхните икони спомага за по-бързото разпространение на страниците и обмена между потребителите. Информационния поток става по-богат. Разбира се има много социални мрежи. Изберете най-популярните на локално ниво за да сте максимално полезни.

мобилни сайтове

мобилни сайтове

7. Мобилни сайтове.

Макар все още да мисля, че “Мобилен Интернет” в България няма е хубаво да се помисли и в тази насока. Най-важно е да определите своята таргет група. В момента мобилния Интернет по мои наблюдения или се използва от “добре облечени бизнесмени” или от “зарибени тинейджъри по социални мрежи”. Все още в България цената на 1МВ трафик е доста висока, а високотехнологичните джаджи възпроизвеждащи правилно дизайна са сравнително скъпи.

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

Интерактивен дизайн

Интерактивен дизайн

8. Интерактивни дизайни.

Спомняте си Efi от рекламния сайт на Еко нали. 🙂 Как трябваше да и посочвате коя част от колата да провери, така, че да “оправите взаимно колата“.

Други начини за постигане на интерактивност са включване на видео, аудио, различни анкети, тестове, повече js библиотеки и ефекти на зареждане на съдържанието и тн.

Леки цветове

Леки цветове

9. Леки цветове.

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

Големи изображения

Големи изображения

10. Големи изображения.

До момента на няколко пъти изтъкнах този похват. Независимо дали ще е голям фон или просто голяма снимка на вас с братовчеда, снимките могат да кажат повече от думите.

Те привличат вниманието. Те омагьосват. Използвайте ги. И не се притеснявайте за трафика. Вече по-голямата част от потребителите имат достъп до високоскоростен Интернет.

Променен футер

Променен футер

11. Променени хедър и футер.

Все повече сайтове предоставят малко по-различни начало и край на страниците си. В хедъра вече присъстват големи изображения и текстове и липсват реклами.
Във футера пък присъстват контактни форми, връзки към социални мрежи, по-лична информация, последни новини и тн. Не се ограничавайте.
Наскоро даже срещнах сайт с интерактивна инфографика във футера и беше доста интересно.

Ретро и овехтяло

Ретро и овехтяло

12. Ретрото е живо.

Колко от вас си спомнят старите афиши лепени по инфо таблата в центъра на София? Спомняте си ретро вида им нали. Е в уеб дизайна ретрото се завръща. Отново започват да се харесват “овехтели” картинки и шрифтове. Аз лично скоро не съм видял сайт на чуждестранна музикална група, който да е “модерен”.

дизайн от една страница

дизайн от една страница

13. Дизайни изградени от една страница.

Макар и трудни за реализиране, тези дизайни са изключително интересни за посетителите. Спомням си как имаше игра в уроци.нет за един червей, в който всеки участник трябваше да довърши картинката на предния участник и да направи своята “слята” с предната. Ако тук постигнете такъв ефект, то вашата работа е перфектно свършена.
Можете дори да кажете, че тези сайтове приличат на визитна картичка. Иформацията е малко, но достатъчна да задоволи глада на потребителя. Можете да сложите малко информация за себе си или за дейността си, няколко социални ъпдейта и изображения. Някой биха казали, че минималистичните дизайни са точно това. 🙂

3D и перспективи

3D и перспективи

14. Други перспективи.

3D киното отдавна набира популярност. Дизайнерите в уеб също трябва да мислят за друг външен вид освен стерео-то. Сменените перспективи, 3D елементи (кутий например), разни животни и хора, които имат максимална прилика с живите си аналози, но изпълнени в cg. Перспективата, изкривяването на пространството винаги са носели някаква магия. Можете да я уловите. 🙂

В заключение може да се каже, че част от тенденциите от миналата година се запазват. Няма нищо кой-знае колко ново под слънцето в уеб дизайна, но продължаваме да се развиваме. Част от точките в статията са взети от чужди сайтове.

Ще се радвам, ако някой може да допълни нещо. Всички коментари/критики са добре дошли. 🙂

Categories: Архив, Дизайн и код

Коментирай през Facebook:

2 comments

Leave a Reply