26919
Сайты с хорошим дизайном со всего света каждый день 🤟 + скидки на курсы, анонсы мероприятий и лучшие вакансии. Since 2016 〰 by @gurick, @gavrilperov & @munnoville реклама - @gurick
http://luciebajgart.com
От тренда с наездами фото на текст (и наооборот), комбинирования фото в коллажи, нам к счастью или к сожалению уже некуда не деться. Здесь есть базовые приемы, которые помогут особо ничего не выдумывать, а сделать страничку в этом «съехавшем» стиле.
Пожалуй, это одно из лучших, что я видел за последнее время!
Какая-то невероятная гармоничность всего: типографики, цветов, звуков, иллюстраций, анимации, и самое главное решения задачи — представить головную компанию нескольких брендов одежды.
Информации ровно столько, чтобы не устать, но и насытиться. Она представлена ровна так, будто видишь витрину, рождающую любопытство узнать больше. А заканчивается точно тем, чем должно — приглашением в магазины.
Твердейшая пятерка от меня и за дизайн, и за решение задачи.
http://www.vermont.eu/
Доброе утро!
Для начала хорошего дня у нас веселый и по-своему милый сайт-годовой отчет замечательных Mailchimp. Не то, чтобы какие-то инновационные приемы, но современно и очень стильно оформлено — https://mailchimp.com/2016/
https://parall.ax/
Если в двух словах, то визуальная актуальность здесь зашкаливает. Я честно не знаю, есть ли здесь хоть один прием, который не в тренде сейчас.
http://uppertodo.com
Сегодня у нас аскетичный сайт с беспроигрышным сочетанием цветов, между прочим сделанный на Readymag.
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 И трек на фоне отличный : )
https://www.shopify.com/2016
Понравилась простота графических приемов у блоков, которые с цифрами. Все очень чисто, аккуратно, а главное понятно. Как мне кажется, это куда важнее, чем тренды.
http://www.refinery29.com/
Пока в наших СМИ есть абсолютно все: карточки, колоночки, врезки в рамочках, тонированные фото, а поверх текст-тэг-кнопка-линия-время публикации, 3-5 стилей текста. Многие ребята делают уже все проще и круче: два стиля карточек, фото — это фото, контент-менеджер адекватный (везде примерно одинаковое количество строк и букв), там где не нужно описание — его нет, нет бесячих хаверов. Короче — с меня пятничный Like.
Друзья, вчера в Лондоне были объявлены победители AWWWARDS 2016 http://www.awwwards.com/conference-london-2017/
О большинстве мы здесь вам писали (что приятно : ), но и кое-что новенькое тоже есть. Итак, призеры:
1. SITE OF THE YEAR — Falter Inferno http://falter.madebywild.com/#en
2. DEVELOPER SITE OF THE YEAR — Paper Planes https://paperplanes.world
3. INNOVATION SITE OF THE YEAR — Cavalier https://cavalierchallenge.com
4. ECOMMERCE SITE OF THE YEAR — Protest Sportswear https://www.protest.eu
5. SITE OF THE YEAR (выбор читателей) — KIKK Festival http://www.kikk.be/2016/
6. AGENCY OF THE YEAR — Resn, Новая Зеландия http://resn.co.nz
7. INDEPENDENT DESIGNER OF THE YEAR — Bryan James, Голландия http://bryanjamesdesign.co.uk
http://refresh-studio.com/
После того, как вы пару раз взорвете череп (я не про ваш) и не будете знать, что делать дальше — нажмите на бургер в правом углу, там отличные кейсы спрятаны, хоть их и всего три штуки.
Очередной прекрасный лэндинг от Beoplay — https://www.beoplay.com/landingpages/beoplayh4
- как всегда, отличная анимация
- горизонтальный скролл, который не бесит : )
- крутой слайдер!
- и традиционно потрясная типографика
Просто. Стильно. Современно. — Like
Тот случай, который греет мне душу особенно, — пример сайта, где значительная часть анимации призвана объяснить структуру, поведение сайта, его логику, а не просто украсить.
Посмотрите
- как просто, но с умом работает слайдер на страницах статей
- как меняются блоки со статьями при пролистывании слайдов
- как осуществляется возврат из внеиерархичного раздела 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?