26919
Сайты с хорошим дизайном со всего света каждый день 🤟 + скидки на курсы, анонсы мероприятий и лучшие вакансии. Since 2016 〰 by @gurick, @gavrilperov & @munnoville реклама - @gurick
https://www.hioscar.com/
Нигде такого не встречали и делимся с вами — очень интересный прием с закладками-заголовками. Единственный минус, что есть ограничение, больше трех будет явный перебор.
https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide
Мы часто слышим «Нам нужен современный дизайн» или «Мы делаем то, что сейчас актуально». Но мне кажется, что не все понимают, что это значит. Вот эта ссылка выше должна дать понимание всем, и дизайнерам, и менеджерам, как со стороны студии, так и с клиентской, что сегодня есть современный дизайн.
http://www.veintidosgrados.com
Мы не перестаем вас радовать и сами удивляться, как получается находить столь классные сайты. Комбинация популярных приемов, которые мы с вами уже знаем. Но дизайнер подает это все под своим соусом и, не оставаясь заложником трендов, делает сайт со своим стилем.
Но есть одно место, где, на мой взгляд, он не дожал — это три разные по стилистике иконки в правом прикрепленном блоке. Мужик, ну ты чего?
https://sonikpass.com
Сегодня у нас для вас тоже интересный сайт с кучей приятных анимаций и современных приемов
+
https://thefwa.com/interviews/gleb-kuznetsov
интервью Глеба Кузнецова для FWA
DRIBBBLE INVITE
Есть два инвайта для дизайнеров, у которых есть чем поделиться с сообществом.
Как получить тут https://dribbble.com/shots/3244605-Two-invites-for-new-guys
http://super16.dk/
Кроме классно собирающегося текста в начале, есть внутренние страницы до невозможного аскетичные http://super16.dk/film?class=09 и http://super16.dk/optagelse
https://www.wealthsimple.com
Очень приятное повествование с отличными анимациями и видео
Сегодня просто полезная ссылка: http://designguidelines.co/ собрал (и собирается продолжать) ссылки на гайдлайны всех больших компаний. Полистать рекомендуем точно.
В сумме это, по сути, огромная библиотека самых разных приемов, которые нужны нам постоянно. Ценно то, что над этими гайдлайнами работали большие команды, посему в качестве решений можно сильно не сомневаться (как бы вы не относились к самим этим компаниям).В общем полезно, добавляйте в закладочки.
http://www.vans.com/custom-shoes.html
Этот бренд из Калифорнии с тех самых пор, когда скейтеры рисовали на своих слипонах «шашечки», внимательно относится к желанию потребителей кастомизировать свою обувь. Не зря они потом выпустили эти самые слипоны в том виде, в каком их хотели видеть эти ребята. Huge сделали конструктор, теперь вы можете собрать свою пару Vans'ов именно так, как вам этого хочется.
Huge между тем немного обновил свой сайт и добавил новые кейсы, смотрим http://www.hugeinc.com/
Иногда мы сталкиваемся с интерактивными опросами на сайтах. В 99% случаях все заканчивается чекбоксами или радогруппами, стоящими друг под другом. Это нормально для какой-нибудь формы заявки на партнерство, но скучные чекбоксы на каком-нибудь модном лэндинге или промо-сайте — это sucks.
В 2016 году на мировые экраны вышел фильм American Honey. Посмотрите, как прекрасно сделан интерактивный опрос на их промике — не можешь оторваться! Все остальное — визуальный язык, атмосфера, анимации, юмор — тоже на отличном уровне http://americanhoney-movie.com/generations/
Сам сайт фильма второтепенен в моем посте, но тоже посмотреть можно. Он руки того же дизайнера, поэтому с атмосферой, приемами тоже все в полном порядке http://americanhoney-movie.com И трек на фоне отличный : )
http://bestof.semplicelabs.com
Подборка лучших сайтов-портфолио сделанных на платформе Semplice за прошлый год. Один из создателей платформы — небезызвестнный Tobias van Schneider.
http://jargonfreefridays.com
Стильный, яркий и очень простой сайт, ну с очень классными анимациями переходов. Визуально (цвета и формы) немного напоминает недавний onesharedhouse от Антона и Айрин.
https://www.saveyourtax.org
Беспрерывное потребление информации с приятными анимациями и микро-взаимодействиями. Самое удивительное, что все прекрасно работает на Safari, ничего не дергается и плавно переключается.
http://www.highsnobiety.com
http://www.fubiz.net
http://www.surfacemag.com
https://www.bloomberg.com
Пока все наши русские СМИ выглядят одинаково, мы предпочитаем вдохновляться у западных
https://status.im
Будем честными — мы с вами не делаем сайты на canvas, не подаемся на awwwards, потому что чаще всего делаем какие-то скучные страницы с кучей букв. Этот лендинг пример того, как можно сделать обычную страницу нетривиальным образом, поработав с плоскостями, акцентами и просто поменяв стандартное расположение объектов. Пригодится всем тем, кто часто делает высокодетализированные прототипы или email-рассылки
Тот случай, который греет мне душу особенно, — пример сайта, где значительная часть анимации призвана объяснить структуру, поведение сайта, его логику, а не просто украсить.
Посмотрите
- как просто, но с умом работает слайдер на страницах статей
- как меняются блоки со статьями при пролистывании слайдов
- как осуществляется возврат из внеиерархичного раздела Bonus tracks
Это следующий уровень понимания и мастерства применения анимации — когда анимаиция действительно работает на удобство пользователя.
Помимо этого, безусловно прекрасная типографика, масса графических приемов (в статьях в первую очередь), хорошая визуализация информации, что в купе дает отличный пример современного веб-сторителлинга.
Единственная ложечку дегтя в эту весомую бочку мёда добавляет не всегда безукоризненная верстка под Safari и чуть сложноватая общая структура. Но это простим, остальное слишком уж хорошо.
http://mymonaco.asmonaco.com/en/all-areas
С началом недели, коллеги!
http://untitledtiff.com
This is link for girls. Простите, мы не нашли ничего больше, что можно было бы написать :)
Сегодня у нас для вас очень красивый сайт про достижения человека в космосе. Работа получила высокие оценки на awwwards и выиграла серебрянного каннского льва в 2016 году — http://inspacewetrust.org/en/
Сайт очень очень атмосферный, с прекрасным звуковым сопровождением, современными анимациями, восхитительной типографикой и чудесными иллюстрациями. Прекрасный пример data storytelling в вебе.
Примечательно, что проект создан московской студией Ailove по заказу Роскосмоса.
Наслаждайтесь. Поехали! : )
http://pomerleau.ca/
Наверное это лучший сайт за последние несколько недель. Потому что он передает мои внутренние ощущения от того, какие хочется видеть сейчас сайты: простые, с хорошими фотографиями, с минимумом текста, крупной типографикой и четким посылом, а также с офигенно-плавными и приятными анимациями, куда сегодня уже без них.
https://www.invisionapp.com/end-of-year
Хоть в ссылке и значится «end-of-year», это говорит нам совершенно об обратном, что все приемы в нем нацелены на 2017. Больше чистых блоков, градиенты все еще с нами, вертикальный текст (наконец-то можно делать, и на тебя не будут косо смотреть, привет Саша:)), карточки, тени в духе material design, анимированные иконки и элементы на фоне, появление при прокрутке, ограниченное количество цветов и т.д.
http://fonts.greatsimple.io
Great Simple, известные поставщики ui-kit’ов на мировый рынок, сделали подборку трендовых шрифтовых пар на этот год. Знаем, что у многих с этим проблемы, поэтому делимся ссылкой.
http://norgram.co
Достаточно нестандартное решение с построением сетки, берем на заметку.
https://www.rainforestfoods.com/experience/#!/slide-intro
Невероятное ощущение от погружение и вовлечения. И да, прекрасная музыка.
https://mixpanel.com/about/
Ничего сверхъестественного, понятная и простая верстка, но при этом все выглядит достаточно современно. Походите по внутренним страницам, я думаю многие приемы вы сможете использовать в своей повседневной работе.
https://www.sendwyre.com
Нестандартные формы и приятные решения. Одному мне это очень сильно напоминает последний редизайн Uber?
https://www.odegoods.com
Сайт, с достаточно привычным построением информационной архитектуры, сумел за счет немного «съехавшей» сетки, линий, контрастной типографики и неочевидных анимаций создать более свежее ощущение от среднего интернет-магазина.
Особенно мне понравилась эта страница https://www.odegoods.com/about/
https://www.behance.net/gallery/47160365/The-New-York-Times-Redesign
Долго думал давать ли ссылку на этот кейс или нет. Вроде и приемов и находок много, но как будто с 2014 (когда там запустился новый USA Today?) ничего концептуально не изменилось. Этот кейс или тот же редизайн одноименного издания от tematroinoi базируются на тех же принципах, что USA Today. А нам кажется, что за последние 3 года наши предпочтения изменились и мы хотим потреблять информацию иначе. Что вы думаете?
Друзья! С наступающим Новым годом! Пусть вдохновение и желание создавать прекрасные вещи будут всегда с вами, а те, для кого мы творим, нас понимают и доверяют. Всем добра и побед! Ваша команда Aidem.
Читать полностью…
https://mariahormessiah.com
Интересный пример простого, даже чересчур наверное, интерактива частью которого является звук, который придает некую изюминку всему процессу. Ну а то, что градиент в моде и разные парящие элементы, вы и так уже в курсе.
https://www.strava.com/features
сайт с очень надежными приемами, но выглядит при этом достаточно современно. Есть приятные мелочи, которые являются альтернативой тому, что мы привыкли видеть каждый день. Аккуратность с которой все сделано напоминает, лично мне, сайт apple
большая часть всего интересного здесь 👉🏻 https://www.strava.com/features вдруг вы сами не дойдете 😉