26919
Сайты с хорошим дизайном со всего света каждый день 🤟 + скидки на курсы, анонсы мероприятий и лучшие вакансии. Since 2016 〰 by @gurick, @gavrilperov & @munnoville реклама - @gurick
Сегодня у нас подборка видео, которую я собирал последние 2 года. Лучшее из лучшего. Чтобы осознать все, возможно нужно будет посмотреть их несколько раз, я до сих пор пересматриваю.
- - -
Today we’ve prepared a selection of videos, that I have been collecting for the last 2 years. The best of the best. To understand all ideas and thoughts you probably need to watch these videos for a few times, again and again.
01 — English
https://mega.nz/#!VVozgBZR!LOCfCTMrbzV1v2jtTFdsnFNlFWIQXX-2DMk3GW8Tbuk
Антон и Айрин о проектах, процессах и в целом обо всем
(нет в открытом доступе, надо будет скачать с трекера)
- - -
Anton and Irene speak about their projects, process and all other stuff. (not youtube or vimeo, you have to download this file to watch)
02 — Russian
https://www.youtube.com/watch?v=9I73ryTIUqw&t=482s
Глеб Кузнецов о том, как создать то, чего ещё нет.
03 — English
https://www.youtube.com/watch?v=8Um2pLC9It8
https://www.youtube.com/watch?v=-x7JRQ0bClk&t=394s
Клаудио про будущие, параллели дизайна и кинопроизводства.
- - -
Claudio Guglieri tells us about the future and compares design and filmmaking.
04 — Russian
https://www.youtube.com/watch?v=sWMl-CX38mM&t=1977s
Саша Лагута о том, как правильно подавать себя на Dribbble и Behance
05 — English
https://www.youtube.com/watch?v=KSgPlmHU4cY&t=2199s
Айрин о последних проектах и о том, насколько случайны идеи
- - -
Irene tells us about the last projects and how the ideas are random for side projects.
06 — English
https://www.youtube.com/watch?v=bf5vZHS2ynY
AMA от Creative Russia с бородатым мальчиком
- - -
Ask me anything with Tobias van Schneider
07 — English
https://www.youtube.com/watch?v=5U0-FZPWwuc&t=1s
Еще чуть-чуть о Тобиасе
- - -
One more interview with Tobias
08 — Russian
https://www.youtube.com/watch?v=fk1PJpwAZ20&t=126s
AMA от Creative Russia c Антоном Реппоненом
Смыла в этих анимациях немного, но они управляют твоим внимание и не дают уйти, пока ты не дойдешь до конца.
- - -
I don’t think you need so much animation in your projects. But it can help you to manipulate people’s attention. And you’re not leaving until you reach the end.
http://budgyapp.com
Важное событие: Вчера на Build Microsoft представила новый дизайн-язык для всех своих продуктов — Fluent Design System. Компания называет его преемником Metro UI и говорит о том, что мы увидим его во всех приложениях и сервисах компании во всех экосистемах.
Пока судить рано, но в примерах явно чувствуется подготовка к VR, дополнительным гаджетам и новому взаимодействию.
- - -
Breaking: Yesterday on Build Microsoft announced brand-new design language for all products — Fluent Design System. Company calls it true successor to Metro design & promises to roll design changes across all apps and services on Windows, iOS, and Android.
Early to judge, but in examples clearly feel the preparation for VR, additional gadgets & new interaction with the interface.
http://fluent.microsoft.com
Крупная типографика и уверенная анимация. Расположение элементов создает фокус на товарах. Это как у фотокамер по краям, понимаете?
- - -
Big fonts and strong animation. Location of all objects help you to see goods in focus like you see in the camera, you know?
https://kvellhome.com
DRIBBBLE INVITE
Есть два инвайта для новичков. Все подробности по ссылке
- - -
I have two invites for new guys. Click on the link to see details
https://dribbble.com/shots/3459651-two-invites-for-new-guys
Отличные анимации переходов, которые дают прочувствовать плоскости, на которых ты находишься
- - -
Awesome transition animations. They help you to understand all layers of content.
https://www.moodica.com
- - - special for designers ⚡️
Свежий кейс от наших любимых Антона и Айрин
- - -
Fresh case from our favourite designers Anton & Irene
http://work.antonandirene.com/shantellmartin/
Все-таки европейский дизайн сильно отличается от американского.
Сегодня прекрасный по атмосфере, музыке, плавности и стилю сайт от титулованной итальянской студии Adoratorio про вина с полуострова Саленто. Наслаждайтесь.
- - -
Nevertheless european design school is different from american.
Today beautiful in atmosphere, music, smoothness and style website from award-winning Italian studio Adoratorio about vines from Salento. Enjoy.
http://www.ibuongiorno.com/en
Часто встречаем сайты стартапов связанных с софтом, но этот подкупил необычными иллюстрациями
- - -
We often have see software startups websites, but this website has interesting and unusual style of illustrations
http://lightbridge.io/
Вы знаете, что я неравнодушен к очень простым сайтам, вот один из них у нас сегодня
- - -
You know how I like simple websites, one of them is here today
http://www.tedxportland.com/
Как будто дизайнер вдохновлялся одновременно стилистикой Spotify и дизайном OneSharedHouse.
- - -
This website look’s like designer was be inspired by Spotify and OneSharedHouse in the same time.
https://music-incubator.eu
Обязательно включите звук и походите по страницам. Вообще всё говорит о том, что звук — новые тренд передачи контекста, и это очень хорошо. Например, заходишь в контакты, а сайт мужским хором добродушно протягивает «Bonjorno». На фоне аплодисменты, звуки кухни — ну разве не мгновенное погружение в солнечный прованс!
Остальное тоже хорошо и целостно: анимации, гифки, переходы между страницами, фоточки. Смотрю все это и не работать хочется, а вина и твердого сыра на какой-нибудь веранде — сайт делает свою работу на отлично.
- - -
Be sure sound is turned on & walk through the pages. In general, everything says that the sound — new trend of conveying context, and it’s good. For example, open contacts page & you will hear genially «Bonjorno», applauses, sounds of the kitchen — isn’t it an instantaneous immersion in the sunny Provence!
Other things are good & holistic: animations, gifs, transitions between pages, photos. The more i look on this site, the more want vine & hard cheese on a pretty terrace — site do it’s work excellently.
http://www.bigmammagroup.com/fr/accueil
С навигацией, честно говоря, сильно так себе, но тот случай, когда за невероятный контент прощаешь всё.
"Проект 1917. Свободная история" от Издательства Яндекса — лучшая социальная сеть в мире (все участники давно умерли)
- - -
Honestly, navigation is really so-so, but this is the case, when u forgive everything, thanks to incredible & unique content.
"Project 1917. Free history" by Yandex — best social network (all users are already dead)
https://project1917.ru
https://project1917.com
В мире не много студий, которые делают по-настоящему потрясающие реинвенты. Сегодня к вашему столу переосмысление сайта журнала от Flatstudio.
Восхитительно всё
- подача
- сотни ux и ui решений
- работа с информацией, фотографией, текстом, цветом
- умение управлять вниманием пользователя
- акценты, выделения, стиль
Изучайте, разбирайте по деталькам и применяйте. Этот колоссальный объем работы — справочник дизайн-приемов и визуальных находок.
- - -
Only few studios in the world can make real great reinvents. Today, for your attention Rethinking the interface of web magazine from Flatstudio.
Incredible everything
- presentation
- hundreds UX & UI solutions
- work with information, photography, text, colour
- skills in control of user attention
- accents, markings, style
Explore, see into details & use it. This is incredible work — reference of design-decisions & visual findings.
http://journal.flatstudio.co
Знаете, что мне нравится здесь — гений в простоте
- однородный фон
- одна! фотография главного (никакой конкуренции внимания)
- остальное — белый текст
+ стильные, аккуратные анимации на главной и между страницами
Все.
Сайт в честь 15-летия кроссовок Nike SB Dunk от американской Legwork Studio
– – –
Main thing that i like here is genius in the simplicity
- smooth background
- only one photo of the main thing (no competition of user attention)
- rest of the site — white text
+ stylish, neat animations on the home page & between pages
That’s all.
Website celebrating 15 years of Nike’s SB Dunk from Legwork Studio, USA
https://web.nike.com/xp/sbdunk/index.html
Вы не поверите, но я нашел идеальный сайт, который гармонично сочетает в себе все тенденции на сегодняшний день, и, при этом, не потерял в простоте.
- - -
You will not believe, but I found a ideal website. All trends and touchs in harmony, and it looks very simple for human perception.
http://moonlight.movie
Не то, чтобы здесь про крутой UX или UI, но точно про свежую концепцию взаимодействия.
Сайты, где речь не про конверсию, а про впечатления, все больше идут к выходу за границы классического понимания юзабилити, так детально описанного в книгах. Похоже скоро многие термины придется переосмысливать заново.
- - -
This site not about great UX or UI, but for sure about new & unique conception of interaction. Sites, where conversion is not the main goal, but about impressions, more & more come go beyond classic understanding of «usability», so detailed described in books. Look like soon we have to re-think a lot of terms.
http://www.narrowdesign.com
Как же божественно выглядят эти карточки. Пример, как просто и приятно можно делать обложки для ваших документов. Самый кайф — это анимация карточек, как у Apple TV.
- - -
This card looks awesome. You can use it like inspiration for your document covers. The buzz is animation of card like in Apple TV.
https://openai.com
Сайт модный, но мы с вами такое уже видели. Мне больше понравился кейс работы для Тесла, очень чистая работа на грани «прототипного» вида.
- - -
Very trendy website, but we already saw websites like this. But I really liked the case about dashboard for Tesla, very clean and looks a little bit like black and white wireframes.
http://www.nahelmoussi.com/
Apple обновили свою страничку про окружающую среду. Интересные анимации, которые несут именно смысловое значение. Стилистика иллюстраций передает ощущение причастности к этому каждого.
- - -
Apple refreshed their page about Environment. Interesting animations help you to understand the meaning of the text. Style of illustrations conveys a sense of involvement in each person.
https://www.apple.com/environment/
Чтобы сделать такой простой дизайн, нужно проделать огромную работу. Удалять-удалять-удалять, пока не останется действительно все самое важное. Сто раз подумать все ли на тех местах, куда в первую очередь посмотрит пользователь, когда будет искать что-то определенное. И да, обалденная концепция и анимация
- - -
You need to do a huge work before you get a simple design like this. Delete, delete, delete, until you will have only important features. To think a hundred times about places for all features and users expectation. And yes, of course, awesome conception and beautiful animation.
http://www.locus-solus.it/
Азия, Франция, старые фотографии, приятная анимация
- - - 🏯
Asia, France, old pictures, nice animation
http://www.theboomandthearty.com/kahn/html/
Видео. Видео. Видео.
Все больше проникает в сайты, выходя за рамки встроенного Youtube или Vimeo. Взаимодействие с видео — новое, интересное, самостоятельное. Вооружитесь мышкой и пробелом — они ваши инструменты сегодня.
1. В новом маленьком сайте от совсем не маленьких Resn интересно не только взаимодействие с видео (развлекайтесь с ним сами), а то, что
- сайт и есть видео + результат взаимодействия с ним
- нет никакой навигации
- крутая работа со звуком и склейками дорожек
- и при не самых простых эффектах все это отлично работает!
— http://www.veilhymn.com
2. В пару к новому от Resn не совсем новая, но добротнейшая работа от норвежцев из Good Morning.
Помимо замечательной идеи с видео:
- прекрасное развитие графических элементов айдентики бренда
- настолько приятные переходы между страницами, что кликать хочется не меньше, чем скроллить
- элегантное объединение разного медиа-контента и дизайн-приемов в целостный визуальный ряд
- приятные анимации ;)
— https://kygolife.com
- - -
Video. Video. Video.
More and more on web-sites, goes beyound usual Youtube & Vimeo players. Interaction with the video — the new, interesting & independent. Come closer to your mouses & space buttons — they are your instruments now.
1. New small website from big agency Resn interesting not only in interactions with video on it (enjoy trying it yourself), but more:
- video is the site + results of interactions with it
- no any navigation
- great work with the sound & it’s gluing
- and all of this stuff works great!
2. Pair to the new from Resn is not so fresh, but very good work from norwegian Good Morning.
In addition to the wonderful idea with video it has:
- very good evolution of graphic elements brand’s identity
- so smooth loading of pages, that i want to click no less than scroll
- elegant combining different types of media-content & design-desicions in very consistent visual
- nice animations ;)
Монохромный и минималистичный сайт с приятными анимациями
- - - ⚫️
Monochromatic and minimalistic website with nice animations
https://ditto.com/
Вы только посмотрите на hover у Log in!
- - - 🏃
You just look at hover on Log in!
https://www.enticeenergy.com/
Новый крутой лендинг от Адидас с очень контекстной анимацией.
- - -
New and cool Adidas landing page with very organic animation.
http://www.adidas.co.uk/climazone
Все работы этих ребят стремятся к простоте. Ничего лишнего, но всегда круто и немного футуристично.
- - -
All works of this team have principle of simplicity. Less is more, but it always looks awesome and a little bit futuristic.
http://m2hagency.com
Мне кажется на эти микро-анимации можно смотреть вечно
– – – 🌀
I can watch these micro-animations forever
http://dona.ai
Милый сайт, мне очень понравилась интерактивная визуализация на фоне и стиль иллюстраций, они делают сайт наиболее уникальным.
- - -
Cute website, I like interactive thing on the background and style of illustrations. They make website more unique.
https://conductor.london/about/
Что сейчас в моде: VHS эффекты и глитч (спасибо Боунс за это) и клауд-рэп (опять привет Боунс). Больше всего понравился, как сделан таймлайн снизу. Ну и конечно не избежать сравнения с клипом от A$AP Rocky на трек «LSD».
– – –
What are trends today? VHS and glitch filters (thank’s to Bones for that) and cloud rap (hello Bones again). I very like emotions from website and video's timeline. In this video I saw similar angels and features from "A$AP Rocky - LSD", as for me it is not bad.
http://counterclimate.converse.com
Свежая работа от Антон и Айрин — как всегда, круто и не похоже на других.
- - -
Fresh work from Anton & Irene — always hot, always unique.
http://www.shantellmartin.art/