Мы всегда стараемся следить за новыми тенденциями в дизайне. Временами нас просто удивляет, насколько креативно разные дизайнеры могут реализовать свои задумки, а затем применять их различными способами.
Сегодня мы хотим рассказать вам конкретно о сфере дизайна пользовательских интерфейсов, и посмотреть, сможем ли мы выявить какие-то современные тренды. Тенденции в дизайне интерфейсов меняются, наверное, чаще, чем в остальных сферах дизайна, и если вы, будучи дизайнером, не успеваете следить за ним, то ваши интерфейсы будут выглядеть устаревшими. Прочтите данную статью, чтобы выявить для себя, что сейчас популярно!
Если вам нравится эта статья, то не забудьте подписаться на RSS-рассылку, чтобы не упустить ни одной интересной статьи в будущем.
Тренды – это хорошо или плохо?
Зачастую происходит так, что люди прочитывают статьи о тенденциях, преследуя одну из двух целей: либо ознакомиться со списком того, что стоит попробовать реализовать, либо со списком клише, которых стоит избегать. Что же на самом деле правильно? Если что-то является современным трендом, это плохо или хорошо?
На самом деле, мы считаем, что тренды – это нечто нейтральное. Но не обязательно должны быть плохими или хорошими, они просто являются олицетворением того естества, которое нравится многим людям конкретно в данный момент. Некоторые говорят: «Зачастую тенденции достигают такого пика популярности и вездесущности, что если кто-то еще пытается соответствовать ему, это оставляет дурной привкус во рту».
По этой причине мы всегда рекомендуем, чтобы каждый дизайнер всегда расширял свой кругозор за счет работ других, но при этом делал для себя заметки относительно того, что популярно, а что нет. Если вы знакомы со всеми хитростями и новшествами в своей нише, то ваша работа будет в значительной степени облегчена, будь то ваше стремление угодить толпе или разработать нечто уникальное и экстравагантное (вы ведь должны знать, как отличить нечто уникальное от всего остального).
Учитывая это, давайте перейдем к непосредственно популярным тенденциям!
iOS вдохновляет всех на свете
Сложно сказать, что платформа iOS от Apple основана на конкретной эстетике, но в целом можно сказать, что тяжелый труд разработчиков приложений для iPhone и iPad, которые нам известные, и которые мы любим, все выполнены в довольно специфическом образе, возможно разработанном компанией Apple, а возможно и перенятом у кого-то еще.
Несмотря на преобразование широкоформатных шаблонов в несколько колонок в то, что некоторые сегодня считают чрезмерно эстетичным и похожим на какие-то инопланетные артефакты, вы всегда сможете отличить интерфейс iOS. По крайней мере, так было до сих пор. С выходом Lion и предвестием выхода Mountain Lion, Apple интегрировала схожие идеи внешнего вида в OS X, и она конечно же, не первая, кто старается привнести подобный концепт в дизайн интерфейса платформы для настольных ПК.
Великолепный снимок на Dribbble от Роберта ван Клинкена (Robert van Klinken), представленный выше, является прекрасным тому примером. Учитывая дизайн кнопок и применение швов, мы готовы поклясться, что раньше это было приложение для iPad. Тем не менее, на самом деле это дизайн для веб-приложений использование которых производится с настольных ПК.
Даже если мы немного отступим от стиля имитации реализма, существует множество других интерфейсов веб-приложений, разработанных под вдохновением от дизайна приложений для Apple. Нижеприведенный снимок от Понтуса Йоханссона (Pontus Johansson) демонстрирует нам сходства с более тонкими градациями в окнах Finder и хромированными приложениями в OS X.
Древесный фон
Эта тенденция ни в коем случае не новая, сейчас принято считать, что она пошла под вдохновением от Garage Band, но что-то нам подсказывает, что она существовала еще долгие годы до этого. Тем не менее, этот тренд определенно заработал свою популярность! На самом деле, эту тенденцию можно даже назвать наиболее используемой за 2012 год в веб 2.0.
Суть в том, что древесный цвет сейчас наиболее предпочтителен в оформлении пользовательских интерфейсов (хотя и текстура полотна, используемая для письма маслом, также очень популярна). Вы можете наблюдать эту тенденцию в приложениях для iOS, Mac, веб-приложениях, приложениях Android, да где угодно. Что еще делает эту тенденцию популярной, так это повсеместно бесплатно доступные качественные текстуры.
Можно сказать, что все это началось со снимка Мэтью Скилеса (Matthew Skiles), загруженного на Dribbble в июле 2010 года. Он был очень красивым и детализированным, к тому же его можно было использовать бесплатно и без ограничений.
В результате этот снимок был использован в нескольких приложениях, что привело к тому, что остальные тоже начали бесплатно выкладывать текстуры, дабы привлечь внимание дизайнеров интерфейсов, и все это продолжается вот уже сколько лет! Кажется ли нам, что этот тренд уже заезжен до дыр? Вам решать.
Интерфейсы в стили ретро
Все тренды, которые мы выделили, направлены на достижение «реализма» в процессе создания интерфейсов, на то, чтобы интерфейсы приложений были похожи на устройства в нашей реальной жизни. В рамках данной тенденции есть несколько подкатегорий, наиболее «заезженной» из которых можно назвать тенденцию оформить что-нибудь в стиле ретро.
Дизайнеры и вправду любят воссоздавать устройства прошлых лет посредством определенного сочетания пикселей. В этом жанре оформления пользовательских интерфейсов так же есть свои плюсы и минусы. Некоторые интерфейсы кажутся неуклюжими и, к тому же, интерфейсы в стиле ретро уже порядком поднадоели, мы бы даже сказали, надоели больше всех остальных жанров.
Но стоит также отметить, что некоторые интерфейсы в стиле ретро вполне привлекательные и очень удобные. Правда, интерфейс в стиле ретро должен быть ключевым аспектом в и без того привлекательной натуре приложения. Например, в Mac-приложении «Instant», вы перетягиваете свои фотографии в старую камеру Polaroid, которая затем постепенно «проявляет» снимок, прямо как в старые добрые деньки. Вряд ли это приложение можно использовать для профессиональной обработки фотографий, но ради забавы очень даже подойдет.
Оповещения
Нас всегда поражало, как обычная формочка может внезапно стать популярной. Когда давно в интернете была статья о том, как в сфере веб-дизайна ходит тренд использовать фигуры из ленточек. Сегодня мы можем наблюдать великое множество фигур, которые мы, за неимением более подходящего термина, предпочитаем называть оповещениями.
Как видно, это простой блок, около которого появляется треугольник. Треугольник помогает нам связать содержимое этого блока с формой, кнопкой или любой другой частью контента, и он может быть расположен в любой стороне блока. Не верите, что эта фигура внезапно стала популярной? Давайте ознакомимся с несколькими примерами, которые попались нам в течение всего пары минут поисков.
Сейчас мы не смогли то, что нужно было, но уверяем вас, что в интернете полно специальных веб-приложений, с помощью которых вы можете сгенерировать подобные фигуры на чистом коде HTML+CSS. Порой сильно удивляет то, как простые мелочи могут стать настолько популярными.
Белоснежные интерфейсы
Движение «минимализма» очень быстро распространяется в мире дизайна интерфейсов, и многие дизайнеры предпочитают создавать свои проекты иногда полностью бесцветными, либо в сочетании белого с серым.
Как видно по вышеприведенным примерам, кнопки и формы зачастую наиболее подвержены данному течению. Незначительные градации, выделения толщиной в 1 пиксель, и тени которых зачастую сделаны лишь для эстетики. В результате мы видим очень светлый и воздушный дизайн.
Также стоит отметить стремительно нарастающую тенденцию в росте числа наборов для интерфейсов. Мы не совсем осведомлены в том, кто первым решил выкинуть в сеть кучу бесплатных элементов интерфейса, но идея, несомненно, прижилась.
А какие тренды встречались вам?
Данная подборка включает в себя абсолютно разные идеи, которые встречались нам на пути. Мы уверены, что не охватили даже десятой части того, что существует в мире, и поэтому у вас есть шанс рассказать о других тенденциях в сфере веб-дизайна.
Какие типы дизайна встречаются вам чаще всего? Согласны ли вы с нами в том, что дизайны в стиле минимализма, распространившиеся за столь короткий срок (например, Google) привели к высокой активности среди дизайнов реалистичных интерфейсов, которые мы можем наблюдать в приложениях Apple iOS/OS X? Пожалуйста, прокомментируйте ситуацию!
