26844
Сайты с хорошим дизайном со всего света 🤟 Since 2016 Сотрудничество: @design_manager_bot
Дизайнеры любят чёрно-белые сайты, они всегда кажутся более стильными и минималистичными. Но давайте признаемся себе, что их делать проще, чем дизайн с более сложной цветовой схемой, где вам нужно правильно расставить акценты, сделать так чтобы цвета сочетались и гармонировали ещё с визуальным контентом. Ещё кажется, если вы удачно со всем справились, то это повлияет и на запоминание.
〰️
Designers love black and white websites, they always seem more stylish and minimalistic. But let's face it, they're easier to make than a design with a more complex color scheme, where you have to get the accents right so that the colors match and still harmonize with the visual content. It also seems that if you get everything right, it affects memorability.
https://en.weareroof.com/
Понравилась главная страница сайта, особенно хорошо передающая внутренний характер самой студии. Отдельно выделю вылет 3D-объектов за рамки в момент скролла, а также плавные изменения шрифта при движении курсора.
〰️
I liked the main page of the site, especially well conveying the internal character of the studio itself. Separately, I would like to highlight the departure of 3D objects out of frame at the moment of scrolling, as well as smooth changes in the font when the cursor moves.
https://mallardandclaret.com/
Прокачайте свой скиллсет: научитесь создавать коммерческие иллюстрации на курсе Яндекс Практикума.
Это практический курс для тех, кто уже умеет рисовать. Вы научитесь использовать свои навыки, чтобы решать задачи заказчика: сможете создавать иллюстрации для сайтов, приложений, медиа и рекламы.
За четыре месяца студенты научатся:
— работать с формой, композицией, цветом, типографикой;
— придумывать метафоры и сторителлинг для коммерческих проектов;.
— работать с текстом и генерировать идеи;
— презентовать себя и защищать свои идеи;
— общаться с клиентом, собирать требования и работать по ним;
Закрепить теорию помогут учебные проекты: упаковка, стикеры и другие задачи иллюстраторов — они станут базой для вашего портфолио. Давать советы и направлять студентов будет опытный наставник-иллюстратор.
Попробуйте создать обложку для подкаста в бесплатной вводной части курса →
Интересный референс личного портфолио. Сразу же понравилась анимация по скроллу, особенно выход изображений в разделе портфолио, а также приятная цветовая палитра, сжатый шрифт, ритм и плотность самой верстки.
〰️
An interesting reference of a personal portfolio. Immediately liked the scroll animation, especially the image output in the portfolio section, as well as the nice color palette, compressed font, rhythm and density of the layout itself.
https://www.tmvdesignstudio.com/
У наших друзей Карины выходит новый сезон на подкасте “Патрик на линии”. Мы у нее уже были, говорили про интернет-магазины, сайты fashion-индустрии и вообще про клиент-исполнитель, inhouse-outsource и тп. Вот тот подскаст с нами — https://patrickonline.mave.digital/ep-36.
Если понравится, то ниже ссылка на новые эпизоды от Карины - там про маркетинг, бренды, продвижение - всякое разное интересное в основном из индустрии моды в диджитал - https://patrickonline.mave.digital/ep-47
Еще один сайт мероприятия с интересной стилистикой. Понравилась блочная структура, работа со слоями и конечно же в меру кислотная цветовая палитра. Все это выглядит достаточно разнообразно и интересно за счет графических приемов, анимационных вставок и взаимодействий с элементами. Очень крутой референс под данную нишу.
〰️
Another event site with an interesting style. I liked the block structure, work with layers and, of course, a moderately acid color palette. All this looks quite diverse and interesting due to graphic techniques, animation inserts and interactions with elements. A very cool reference for this niche.
https://c2montreal.com/
Тут нравится комбинация двух шрифтов, обратите внимание, что опять используется сжатый шрифт. А вторая фишка этого сайта, как устроен сторителлинг, что ты не можешь оторваться до самого конца страницы. Блоки хоть и повторяются, но всё устроено достаточно разнообразно и интересно за счёт цвета и чередования больших фотографий и текста.
〰️
I like the combination of the two fonts here, notice that again the condensed font is used. And the second feature of this website is the way the narrative is organized, making it impossible to tear yourself away until the very end of the page. Although the blocks are repetitive, everything is designed quite differently and interestingly through color and the alternation of large pictures and text.
https://pen.lastprisonerproject.org/
Не так давно мы уже выкладывали лендинг с похожей стилистикой. Оба эти сайта достаточно просты по своей структуре, но имеют очень зрелищное и запоминающееся оформление. Различные подсветки и взаимодействие со всеми плашками успешно выполняют свою цель, но на этом проекте дизайнеры решили еще больше заморочиться над всем визуальным рядом.
〰️
Not so long ago we already laid out a landing page with similar styling. Both of these sites are quite simple in structure, but have a very eye-catching and memorable design. Different highlighting and interaction with all the slats successfully fulfill their purpose, but on this project, the designers decided to go the extra mile over the entire visuals.
https://reflect.app/
Now How 7 лет! 🎉 Мы вас любим, канал любим, дело продолжим! Всем ❤️
Читать полностью…
Если бы меня попросили выбрать самый модный сайт последнего времени, я бы, наверное, назвал этот. На первый взгляд он выглядит просто, но это только если не думать о том, каково было его создавать. Если говорить о деталях, то самые модные сегодня: очень плотная сетка, с минимальными отступами между колонками и от краев в целом; огромный логотип в края на первом экране; использование моношрифта.
〰️
If I were asked to choose the most trendy website of recent times, I would probably name this one. At first glance it looks simple, but that's only if you don't think about what it was like to put it together. If we talk about details, the most trendy today: a very dense grid, with minimal indentation between columns and from the edges in general; a huge logo at the edge on the first screen; the use of mono font.
https://atio.studio/
Еще одно симпатичное портфолио, но на этот раз не особо богатое на дизайн-приемы. Несмотря на это, работа выполнена очень качественно, нравится шрифтовая пара в акцентных заголовках и в целом минималистичный подход, отчего работы фотографа выходят на первый план.
〰️
Another nice portfolio, but this time not particularly rich in design techniques. Despite this, the work is of very high quality, I like the font pairing in the accent titles and the overall minimalist approach, which makes the photographer's work come to the fore.
https://olgaprudka.com/
Мидл → Арт-дир — внутренний курс студии MAX
Дело в том, что ребята не нашли курсов и волшебной таблетки по росту с джуна и дальше и им пришлось делать такой продукт внутри своей студии, прямо для своих же дизайнеров, которые хотят расти.
Ребята упаковали знания, которыми растили арт-диров и лидов в студии ранее (их более 40). И в итоге создали методу роста/курс для своих дизайнеров и (важное) сделали этот курс открытым. То есть, если вы засиделись в мидлах или синиорах и хотите выйти на новый уровень — велком. С вами наравне этот курс будут проходить 12 дизайнеров студии MAX, которые сейчас метят в арт-дира или лида. Вы сможете смотреть как все прокачиваются до лидов и арт-диров, сможете общаться, узнавать. Быть на воркшопах и получать фидбек на свои домашки от арт-диров студии. И расти.
Детальнее.
В эту среду (26 апреля) ребята проведут прямой эфир где расскажут базовый план как вырасти дальше, расскажут как убедить руководителя дать возможность быть старшим/лидом/арт-диром и поднять ЗП (а то вырасти недостаточно же, нужно убедить дать под это инфраструктуру) и презентуют свой курс (там, кстати, осталось всего 18 мест).
Трансляция пройдет на канале ребят: @imasenior
Велком!
Всё больше в последнее время выкладываем сайтов с сжатыми шрифтами, похоже на мини-тренд. Кстати вы заметили как практически пропали растянутые? Все устали видимо от Druk и ему подобных. Что мне нравится в сжатых шрифтах, что они всегда смотрятся выйграшно в кириллице, даже лучше, чем гротески. Здесь особенно мне понравились цветные слайды, после чб на них реально захотелось остановиться.
〰️
More and more sites with condensed fonts have been popping up lately; it seems to be a mini-trend. By the way, have you noticed that stretched fonts have almost disappeared? I guess everyone is tired of Druk and the like. What I like about stretched fonts is that they always look better in Cyrillic, even better than grotesques. I especially liked the colored slides here, after bb I really wanted to stop.
https://www.mcsaatchiabel.co.za/
Самое интересное здесь — это конечно же типографика и сетка. Очень понравилась верстка и достаточно смелая работа со шрифтами. С первого взгляда может показаться, что это не совсем удачное сочетание, но чем больше смотрю на эту шрифтовую композицию, тем больше она мне импонирует.
〰️
The most interesting thing here is, of course, the typography and grid. I really liked the layout and the rather bold work with the fonts. At first glance, it may not seem like a good combination, but the more I look at this font composition, the more it appeals to me.
https://sophie.studio/
Вакансия в Helper — ищем порядка 10-15 менторов
Для дизайнеров. Парт-тайм с гибким графиком, от +30 до +65к к вашей ЗП за часик-два в день. Плюс, прокачка вас как арт-диров и плюс пиар именно вас как эксперта.
Обязанности: встерчи 1на1 с менти и/или поддержка ребят в чате, ответы на вопрсы по тому, то можно сделать лучше в фигме, как лучше упаковаться для трудоуйстрова, как не переживать )
Про сам проект. Helper это новая штука на рынке дизайна. В эту новую штуку можно написать дизайнерский вопрос иии получить быстрый качественный ответ. Это такой арт-дир в кармане, который вычитывает макеты, устраивает на работу, помогает со спорами с коллегами. И, по сути, это уникальный продукт, так как вместо обучения, которое построено на имитации реальности/кейсах, Helper помогает в реальности, с реальными проблемами, в моменте и в десятку.
Сейчас у нас растет количество обращений. Со дня основания (первый день лета) мы закрыли уже 70 480 обращений. То есть, столько раз мы помогли дизайнерам и это, конечно, сила! )
А детальнее — читайте на нашей страничке вакансии (там описали какие плюсы для вас, детальнее рассказали про проект и тд и тп)
Детали: https://telegra.ph/Helper-04-11-5
Почему мы всё время начинаем и бросаем учить английский?
Одна из причин — мы не знаем свой уровень языка и берёмся за контент, который нам не по силам. Например, сериал «Друзья» часто советуют смотреть тем, кто начинает учить язык, но в нём полно юмора, который начинающие пока понять не могут. В итоге разрыв знаний удручает и мотивация учить язык падает.
Если вы готовы дать английскому ещё один шанс, мы поможем поверить в свои силы и довести дело до конца. Приходите на бесплатную консультацию в Яндекс Практикум:
- Проведём устный тест на уровень языка,
- Покажем, чего реально добиться и за какой срок,
- Расскажем, как наши курсы помогут достичь цели.
P. S. С 1 июня курсы станут больше: количество занятий с личным преподавателем увеличится с 72 до 80. Цена вырастет тоже. До 31 мая вы можете купить курс по старой цене: целиком или по частям. И если решите купить полный курс сразу — сэкономите и получите обновлённую программу из 80 занятий по прежней цене.
Это уже не первый проект связанный с мороженным, который мы выкладываем у себя на канале. В основе у таких презентаций преобладает красочная и графическая стилистика, которая достаточно хорошо привлекает внимание своей подачей, тем самым успешно выполняя свою задачу в качестве спецпроекта.
〰️
This is not the first project related to ice cream, which we put on our channel. The basis of such presentations is dominated by colorful and graphic style, which is good enough to attract attention with its presentation, thus successfully performing its task as a special project.
https://us.bobaicecream.com/
Пример, когда сценарий анимаций для сайта мог звучать ужасно для дизайнера, но на самом деле получилось очень клёво интегрировать это так, чтобы всё выглядело понятно и консистентно. Весь остальной дизайн построен как обрамление 3D и старается не отвлекать от них, а лишь аккуратно и точечно дополнять.
〰️
An example where an animation script for a website might seem awful to a designer, but it actually turned out to be very cool to integrate it in such a way that everything looked clear and consistent. The rest of the design is built as a frame for 3D and tries not to detract from them, but only neatly and point-by-point to complement them.
https://thisismagma.com
Очень нравятся сайты с использованием пикселизированной стилистики, именно в этой работе можно встретить смесь шрифтовых пар с изменными буквами, интерактивную анимацию в ховере, а также пиксельный переход между разделами. Я бы точно не сказал, что все это уникально, но выполнено достаточно добротно и хорошо уживается с общей идеей сайта, хотя все эти приемы мы видели уже много раз.
〰️
Very much like sites using pixelated stylistics, it is in this work you can find a mixture of font pairs with modified letters, interactive animation in the hover, as well as pixelated transition between sections. I certainly wouldn't say it's all unique, but it's done well enough and fits in well with the overall idea of the site, although we've seen all of these techniques many times before.
https://www.vrtlwrld.io/
Мне очень нравятся проекты от Ava Digital, даже с самыми корпоративными клиентами у них выходит выстроить действительно интересную и визуально симпатичную историю. Здесь хотелось бы выделить отличную работу с акцентами и контрастами, а также 3D-объект и взаимодействие с ним.
〰️
I really like Ava Digital's projects, even with the most corporate clients they manage to build a really interesting and visually pretty story. Here I would like to highlight the excellent work with accents and contrasts, as well as the 3D object and the interaction with it.
https://absolute-green.ava-case.com/
Сайт очень короткий, но я не мог с вами не поделиться, потому что он чрезвычайно классный. Начиная от цветовой гаммы и заканчивая иллюстрациями. Вроде такие иллюстрации использовали уже все от The New Yorker до Notion, но почему-то они всё равно нравятся и встают почти везде как влитые.
〰️
The website is very short, but I really want to share it with you because it's very cool. From the color scheme to the illustrations. I think everyone from The New Yorker to Notion has used these illustrations, but somehow I still like them, and they fit well almost everywhere.
https://espai.webflow.io
десигн рутин — идейный склад авторских заметок о дизайне, где мы стремимся публиковать уникальные приемы из веба и айдентики, которые помогут вам вдохновиться, прокачать насмотренность и стать более креативным специалистом.
Подписывайтесь: @designsroutine
Очень понравилась цветовая палитра и подсветка у шрифта, передающая солнечное настроение и атмосферу места проведения самого мероприятия, а также хорошее использование приемов из игровых интерфейсов, для передачи технологичного образа.
〰️
I liked the color palette and backlighting of the font, conveying the sunny mood and atmosphere of the venue itself, as well as the good use of techniques from game interfaces, to convey the technological image.
https://thetechweek.com/
Редко за каким-то линейным сторителлингом в вебе интересно наблюдать, но здесь я не отрывался до самого конца. Очень просто и явно воплотили идею со сканером и чеком. Тот случай, когда бриф на такую задачу может звучать пугающе и ужасно, но в правильной реализации становится очень классным, уникальным и запоминающимся.
〰️
Rarely is a linear narrative on the web interesting to watch, but here I didn't tear myself away until the very end. The idea with the scanner and verification was very simple and obvious. This is a case where a brief for such a task can sound scary and awful, but when implemented correctly, it becomes very cool, unique, and memorable.
https://silencio.es/
Space307 знаю давно. Сильный продукт, хорошие зп, классный коллектив. И это финтех - авторитетно заявляю - это один из лучших сегментов для роста диза. И последнее - сайт вакансий - маленький респект ❤️ (мы тоже делали себе когда-то подобный стиль - родное). Вакансии, кстати, все remote ☝️
〰
Space307 — финтех разработчик с распределенной командой из 200+ человек. Уже девять лет стабильно развиваем торговую платформу для международных брокеров.
Наша дизайн команда расширяется и сейчас в поиске опытных коммуникационных и веб дизайнеров на новые проекты. Потребуется запускать и развивать маркетинговые и продуктовые коммуникации брендов. Ценим системный подход и самостоятельность в работе.
Подробнее о вакансиях:
Senior Communication Designer
Senior Graphic Designer
Senior Web Designer
💰За успешную рекомендацию на позицию вручим 1000 €.
Достаточно интересное портфолио. В целом хотелось бы отметить композиционный ритм, который в своей основе держится на крутой работе с типографикой, а также общую динамику сайта складывающуюся из продуманных переходов и анимации слоев.
〰️
Quite an interesting portfolio. In general, I would like to note the compositional rhythm, which is based on a steep work with typography, as well as the overall dynamics of the site formed by clever transitions and animation of the layers.
https://www.vikkibre.com/
Вроде всё слишком просто и минималистично, но меня зацепили цвета и иллюстрации. Они выглядят очень свежо и просто на фоне всего, что мы сегодня чаще всего встречаем. Интересно ещё, что в логотип шрифт набран антиквой, но больше он нигде не встречается. Кажется, что если его использовать в заголовках, стало бы визуально чуть богаче всё.
〰️
It seems too simple and minimalistic, but I was hooked by the colors and illustrations. They look very fresh and simple compared to what we often see today. It's also interesting that the font in the logo is typed serif, but it's not found anywhere else. It seems that if it were used in the headlines, it would visually make everything look a little richer.
https://www.ki-health.com/
Хочешь стать востребованным специалистом в сфере графического дизайна, работать в digital и рекламных агентствах, крупных компаниях или на себя? 🧑🏻💻
Онлайн-магистратура «Графический дизайн и прикладная графика» Университета науки и технологий МИСИС готовит креативных специалистов в области дизайна, которые понимают специфику digital-среды и умеют не только применять лучшие практики и идеи, но и создавать тренды.
Студенты проходят весь цикл разработки дизайн-продуктов: от брифинга клиента, сбора мудбордов и создания концепции до презентации работы. Пробуют себя в разных направлениях графического дизайна, веб- и моушн-дизайна, брендинга, формируют портфолио работ и становятся частью дизайн-сообщества.
✅ И самое главное – ты сможешь совмещать учебу с работой, так как обучение проходит дистанционно. При этом у тебя будут постоянный доступ к материалам курса, возможность поддерживать связь с тьюторами на протяжении всего периода обучения.
Подробнее о программе http://bit.ly/413U1x9
Очень качественный и разнообразный референс корпоративного сайта. Понравилась работа с сеткой, общей композицией и конечно же продуманной анимацией. Особенно хотелось бы выделить отличный пример интеграции айдентики в сам сайт, а также нетривиальный и одновременно запоминающийся подход с меню.
〰️
Very high quality and diverse reference of the corporate website. I liked the work with the grid, the overall composition and, of course, thoughtful animation. Especially I would like to highlight an excellent example of the integration of identity into the site itself, as well as a non-trivial and at the same time memorable approach to the menu.
https://edifis.ca/en/
Сжатый шрифт — это один из тех шрифтов, которые почти одинаково хорошо смотрятся как на кириллице, так и на латинице. Но из-за его высокой плотности, как правило, сложнее составить интересную композицию. И, конечно, он не самодостаточен, так как при мелком размере становится практически нечитаемым. Этот сайт — отличный пример того, как и в каких размерах его лучше использовать и с чем сочетать.
〰️
A condensed font is one of those fonts that looks almost equally good in Cyrillic and Latin. But because of its high density, it is usually more difficult to make an interesting composition. And, of course, it is not self-sufficient, as it becomes almost unreadable in smaller fonts. This website is a great example of how and in what sizes it is best used and what to combine it with.
https://www.gv.com/