Вдохновение

Подборка сайтов для вдохновения https://vc.ru/p/inspiration-design

Подборки красивых сайтов

https://onepagelove.com

https://bestwebsite.gallery/

http://www.awwwards.com

2016

https://vc.ru/p/promo-sites-2017

Тренды веб-дизайна 2016 http://www.webdesignerdepot.com/2016/03/essential-design-trends-march-2016/

Тренды Веб-дизайна 2015 http://webdesignerwall.com/trends/7-web-design-trends-to-watch-for-in-2015

Сайты с большими фоновыми картинками

http://www.awwwards.com/websites/big-background-images/

Сайты, построенные на сетке

http://www.awwwards.com/30-grid-based-websites.html

Сайты с необычной геометрией

http://shinydemos.com/

http://www.awwwards.com/50-awesome-websites-with-extraordinary-geometry-elements.html

Косые блоки и паралакс http://pro.boombotix.com/

Типографика, Шрифты

http://www.awwwards.com/websites/typography/

Огромная подборка сайтов с типографикой https://vk.com/page-46101364_50064891

http://www.leedsbrewery.co.uk/journal

http://urbaninfluence.com/

https://bonnemarque.se/

http://www.awwwards.com/sites/lawrence-boone-selections-1/

http://thisalso.com/

http://www.awwwards.com/sites/innovator-boris-ignatovich-1/

Новости из будущего http://theforecaster-interactive.com/

10 сайтов с выразительной типографикой http://designmodo.com/typography-front-pages/

Hover-эффекты

http://tympanus.net/Tutorials/OriginalHoverEffects/index4.html

http://www.webmasters.by/images/articles/css/circle-hover-effects/index.html

http://emporiumpies.com/pies

http://itsashapechristmas.co.uk/

Паралакс
http://www.awwwards.com/sites/dada-data/ http://dada-data.net/en/hub

Решения со скроллингом

35 лонгридов с интересным дизайном https://vc.ru/p/35-best-landings

http://landor.com/

http://www.elephantbutts.com/ - скролинг в разные стороны

Красивая анимация при прокрутке http://www.natgeoeat.com/#/fish/5

Промо-сайты
Промо-сайт фильма Tripple 9 http://outmonsterthemonster.com/post/138272224769/

Мобильные интерфейсы

Ежедневные gif-ки по интерфейсам http://uimovement.com/

Подборка от pinterest https://www.pinterest.com/bradando/apps-mobile-ui-gifs/

http://1stwebdesigner.com/ui-mobile-app-animations/

http://designwoop.com/2014/06/32-animated-user-experience-concepts-for-mobile-applications/

http://www.blogduwebdesign.com/tendance-web/30-animations-interfaces-mobile-web-originales-innovantes-gif/1886

Анимация

Лучшие сайты в категории анимация
http://www.awwwards.com/websites/animation

http://www.cryptarismission.com/

http://babeltheking.com/eng

http://www.redcentricplc.com/virtual-worlds/

Примеры мобильных анимаций https://dribbble.com/samuelcouto/buckets/75737-Cool-UI-animations

Просто-дизайн
15 супер-креативных сайтов http://www.webdesignerdepot.com/2013/09/15-super-creative-web-sites/

Различный НЕ-ВЕБ дизайн http://designspiration.net/

50 необычных сайтов на CSS
http://www.creativebloq.com/web-design/examples-css-912710

http://www.postersinamsterdam.com/

Кейс по Digital-October
http://en.ony.ru/digital-october

2018

Микро-взаимодействия дизайн https://www.awwwards.com/awwwards/collections/animation/

Почему микро-взаимодействия важны https://uxdesign.cc/micro-interactions-why-when-and-how-to-use-them-to-boost-the-ux-17094b3baaa0

Набор ховер-эффектов http://ianlunn.github.io/Hover/

Различные коллекции ховер-эффектов https://freefrontend.com/css-hover-effects/

10 интересных ховер-эфффектов для надписей https://codepen.io/caraujo/pen/VYOjNM

Лучшие CSS-фреймворки https://www.catswhocode.com/blog/top-10-lightweight-css-frameworks-for-building-fast-websites-in-2018

https://tutorialzine.com/2018/07/15-interesting-javascript-and-css-libraries-for-july-2018

https://tutorialzine.com/2018/06/15-interesting-java-script-and-css-libraries-for-june-2018

Библиотеки для React'a https://blog.bitsrc.io/9-css-in-js-libraries-you-should-know-in-2018-25afb4025b9b

VueUi https://hackernoon.com/21-top-vue-js-ui-libraries-for-your-app-4556e5a9060e

Микро-взаимодействия https://www.sitepoint.com/our-top-9-animation-libraries/

https://bashooka.com/coding/css-javascript-animation-libraries-2018/

https://freefrontend.com/css-libraries/

Библиотеки для шрифта https://bashooka.com/coding/10-javascript-libraries-to-create-animated-typing-effect/

results matching ""

    No results matching ""