Могат ли да останат тенденциите в уеб дизайна на 2010 г.?

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


Тенденции за уеб дизайн за 2018 г.

В първите дни на World Wide Web беше модерно уебмайсторите да използват всеки възможен ефект: анимирани GIF файлове, мигащ текст и автоматична игра на midis vied за внимание на всеки сайт, който сърфирате..

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

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

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

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

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

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

Web-Design-Тенденции

Дизайн на тенденциите за уеб дизайн 2014

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

Адаптивен дизайн

  • Отзивчивият дизайн означава, че уебсайтът автоматично се приспособява към размера на екрана, на който се гледа.
    • Това е изключително важно за уеб дизайна, тъй като хората се отдалечават от традиционния компютърен екран.
      • 90% от американските възрастни притежават мобилен телефон
      • 58% от възрастните в САЩ вече притежават смартфони
        • 60% от собствениците на мобилни телефони използват телефона си за връзка с Интернет
      • 42% от възрастните американци вече притежават таблети
  • Чувствителният уеб дизайн включва използване на гъвкава комбинация:
    • Формати
      • Всичко е оразмерено по пропорция, а не пиксели.
    • Снимки
      • Всичко е оразмерено по отношение, а не пиксели.
    • CSS заявки
  • Примери за отзивчив дизайн включват:
    • COM
    • COM
    • COM
  • Създайте свои собствени отзивчиви шаблони или закупете съществуваща отзивчива рамка.
    • Примерите включват:
      • Карма
      • Avada
      • обгръщам
  • Професионалисти:
    • По-малко поддръжка: един сайт, вместо няколко сайта за проектиране и поддръжка.
    • По-добра оптимизация на търсачките (SEO): един сайт означава един набор от URL адреси, което прави SEO по-управляем.
    • Няма нужда да се притеснявате дали вашият сайт ще бъде съвместим или не с десетките нови устройства, които непрекъснато се връщат на пазара.
  • Недостатъци:
    • Изпълнението може да отнеме повече от очакваното.
    • Технологиите все още се развиват.
    • Тъй като изображенията са просто намалени, а не оразмерени, това може да повлияе отрицателно на времето за зареждане на страниците и да разстрои посетителите.

Още превъртане

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

  • Превъртане Parallax: Позволява фонът на уебсайта да се движи с различна скорост, както останалата част от страницата.
    • Пример: Nasa Prospect
    • Професионалисти:
      • Може уау посетителите с анимация
      • Преки потребители на призив за действие
      • Насърчете посетителите да останат на страницата по-дълго, докато превъртат цялата работа
    • Недостатъци:
      • SEO предприема хит, защото има само един набор от мета информация
      • Много данни на една страница забавят времето за зареждане на страницата, което може да доведе до разочаровани потребители
  • Хоризонтално превъртане: превърта се отляво надясно, а не нагоре и надолу.
    • Пример: Световна фондация за дивата природа през час 2012
    • Професионалисти:
      • Позволява на дизайнерите да съхраняват повече съдържание на екрана.
    • Недостатъци:
      • Потребителите може да не осъзнават, че трябва да превъртят встрани, или може да не искат да превъртат встрани, за да получат пълното изживяване.
  • Безкрайно превъртане: Зарежда съдържанието на страницата като потребител превърта
    • Пример: емисия новини във Facebook
    • Професионалисти:
      • По-бързо сърфиране
      • Взаимодейства добре с устройства с докосване
      • Експозиция на съдържание: безкрайното превъртане еднакво излага ново и старо съдържание, което дава на по-старото съдържание по-дълъг „срок на годност“.
    • Недостатъци:
      • Навигация:
        • Потребителите не могат да превъртат назад или да отместват определено нещо и ще трябва да започнат от върха отново.
        • Безкрайното превъртане не казва на потребителите колко данни има за преминаване.
      • Потребителски фокус: Когато се отдалечите от превъртането, ще бъдете върнати на върха, а не предишната отправна точка, което затруднява потребителите да се съсредоточат върху това, което правят / четат.

По-малко текст

  • Вместо тежък дизайн на текст, ще видим повече дизайн, фокусиран около изображения, икони и видео.
    • com разполага с по-малко от 10 думи и изисква от потребителите да гледат видео, за да разберат как да използват приложението.
    • com съдържа малък абзац текст и няколко думи в навигационната лента на началната си страница.
    • The-Studio.co.il разполага само с няколко думи и изображения.
  • Професионалисти:
    • По-сложен уеб дизайн
  • Недостатъци:
    • По-трудно да се направят дизайни на уебсайтове 508 съвместими
      • 508 спазването се отнася до това да се направи уеб съвместим за хората с увреждания, които не могат да имат достъп до интернет по традиционния начин.

Плосък потребителски интерфейс

  • Плоският потребителски интерфейс (UI) се отнася до дизайн, който се фокусира върху функционалността, а не върху стила.
    • Елементите са направени така, че да приличат повече на това, на което са кръстени.
    • Всичко е предназначено за:
      • яснота
      • простота
    • Това означава премахване:
      • сенки
      • Наклоните
      • Скосени ръбове
      • Размисли
  • Вече сме го виждали в:
    • Windows 8
    • Apple iOS 7
    • WordPress 3.8
  • Плоският дизайн работи срещу скауоморфния дизайн.
    • Скеуоморфният дизайн използва визуални детайли, за да направи едно нещо да изглежда като нещо друго.
      • Пример: Използване на дървена ламперия в интериора на автомобила
  • Професионалисти:
    • Прост потребителски интерфейс
    • Използването на ярки / смели цветове повишава настроението
    • Съсредоточете се върху страхотната типография
    • Визуалните изображения са остри и чисти
  • Недостатъци:
    • Тревоги относно използваемостта: Хората може не винаги да знаят къде да кликнат или да докоснат, за да си взаимодействат.
    • Цветните палитри могат да бъдат трудно съпоставими: колкото повече цветове използвате, толкова по-строги могат да бъдат, за да ги съчетаете правилно.
    • Слабият дизайн на типография става по-лесен за забелязване.
    • Цялостният дизайн може да изглежда твърде прост.

Фиксирано съдържание

  • Това се отнася до елемент на страницата, като например лентата за навигация или част от съдържанието, която остава на мястото й, докато потребителят превърта.
    • ca позволява хоризонтално превъртане, докато навигацията на страничната лента остава на място.
    • мрежата разполага с фиксирана позиция лента за социални медии в лявата част на уебсайта, което позволява на потребителите да превъртат съдържанието, докато лентата остава на мястото си.
  • Професионалисти:
    • Предимства на използваемостта: потребителите могат да намерят това, което търсят, много по-лесно.
  • Недостатъци:
    • Фиксираното съдържание може да загуби място извън свитъка.
    • Някои неподвижни елементи, като навигационна лента, могат да бъдат трудни за превеждане в мобилна среда.

Източници

  • Информационен лист за мобилни технологии – pewinternet.org
  • Отзивчив уеб дизайн: какво представлява и как да го използваме – coding.smashingmagazine.com
  • Какво е отзивчив уеб дизайн? – smallbiztrends.com
  • 17 389 Шаблони и теми за уебсайтове От $ 3 – themeforest.net
  • Плюсовете и минусите на отзивчивия уеб дизайн – business2community.com
  • Какво представлява уеб дизайнът на Parallax? – Определения, съвети & Съображения – unleashed-technologies.com
  • НАСА: Проспект – nasaprospect.com
  • WWF Food Story – imovina.wwf.org.uk
  • Безкрайното превъртане не е за всеки уебсайт – nngroup.com
  • Към безрайността и отвъд! Плюсовете и минусите на безкрайното превъртане – inspim.com
  • Snapchat – snapchat.com
  • Студиото – the-studio.co.il
  • По-малко текст повече Мултимедия – Нов подход в дизайна на уебсайтове – designmodo.com
  • Изгубени и намерени – Страница за картографиране – howto.gov
  • Какво е плосък дизайн? – gizmodo.com
  • Плюсовете и минусите на плоския дизайн – designmodo.com
  • 18 основни тенденции за уеб дизайн за 2014 г. – econsultancy.com
  • Фиксирани барове за навигация: плюсове и минуси – awwwards.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map