Перейдите к MacOS Big Sur — новое обновление для Windows 10 выглядит потрясающе

Статьи по дизайну

Хотя все внимание на конференции Apple WWDC на этой неделе, на которой было объявлено о выпуске новейшего программного обеспечения для Mac, MacOS Big Sur, Microsoft может собирается украсть гром в купертиновской компании с помощью нового собственного программного обеспечения. На совершенно новых скриншотах Microsoft демонстрирует обновленное меню «Пуск» Windows 10 с чистым и полупрозрачным новым видом,…

Брендинг продукта 101: помогите вашему продукту выделиться из толпы

Статьи по дизайну

Люди любят Coca-Cola, но они часто не имеют четкого мнения о других брендах, которые продает их местный супермаркет, даже если они на вкус точно такие же, как Coca-Cola, и стоят вдвое дешевле. Зачем? Два слова: товарный брендинг. Coca-Cola — это не просто газировка; это американа и белые медведи и дед мороз. Это культовые красно-белые надписи…

Почему дизайн не должен быть красивым?

Статьи по дизайну

История, основанная на собственном опыте Этим вопросом я стала задаваться последние 2 года, когда начала работать дизайнером продуктов в банках. Даже в UI-дизайне главенствует функциональность, и в первую очередь, понятность. UI неразрывно связан с UX, поэтому приступая к окрашиванию кнопок, стоит задуматься об их функциях.Когда дизайнеры создают новый продукт, они обязаны следовать опыту взаимодействия клиента…

Самые свежие и бесплатные шаблоны в PSD формате

Статьи по дизайну

Привет друзья! Быстрее встречайте горячую подборку свежих и совершенно бесплатных шаблонов для ваших сайтов в PSD формате! Тут собраны в основном одностраничные шаблоны, но на самую разную тематику! Например: простой магазин, персональная страница и так далее. В общем, друзья, думаю, что эта подборка вам понравится. Так что качайте быстрее. Так же рекомендую: Корпоративный одностраничный шаблон…

6 самых распространенных мифов UX

Статьи по дизайну

Правило 3-х кликов Количество кликов в процессе прохождения сценария не является метрикой, с помощью которой можно оценить качество пользовательского опыта. Потому что стремление сократить количество кликов приводит к чрезмерно большим меню или к страницам, перегруженным множеством точек входа в разный функционал. Это ведет к увеличению когнитивной нагрузки и соответственно к низкому качеству пользовательского опыта. Что предпочтет…

Подборка шаблонов: лучшие сайты для фотографов

Статьи по дизайну

TemplateMonster продолжает создавать дизайны для своих самых креативных и творческих клиентов. На этот раз представляем вашему вниманию подборку готовых шаблонов. Лучшие сайтов для фотографов. Портфолио для фотографа Лендинга фотографа Персональная страница фотографа Портфолио фотографа Личный сайта фотографа Фотогалерея Сайт профессиональной фотостудии Фотогалерея Многоцелевой шаблон сайта фотографии Шаблон портфолио фотографа Шаблон портфолио для фотографа Данный шаблон…

Как купить сайт и не наделать ошибок?

Статьи по дизайну

Покупка готового интернет-проекта – подходящий в некоторых случаях вариант, но вряд ли такую покупку можно назвать беззаботной. Прежде, чем покупать сайт, его нужно проверить. Ниже прикладные советы, которые помогут избежать ошибок и не стать обманутым мошенниками. Как формируется стоимость сайта? Стоимость домена Одним из факторов, влияющих на стоимость сайта, является стоимость домена. Сайт будет стоить…

Кейс: как создать сайт, который получит Webby

Статьи по дизайну

Сайт digital-агентства Red Collar под названием Save Whales получил интернет-Оскар Webby в категории Green. О том, как пришла идея создать сайт на эту тему, как строили процесс работы в создать сайт на эту тему, как строили процесс работы в жёстко ограниченных временных рамках, и какие технологии использовали в разработке — читайте ниже. save-whales.com Бэкграунд Save Whales — некоммерческий проект, созданный по инициативе нашей команды. Мы стараемся заботиться…

Пространство нового формата во Владивостоке — проект бюро Miyao

Статьи по дизайну

Дизайн публичных пространств становится более раскованным, осмысленным и интересным — новая галерея во Владивостоке Gallery Gif взяла лучшее от ритейла и экспозиционных площадок. Архитекторы бюро Miyao постарались создать пространство, которое бы способствовало рождению новых проектов. Локация: Владивосток Площадь: 89 м2 Авторы проекта: бюро Miyao Фото: Александр Хом От предыдущего заведения в помещении ничего не осталось…

167 CSS Buttons

Статьи по дизайну

Коллекция отобранных бесплатных примеров HTML и CSS кнопок. Обновление коллекции апреля 2019 года. 54 новых элемента. "Title =" Коллекция отобранных бесплатных примеров HTML и CSS кнопок. Обновление коллекции апреля 2019 года. 54 новинки. "/> <h5 class=

Коллекция отобранных бесплатных примеров кода HTML и CSS . Обновление коллекции апреля 2019 года. 54 новинки.

  1. Эффекты наведения кнопок CSS
  2. CSS 3D кнопки
  3. Кнопки отправки CSS
  4. Градиентные кнопки CSS
  5. CSS Flat Buttons
  6. CSS кнопки закрытия
  7. CSS Download Buttons
  8. CSS кнопки Play / Pause
  9. Эффекты нажатия кнопки CSS
  10. Библиотеки кнопок CSS
  11. Кнопки начальной загрузки
  12. HTML-кнопки с JavaScript
  13. Кнопки jQuery

Демонстрационное изображение: кнопки Neumorphism "title =" Кнопки Neumorphism "/> </figure> <h4 class= О коде

Кнопки нейморфизма

Совместимые браузеры: Chrome, Edge, Firefox, Opera, Safari

Отзывчивый: нет

Зависимости: —

Demo image: Download Button" title="Download Button"/></figure> <div class=

Author

  • Andreas Storm

Made with

  • HTML / CSS (Sass) / JavaScript

About the code

Download Button

Download button micro interaction with SVG and little jQuery.

Demo image: Outrageously Useless Buttons, Maybe?" title="Outrageously Useless Buttons, Maybe?"/></figure> <div class=

Author

  • Collin Smith

About the code

Outrageously Useless Buttons, Maybe?

Button animations you probably shouldn't use.

Demo image: Pure CSS Flipping Button" title="Pure CSS Flipping Button"/></figure> <h4 class=About the code

Pure CSS Flipping Button

This is a flatt buttonwhich has a 3-dimensional flipping effect on hover.

Demo image: Bubbly Button" title="Bubbly Button"/></figure> <div class=

Author

  • Nour Soud

About the code

Bubbly Button

Made the bubbles using radial-gradient for background-image. I believe this property is so cool that you can draw many things without adding extra div's or pseudo elements (::before and ::after).

Demo image: Noise Buttons" title="Noise Buttons"/></figure> <div class=

Author

  • Andrey Vereshchak

Made with

  • HTML/Pug
  • CSS/Sass
  • JavaScript/Babel (pixi.js, tweenmax.js, polyfill.js)