26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
А что вы думаете об обновление Skype?
〰
What do you think about new Skype update?
https://www.skype.com/en/new/
Немного лета в ваши глаза
- - - 🍉
Smells Like a Summer!
http://havaianas.com/porinteiro/
Западные европейцы обладают какой-то собственной эстетикой. Ещё даже не знаешь авторства работы, но уже через 5 секунд просмотра думаешь «Не французы ли?». Нет, сегодня не французы) — оказалось, что это Buro, именитая португальская студия. Но это не важно.
Сайт без революционных штук, но важно другое — с очень целостным впечатлением. А это, знаете ли, очень и очень не просто.
Из интересного:
- кайфовый слайдер на главной
- отличное цветовое решение
- любопытное пошаговое заполнение формы
- ну и, как мы любим говорить, приятная анимация : )
- - -
West europeans has it’s own unique aesthetics. Even don’t know the creator, but after 5 seconds of viewing think «Isn’t it French?» — no, today it’s a new work from famous Portugal studio Buro. But it doesn’t matter.
Website isn’t a revolutionary, but more importantly — has a very holistic impression. And this, you know, is very, very difficult.
From an interesting:
- elegant slider on homepage
- very good colour decision
- curious step by step form filling flow
- and, as we like to say, nice animations % )
http://psikontacto.com
Ооо, друзья мои, это очень круто! Просто 6 из 5!
И звук какой потрясный. Это 🔥сайт.
- - -
Oooh, guys, this is absolutely great! 6 from 5!
And the sound is really awesome! Love it!
http://workshop.ddd.it
Наблюдается массовый движ в сторону дизайн-систем. В апреле на Shopify Unite 2017 анонсирована Shopify Polaris — дизайн-система всех продуктов Shopify. И, да, моя любимая «тональность языка» в числе главных принципов! А так, масса полезных фундаментальных правил интерфейсного и продуктового дизайна. Рекомендуем к ознакомлению.
- - -
We see mass movement to design systems. In april on Shopify Unite 2017 company announced their brand-new design system for all products — Shopify Polaris. And, yes, my passion «voice and tone of communication» among main principles! At all amount of fundamental rules of interface & product design. Recommend to review.
https://polaris.shopify.com
Ребят, с днем Вселенной! : )
https://www.youtube.com/watch?v=WAd7ty73gZI
Я встречал месяца 3 назад на Dribbble эту работу, но думал, что это концепт. Наткнувшись на реально работающий сайт, я был приятно удивлен. Наконец-то сайт от Spotify, да и еще и музыку можно послушать!
- - -
I had saw this work 3 months ago on Dribbble, but I had thought that it is was just a conception. But I see it now, and I am very surpised. Finally, this is new website from Spotify and with music!
https://insidediscovery.pitchfork.com
Мне кажется, что ваш сайт может нарушать какие-то пользовательские паттерны, если он при этом остается простым. И пользователь находит куда кликнуть. «Чувак, да тут кликать просто больше некуда!», ну, вы поняли! :)
- - -
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/
Сегодня у нас подборка видео, которую я собирал последние 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
Вам нужен перевод наших постов на аглийский? / Do you need english text in our posts?
Не нужен / No, i dont need it – 168
👍👍👍👍👍👍👍 76%
Нужен / Yes, I dont know russian – 54
👍👍 24%
👥 222 people voted so far.
Сегодня не типичный пост. Во-первых, потому что мы редко пишем о сайтах сделанных в России. Во-вторых, потому что работа не очень свежая (2016). Однако, мы хотим написать о ней и ребятах, которые её сделали.
BreadHead — одна из уважаемых нами студий в Петербурге и России — сделала, на наш взгляд, почти образцовый сайт заказа еды для YamiYami.
Посмотрите
- как сделано меню
- как сделан переход в карточку товара
- на сайте нет «о компании» и прочего не нужного здесь
- посмотрите на тексты и внимание к каждой букве, к каждой мысли — браво, ребята
- посмотрите на набор данных на каждом экране — ничего лишнего
Словом, вообще, посмотрите на сайт спокойно, увидев тонкую выделку интерфейса и любовь к удобству пользователя во всем.
p.s. Еда тоже хороша, хотя и повыше среднего ценника.
- - -
Today is not a typical post. At first, because we rarely talk about works from Russia. Secondary, because site is not a new work (it launched in 2016). Nevertheless, we want to tell you about it & about team, who did it.
BreadHead — one of the studios from Saint-Petersburg & Russia that we love & respect — made, in our opinion, nearly the exemplary food-delivery website for YamiYami.
Look
- how menu is made
- how transition to the product page is made
- that there is no pages like «About us» & others not needed pages
- look at texts & attention to every word, every massage — bravo, guys
- look at the data set on every screen — nothing extra
In short, at all, look calmly on this website & try to see thin dressing of an interface & love to user experience in all scenarios.
https://yamiyami.ru
Для тех, кто вдруг пропустит ↑ ссылку — сегодня, завтра и послезавтра в Милане проходит одна из лучших мировых конференций по дизайну цифровых продуктов — Digital Degisn Days + OFFF.
Вот её титры. Они такие же крутые, как и сайт.
- - -
For those who will miss ↑ link — from today till 3 june in Milano goes one of the best conference for us — Digital Degisn Days + OFFF. This is the trailer. And It's gorgeous too.
https://vimeo.com/213629378
В 2016 должен был выйти новый сайт нашей студии, но мы с ним не справились. Его не будет. Однако, тогда, в конце 2015, мы спроектировали для него несколько действительно новаторских UX-решений. Одно из них — визуализированная навигация.
И было очень приятно вчера встретить где-то на 80% похожее решение. Значит все правильно думали и думаем.
- - -
In 2016 brand-new site of our studio has to be announced, but we failed. It will not be. But then, in the end of 2015, we designed some great new ux-finds. One of them — visualised navigation.
And it was very pleasant for me yesterday to meet so close decision. Looks we did & do right things.
https://work.co
Контент рулит. Какой дизайн?! Этот сайт словами решает все задачи.
Из решений:
- любопытный хавер на ссылках — больше фокуса
- забавный хавер логотипа — своего рода позиционирование
- в топку футер : )
Простой подход, который тащит!
- - -
Content rules. What design?! This site archives all goals by text.
Curious things:
- interesting links hover — more focus
- funny logo hover — smth like brand positioning
- fuck off footer : )
Fresh approach that rocks!
https://peek.rocks
Новый сайт бренда Pal Zileri от любимых нами AQuest — редкий случай, когда помимо стильного визуала хочется хвалить анимацию
1. Представляете эффект, когда вы смотрите в щель и при этом чуть опускаетесь-поднимаетесь — ровно этот эффект здесь передан во всех фотографиях на внутренних страницах. Присмотритесь, как это сделано — очень элегантно и просто
2. Переходы. Сглаженные переходы уже становятся нормой. Здесь без революций, но впечатляет качество исполнения — никаких нареканий. Ощущение, будто листаешь, а не перемещаешься.
3. Порядок и тайминги появления элементов удивляют продуманностью: сначала главное, потом элементы управления, потом совсем второстепенное — браво (главная, страница товара…)
4. Даже когда открываешь видео: сначала все уезжает, потом гаснет, потом начинается. Когда закрываешь звук уходит плавно — везде все плавно, мягко, нежно.
И все страницы хороши. До единой.
Ощущение, будто побывал в их супер-стильном магазине где-нибудь в Венеции. Великолепный результат.
- - -
Band-new site Pal Zileri from our beloved AQuest is a rare case, when apart of stylish visual experience I want to compliment the animations
1. Imagine that you a looking in a gap and move up and down a bit — this natural effect is used on photos, when u are scrolling. Take a closer look how it’s done — very elegant & simple
2. Page loadings. Smoothed transition became norm. In this case the best of it is quality of performance — no complaints. Feeling like leafing, not moving
3. Order and latency of elements appearance surprise by reasonableness: first the main, after controls & at last secondary information — bravo (home page, product page, etc.)
4. Ever on opening the video: first content disappear, after goes out & only after video begins. When close, sound subsides. Every interaction here is very smooth, soft & even sexy : )
And all pages are great. Everyone.
Feel like after visiting super-stylish cloth store somewhere in Venice.
Gorgeous work.
https://www.palzileri.com/en
Очень простой и современный сайт сделанный в классическом стиле. Здесь есть все элементы, чтобы передать это: шрифт с засечками, курсив, оттенки золотого, тоненькие линии отбивающие текст, белые рамочки. Единственный минус — такие сайты очень похожи и я вижу в этом проблему.
- - -
Very simple and modern website in classical style. It has all elements of this style: antique (serif) font, italic style, thin lines, white frames. One problem — websites like this looks very similar.
http://theploughatlupton.co.uk
Ребят, мы хотим понять насколько вам интересны подобные посты ↑
Если интересны, поставьте лайк здесь, плиз https://www.facebook.com/gurick/posts/1606463052746175 и мы будем стараться радовать вас больше подобными подборками и другими интересными материалами.
Спасибо! 🙌
Не то, чтобы здесь про крутой 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 ;)