Топ тенденции в уеб дизайна, които да приложите в Edge Animate

С помощта на Adobe Edge Animate можете да създадете всички дизайнерски тенденции, изброени тук. Представените тук тенденции в уеб дизайна в по-голямата си част представляват не само нови техники за кодиране, но и нови начини за вашата аудитория да взаимодейства с вашия сайт по ангажиращи начини. Когато привлечете вниманието на аудиторията си и я заинтригувате с вашия уеб дизайн, вие сте на път да задържите тази аудитория.

Повече изображения и илюстрации

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

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

Можете лесно да импортирате изображения за използване с вашата композиция на Animate и как да работите с тях. Открийте как да използвате изображения във фонов режим и разликата между използването на div таг и img таг за изображенията. Можете да зададете предварителни настройки за оформление за вашите изображения.

Хоризонтално превъртане

Създаването на уеб дизайни с хоризонтално превъртане може да отнеме смелост — рядко се е правело — но това не означава, че не е правено преди и с голям ефект. Простото търсене в мрежата за „страхотни хоризонтални уебсайтове“ няма да ви остави разочаровани. Ще намерите много страхотни примери за арт сайтове, галерии и творчески сайтове, които използват хоризонтално превъртане за голям ефект.

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

Вертикално превъртане

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

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

Фиксирани заглавки

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

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

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

Творческа навигация

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

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

Чудесен начин да покажете на аудиторията си, че изображение или икона е връзка, е да използвате функцията за атрибут Cursor в Animate. Когато аудиторията ви предаде показалеца на мишката върху свързано изображение, курсорът може да се промени от показалец в ръка, показвайки връзка.

Разказвач

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

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

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

Навигиране в рамките на една страница

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

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

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

Отдалечаване от светкавицата

Adobe Flash някога беше вълната на бъдещето, но тази вълна се разби на плажа и настъпва нова вълна. Там, където Flash преди беше преобладаващият инструмент за създаване на анимации и уебсайтове, разцветът на този инструмент дойде и си отиде.

Adobe Edge Animate може да не е напълно готов да замени напълно Flash, но е на път да постигне точно това. В крайна сметка не можете да гледате Flash на i-устройства като iPhone и iPad и кой иска да създава съдържание, което изглежда неработещо на някои от най-популярните мобилни устройства наоколо?

HTML5, CSS3 и JavaScript

Светът на уеб дизайна и техниките за кодиране непрекъснато се развива. Голямата тенденция в кода са HTML5 и CSS3, които тепърва ще стават все по-вкоренени в уеб-сферата. Google Chrome е водеща, прилагайки най-новите стандарти – с Firefox и Safari наред.

След това има Internet Explorer – в момента малко късно се появява на партито – но Microsoft прави големи крачки в актуализирането на браузъра си, за да поддържа темпото.

Защитете анимацията си от това да не се появява неработеща в по-стари версии на Internet Explorer, като използвате етапа на по-ниско ниво и различните опции за публикуване в мрежата, които предлага Edge Animate. В това отношение простото използване на Adobe Edge Animate може да се счита за тенденция в уеб дизайна!

Отзивчив уеб дизайн

Отзивчивият уеб дизайн (RWD) е най-новата ярост в наши дни. Концепцията зад RWD е да се проектира един сайт за използване на произволен брой устройства, от настолни монитори до таблети до телефони. Въпреки че уеб дизайнерите може да са разделени дали да създадат мобилен сайт отделно от сайт за настолни компютри или да създадат единен сайт, който да отговаря на размера на браузъра, тенденцията се накланя към отзивчивия лагер.

Причината за това е доста проста, като създадете един отзивчив сайт, не е нужно да актуализирате два различни сайта. Създаване на RWD сочи в посоката на бъдещето; колкото по-усъвършенствани са техниките и инструментите за кодиране, толкова по-добре ще работят с RWD. Помислете за още един начин, по който Adobe Edge Animate ви поставя в авангарда на тенденциите в уеб дизайна.