26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
Видео. Видео. Видео.
Все больше проникает в сайты, выходя за рамки встроенного 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/
Не очень люблю эту модель кроссовок, но здесь куча идей для анимаций. Возможно здесь это покажется чересчур, но взяв пару-тройку вы сможете сделать ваш проект более живым.
- - -
I don’t like this model of Adidas sneakers, but this page has many cool animations. Maybe it’s too much, but if you use a few, it will help you to make your website more alive.
http://www.adidas.co.uk/zx_flux
Каналу скоро год, нас 1000. Сегодня про то, как всё это произошло.
Канал начался с созданного мной в начале 2016-го чатика, в котором мы с ребятами в Aidem обменивались ссылками на клевые сайты. Нерегулярно, неформально, без замарочек кидали то, на что натыкались, и что восхищало. Иногда чатик затихал на неделю, а иногда вспыхивал горячими обсуждениями и обменом мнениями. Кстати, он назывался "Дезайн темки" : ) и даже сохранился до сих пор. Забегая вперёд, скажу, что когда уже пришла идея создать канал, я хотел назвать его также, сохранив фамильную "е" в слове "дизайн", но ребята все же убедили меня в том, что это как-то "не очень" для канала. Причём их решающим аргументом стал напомненный мне момент, как однажды, в скайп-колле мы с коллегой придумали этот буквенный каламбур nowhow. Тогда же мы его записали до случая, который позднее как раз представился. И, знаете, мы и думать не думали, что нас будет читать столько наших коллег. У нас не было вообще никакой цели — я просто подумал "это непременно должно быть интересно кому-то ещё, чего не попробовать», и сейчас рассказываю вам это с большим удовольствием.
Мы хотим сказать вам большое спасибо. За то, что вы с нами, что терпите наше периодическое занудство и снобизм :), что пишете нам приятные отзывы, и, надеемся, делитесь нашими постами уже в своих чатиках и каналах (вы же делитесь, правда?). В общем, вы для нас стали теми, для кого мы теперь вдвойне усердно ищем новые крутые штуки, делая для всех нас библиотеку полезных ссылок (мы сами, кстати, пользуемся каналом регулярно).
При всём при этом, для нас самих канал остаётся местом, куда мы пишем что хотим, как хотим и когда хотим, вопреки всяким маркетинговым правилам и рекомендациям. Всё потому, что уверены — когда от сердца, оно сильнее. Мощнее всех правил и формул, потому что настоящее.
Спасибо вам. Спасибо, что стали для нас важной частью жизни. Вместе мы делаем крутое дело.
C сегодняшнего дня мы начинаем дублировать описание всех постов на английском языке. Посмотрим, скольким нашим иностранным коллегам мы можем быть интересны. Начинам эксперимент №2.
Если вы хотите нам что-то сказать или спросить — пишите. Присылайте то, что по-вашему должно попасть в канал и, конечно, оставайтесь с нами.
Для нас и вас, команда Aidem.
— Хаверы умирают?
— Да
— Нет, они заново рождаются
Черный, красный, белый, рисунки от руки, гифки и пара анимаций — всё. Сайт Awwwards LA Conference 2017. Состав спикеров — https://conference.awwwards.com/speakers
Продолжая тему сегодняшнего праздника, свежая работа титулованной итальнской студии Aquest — сайт итальянской винодельни.
Знаете, одна важнейших задач таких сайтов — передавать правильные ощущения, погружать в нужную атмосферу, и этот сайт, на мой взгляд, достигает эту цель на пятерку. Лично меня он быстро вернул в воспоминания прекрасной Италии, маленьких виноделен, спокойного темпа итальянской глубинки, солнца и улыбающихся людей.
С точки зрения дизайна понравились на первый взгляд простые, но как-то очень освежающие страницы анимации появления фотографий; любопытная, но (что важно) одновремено не сложная навигация и большое количество решений, выходящих за рамки пресловутых блоков, контентных областей и вообще ощущения страниц. При этом назвать его излишне футуристичным тоже нельзя, и я отношу это к большому плюсу.
Итог: современный, простой и, главное, выполняющий свою задачу сайт — то, чего мы с вами должны достигать в каждой своей работе.
Пейте хорошее вино. : ) Ещё раз с праздником, наши прекрасные читательницы!
https://www.feudi.it/en
http://nobody.nyc/
Сайт просто дышит Нью-Йорком. Крупная типографика, разумеется Гельветика (если кто-то не знает — все вывески и указатели в городе набраны ей), белый по черному (так выглядят все вывески метро), никаких лишних цветов и элементов, лишь голая брутальность. Признаюсь, меня больше цепляют именно такие сайты, они уверены в себе.
http://helloelephant.com
Сразу вспоминается, но он более современный (за счет анимаций), но такой же крутой. Насколько мне известно, это подразделение Huge, созданное для работы с Apple, в котором был креативным директором какое-то время Claudio Guglieri, небезызвестный бывший арт-директор из Fantasy Interactive.
Мы не очень любим давать ссылки на кейсы на Behance, но работа настолько изящная, стильная, выдержанная и проникнутая уважением к нашему гениальному живописцу, что все же хочется ей поделиться. Тем более, что в этом году вместе с нами весь мир празднует двухсотлетие этого великого художника.
Итак, прекраснейшая работа и отличная подача концепта сайта к 200-летию Ивана Константиновича Айвазовского — https://www.behance.net/gallery/48366003/Ivan-Aivazovsky-Anniversary-concept
- горизонтальный скролл (все чаще и чаще с нами)
- прекрасная типографика (кириллица!)
- оптимальный баланс текстового и визуального контента
- очень приличные ux-решения и вся архитектура
Автору работы, Диане Полар хочется пожелать, чтобы Вселенная непременно сделала как-то так, чтобы её прекрасная работа обрела жизнь.
Часто встречаем сайты стартапов связанных с софтом, но этот подкупил необычными иллюстрациями
- - -
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
Невероятные ощущения на входе, чаще всего похожие ощущения мы чувствуем лишь на страницах от Apple, но это как будто даже уровнем выше.
- - -
Awesome feelings from the first screen, usually we except this approach from Apple for example, but not from HP. It look’s amazing!
https://www.hpsoundincolor.com/
Брутальные сайты все больше в моде. Новый сайт конференции Шторм (от Медузы) про рекламные технологии в медиа берет именно этим приемом. Мы подчеркнем одно — сегодня это скорее способ выделиться, среди скучных сайтов конференций. Если ты смел, тема позволяет, а аудитория воспримет — это хороший способ плюнуть на всё и словить хайп таким ходом. Про юзабилити таких сайтов можно говорить (спорить) часами, но мы не будем. Доброго утра : )
- - -
Brutal websites are more & more popular today, and new Storm Conference website (from news-agency Meduza) about media & advertisement bet on this. We think now it’s firstly way to stand out from another typical & boring conferences websites. If your audience are ready, it you are ready, it’s a good way to forget about rules & catch hype. We wouldn’t measure usability of such design, nowadays this word receives more & more different interpretations & understandings.
https://special.meduza.io/storm/2017/
Редкий случай, когда корпоративный сайт практически чисто b2b-компании сделан и поддерживается с такой любовью. Дизайн сайтов такого рода бизнесов, конечно, не про инновацию, но как же может быть просто всё хорошо:
- фотографии: однородность, ракурс, масштаб, привлекательность
- тексты: думают про длины заголовков новостей, про тексты в карточках, про единый объем описаний преимуществ
- типографика: никакого футуризма, но как взросло, эстетично, лаконично
- таблички, иконки, циферки — всё очень сбалансировано даже не в рамкой одной страницы, а всего сайта — блестящая консистенция дизайн-языка.
Один из лучших корпортивных сайтов за последнее время. https://www.hines.com
https://bouguessa.com
Этот сайт одежды будет поинтереснее сайтов лидеров этой индустрии (меня до сих пор удивляет, как на сайте Zara в некоторых местах текст уже 3 модных сезона не читается совсем). Анимации плавные и не раздражают, а очень даже хорошо задают темп вашего перемещения по сайту.
https://www.behance.net/gallery/49221945/Harley-Davidson-Project-Livewire-Website-Redesign
Очень понравилась работа, насколько чистой, простой и стильной она получилась. Тот случай, когда смотришь и понимаешь, что нет ничего лишнего, все на своих местах + сама по себе подача кейса, очень последовательная и приятная для восприятия. Берем в обоих случаях на вооружение!
Также поздравляем всех девушек с 8 марта. Желаем вам весеннего настроения! 🌷
http://www.ghafari.com
Безукоризненно выдержанный сайт. Очень чистые и, на первый взгляд, простые решения, гармонично переплетены между собой на протяжение всего сайта.
https://avocode.com/design-report-2016/
Ходят слухи, что сайты по слайдам мертвы. Вы правда так считаете? Я что-то не уверен.
——— special for designers
https://vk.com/fave?w=wall-41054727_28084
В выходные советуем отдыхать, но и отдыхать можно с пользой для работы. Это наверное самая крутая подборка лекций за последние полгода-год лично для меня. Не ожидайте узнать про приемы по работе с типографикой или анимацией, для этого есть Dribbble. Здесь скорей про мышление, про мир вокруг нас и место дизайнера в нем.