Now How Channel
25.8K subscribers
4.15K photos
982 videos
1.85K links
Сайты с хорошим дизайном со всего света 🤟 Since 2016
Сотрудничество: @design_manager_bot

Регистрация в РКН: https://www.gosuslugi.ru/snet/679bcf1cb34cfc6080d9a142
Download Telegram
Обязательно включите звук и походите по страницам. Вообще всё говорит о том, что звук — новые тренд передачи контекста, и это очень хорошо. Например, заходишь в контакты, а сайт мужским хором добродушно протягивает «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
Новый крутой лендинг от Адидас с очень контекстной анимацией.

- - -

New and cool Adidas landing page with very organic animation.

http://www.adidas.co.uk/climazone
Как будто дизайнер вдохновлялся одновременно стилистикой Spotify и дизайном OneSharedHouse.

- - -

This website look’s like designer was be inspired by Spotify and OneSharedHouse in the same time.

https://music-incubator.eu
Вы только посмотрите на hover у Log in!

- - - 🏃

You just look at hover on Log in!

https://www.enticeenergy.com/
Вы знаете, что я неравнодушен к очень простым сайтам, вот один из них у нас сегодня

- - -

You know how I like simple websites, one of them is here today

http://www.tedxportland.com/
Монохромный и минималистичный сайт с приятными анимациями

- - - ⚫️

Monochromatic and minimalistic website with nice animations

https://ditto.com/
Часто встречаем сайты стартапов связанных с софтом, но этот подкупил необычными иллюстрациями

- - -

We often have see software startups websites, but this website has interesting and unusual style of illustrations

http://lightbridge.io/
Видео. Видео. Видео.
Все больше проникает в сайты, выходя за рамки встроенного 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 ;)
Все-таки европейский дизайн сильно отличается от американского.
Сегодня прекрасный по атмосфере, музыке, плавности и стилю сайт от титулованной итальянской студии 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
Азия, Франция, старые фотографии, приятная анимация

- - - 🏯

Asia, France, old pictures, nice animation

http://www.theboomandthearty.com/kahn/html/
Отличные анимации переходов, которые дают прочувствовать плоскости, на которых ты находишься

- - -

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/
Чтобы сделать такой простой дизайн, нужно проделать огромную работу. Удалять-удалять-удалять, пока не останется действительно все самое важное. Сто раз подумать все ли на тех местах, куда в первую очередь посмотрит пользователь, когда будет искать что-то определенное. И да, обалденная концепция и анимация

- - -

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/
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/
Крупная типографика и уверенная анимация. Расположение элементов создает фокус на товарах. Это как у фотокамер по краям, понимаете?

- - -

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
Сайт модный, но мы с вами такое уже видели. Мне больше понравился кейс работы для Тесла, очень чистая работа на грани «прототипного» вида.

- - -

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/
Важное событие: Вчера на 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
Как же божественно выглядят эти карточки. Пример, как просто и приятно можно делать обложки для ваших документов. Самый кайф — это анимация карточек, как у 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
Смыла в этих анимациях немного, но они управляют твоим внимание и не дают уйти, пока ты не дойдешь до конца.

- - -

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
Не то, чтобы здесь про крутой 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
Сегодня у нас подборка видео, которую я собирал последние 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 think your website can break some users patterns if users experience still will be very simple and clean. And, of course, user can find elements for click. «Dude, I don’t see elements to interact with except that!», I think you understand me! :)

https://studiorotate.com/