Примеры дизайнов кнопок на сайтах и в интерфейсах (с 2009 и до наших дней)

Кнопки для веб-сайтов и приложений используются повсеместно: при входе в профили социальных сетей, совершении покупок в интернете, отправке сообщений через форму обратной связи и т.д. Это один из самых важных элементов UI/UX дизайна и онлайн проектов в навигации и разного рода призывах к действию (Call To Action). Поэтому не удивительно, что ему уделяется достаточно много внимания. Сегодня публикуем перевод одной интересной статьи от Wojciech Dobry, где собраны примеры кнопок на сайтах и приложениях, начиная с далекого 2009. Все скриншоты взяты из популярной […]

комментария 4

Оригинальная обработка детских фото в Фотошопе (35 ярких картинок)

В профессиональных руках Photoshop позволяет реализовать любые, даже самые нереальные, творческие задумки. Именно так поступает графический художник Adrian Sommeling, который создает оригинальные детские фото в Фотошопе. Его сын — один из главных персонажей данных иллюстраций. Прогуливаться как великан среди небоскребов? — без проблем! Научиться летать или сыграть в теннис солнцем вместо мячика? — нет ничего невозможного… Особенно для дизайнера, разбирающегося во всех тонкостях графических редакторов. Ниже предлагаем посмотреть примеры как можно креативно использовать Фотошоп для детских фотографий, создавая удивительные и […]

комментария 3

Фоновое подчеркивание для выделения текста, CSS свойство text-decoration-skip

После рассмотрения мини-тренда с летающими логотипами хотим познакомить вас с еще одной актуальной темой, о которой недавно написали в Medium. Речь пойдет про весьма оригинальный способ выделения текста с помощью фоновой «подложки» в виде цветной жирной линии. Ниже в статье найдете парочку примеров данной техники. Само по себе решение вызывает достаточно неоднозначную реакцию у сообщества. Еще со времен зарождения классического «однопиксельного» подчеркивания некоторых дизайнеров смущает пересечение нижних полосок с буквами. В последствии были придуманы разные хаки и даже специальное CSS […]

комментария 4

Кисти звезды для Фотошопа (40+ наборов)

Сегодняшние материалы из статьи никогда особо не ассоциировались с оригинальными кистями, а зачастую выполняли лишь второстепенную роль. Подобные декоративные «вкрапления» используются для фоновых картинок или дополнительных элементов в иллюстрациях, диджитал графике, макетах сайтов и т.п. С помощью определенных навыков и кистей звезд можно создавать красивые световые эффекты на картинках, чем-то отдаленно напоминающие фото с эффектом боке. В публикации мы не будем рассматривать техническую реализацию, а лишь представим вашему вниманию популярные наборы и файлы. Здесь попадаются абсолютно разные варианты: некоторые содержат […]

комментария 3

Подборка лучших подкастов по дизайну, UX и технологиям

Представляем вашему вниманию отличную подборку дизайнерских и технологических подкастов от front-end разработчика Дениса Зарицкого. Помимо разных познаний в HTML5, JavaScript и Node.js, у автора имеется достаточно широкий спектр увлечений: от ИИ, разработки игр до интернет-маркетинга и стартапов. Должно быть весьма интересно.   В данной статье, в которой, я надеюсь, вы откроете для себя что-то новое и вдохновляющее, я хочу представить свои любимые подкасты по дизайну, UX, а также по техно подкасты. Почему подкасты? Не так давно я заново открыл для […]

комментария 2

Все про хедер (шапку сайта): назначение, дизайн и проектирование

Как известно, не существует второго шанса произвести первое впечатление. В сфере цифрового дизайна эта истина подкрепляется высокой конкуренцией и широким разнообразием имеющихся решений. Причем, вполне очевидно, что при создании первого впечатления некоторые части веб-страницы являются более важными нежели остальные, например, header для сайта (шапка сайта). Сегодня рассмотрим все нюансы, которые касаются данного термина: Что это и какие элементы включает. Почему хедер важен для вас? Проектирование и варианты реализации. Заметка является переводом статьи с uxplanet, за нее авторам большое спасибо.  Что такое хедер сайта? […]

комментариев 5

Wix Code — новые возможности сервиса: БД, динамические страницы и Javascript

Один из самых крупных конструкторов сайтов Wix готовится запустить поистине уникальную для рынка функциональность — модуль Wix Code. Он позволит получить еще больше возможностей по редактированию веб-страниц и отображению информации на них. С его помощью создание сайтов онлайн приблизится к традиционным CMS и даст разработчику дополнительную свободу действий. Подобное решение будет весьма заметным преимуществом перед многочисленными конкурентами. Но давайте более конкретно разберем что же содержится «под капотом» модуля. Основные фишки Wix Code На текущий момент известно о 5-ти анонсированных функциях, которые […]

комментариев 5

Парочка новых сервисов дизайнеру (выпуск №7): PDS, палитры и шрифты

Продолжаем публиковать краткие обзоры сервисов, которые так или иначе связанны с тематикой веб-дизайна и могут быть полезны. Если что-то вас заинтересовало, переходите по ссылкам на сами сайты, где сможете потестировать соответствующие инструменты и узнать о них немного больше. В сегодняшнем выпуске представлены проекты по шрифтам, палитрам и бесплатным материалам. Fontjoy Fontjoy позволяет подобрать идеальное сочетание шрифтов для контента, состоящего из трех элементов: заголовка, подзаголовка и текста.  Каждому из них вы можете отдельно задать какой-то Font из базы либо запустить автоматическую […]

1 комментарий

Бесплатные акварельные текстуры и фоны для фотошопа

Недавно мы публиковали необычные акварели современного художника Tilen Ti с яркими броскими образами животных, портретами и др. Подобная техника исполнения позволяет создавать интересные «живые» картины. Они отчасти и вдохновили нас на сегодняшнюю подборку акварельных текстур для фотошопа. Надеемся материалы будут вам полезны. Выбирая красивые нежные акварельные фоны с зеленоватыми или светлыми тонами, можно задать необходимое весеннее настроение изображению. Если вам нужен стиль мрачного гранжа — берите пастельные и темные цвета. Часто при этом дизайнеры используют похожий по направленности шрифт (Watercolor font), но теоретически вы можете […]

комментария 3

Как начать рисовать с нуля — краткое руководство из 6-ти упражнений

В основе ремесла хорошего рисовальщика 2 базовые вещи: умение контролировать свою руку и правильное видение. Если хотите создавать красивые иллюстрации или рисованные дизайны сайтов, то без специальной подготовки тут не обойтись. Следующие 6 упражнений из статьи, по сути, являются первым шагом в данном направлении — вы узнаете как научиться рисовать и с чего начать. Это перевод заметки с Medium от Ralph Ammer (вся графика его же). Совет. Для следующих 6 задачи используйте один вид ручки и один тип бумаги (например, А5). Ловкость рук – два […]

комментариев 5

Иллюстратор Jason Solo с футуристическими мотивами в ретро стилистике

Предлагаем оценить подборку дизайнера-иллюстратора Jason Solowczuk (aka Jason Solo), живущего в Австралии. Профиль работ достаточно широкий: от веб и диджитал дизайна до логотипов, инфографики и принтов. Однако, просматривая картинки ниже, можно уловить единый стиль, характерный для автора. У него получается некая смесь футуристических мотивов, которые реализованы через ретро графику с ограниченным набором цветов. Чем-то отдаленно напоминает иллюстрации в журналах о «Науке и технике» из прошлых годов. Большую часть творений найдете на персональном сайте Jason Solo. Там они отсортированы по проектам, […]

комментария 3

Веб-цвета в дизайне — сервис W3Schools с таблицами, кодам и другими инструментами

В продолжение статьи о полезных сервисах подбора цвета решили познакомить вас с еще одним интересным проектом — W3Schools. Помнится, раньше на портале в основном была информация о HTML/CSS, но теперь там можно найти и другие вопросы, касающиеся веб-разработки: PHP, JavaScript, Bootstrap, jQuery, XML. Один из разделов W3Schools посвящен web цветам в дизайне сайтов, он содержит разные таблицы, генераторы, коды, палитры, форматы и т.п. Создатели ресурса рассмотрели практически все детали, которые так или иначе связаны с цветовым оформлением веб-проектов. И хотя многие из […]

комментария 2

10 шаблонов портфолио для MotoCMS

На сегодняшний день любой креативной личности, находящейся в поиске способов самовыражения,  независимо от сферы ее занятости (пение, игра на музыкальном инструменте, танцы, фотографиия и т.п.) веб-сайт просто необходим. И не какой-нибудь, а трендовый, стильный и профессиональный. Именно интернет сейчас является движущей силой современного бизнеса, куда люди отправляются в первую очередь за информацией и услугами. Они просто вводят запрос в поиске, и Google услужливо выдаёт все результаты. При этом важно не только быть на первых местах выдачи, но и иметь один […]

1 комментарий