17 захватывающих примеров скрытых меню в веб-дизайне

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

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

17 примеров вдохновляющих дизайнов упаковки

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

До недавнего времени дизайн упаковки в основном рассматривался как не более чем средство для улучшения продаж, но сегодня, его роль вышла за рамки этого. Бренды стали общаться со своими клиентами разными способами, зачастую полностью пронизывая их жизнь, и дизайн упаковки теперь больше, чем просто фактор, который влияет на решения пользователей о покупке и побуждает их…

17 потрясающих примеров сайтов с горизонтальным скроллингом

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

Интуитивно понятная навигация — один из ключевых элементов веб-дизайна. То, как мы переходим от одного раздела сайта к другому, и как мы просматриваем контент, может сильно повлиять на наш пользовательский опыт.  В большинстве случаев владельцы веб-сайтов хотят перестраховаться, поэтому они используют проверенную вертикальную навигацию, к которой мы все привыкли. Однако горизонтальный скроллинг может выглядеть намного…

8+ примеров вертикального разделителя Bootstrap — csshint

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

Последняя коллекция бесплатных Bootstrap Vertical Divider Примеры фрагментов кода.

1. Вертикальный разделитель с CSS

Вертикальный разделитель с CSS "width =" 747 "height =" 384 "class =" size-full wp-image-4251 "/> <p id= Вертикальный разделитель с CSS

демонстрация и код

2. Вертикальный пример

Пример вертикального HR "width =" 747 "height =" 384 "class =" size-full wp-image-4253 "/> <p id= Пример вертикального HR

демонстрация и код

3. Вертикальный зигзаг, линия / разделитель, только CSS

Вертикальная зигзагообразная линия "width =" 746 "height =" 416 "class =" size-full wp-image-4255 "/> <p id= Вертикальная зигзагообразная линия

демонстрация и код

4. Диагональный разделенный экран

Разделенный экран по диагонали "width =" 757 "height =" 473 "class =" size-full wp-image-4256 "/> <p id= Разделенный экран по диагонали

демонстрация и код

5. Вертикальная линия с CSS

Вертикальная линия с CSS "width =" 757 "height =" 473 "class =" size-full wp-image-4258 "/> <p id= Вертикальная линия с CSS

демонстрация и код

6. Вертикальный разделитель между столбцами в Bootstrap 4

Вертикальный разделитель между столбцами "width =" 765 "height =" 247 "class =" size-full wp-image-4262 "/> <p id= Вертикальный разделитель между столбцами

демонстрация и код

7. Вертикальный разделитель с текстом для столбцов начальной загрузки

Вертикальный разделитель с текстом "width =" 757 "height =" 473 "class =" size-full wp-image-4260 "/> <p id= Вертикальный разделитель с текстом

демонстрация и код

8. Вертикальный разделитель с текстом

демонстрация и код

9. вертикальный разделитель

демонстрация и код

13 уникальных примеров дизайна нижних колонтитулов веб-сайтов

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

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

11 креативных примеров страниц 404

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

Несмотря на то, что привлечение постоянных клиентов на сайт — это настоящая борьба, появился совершенно новый способ увеличить продажи и получить лояльную клиентскую базу. Хотите узнать как? Это ваша страница «ошибка 404»! Разве это не шокирует, что страница ошибки может превратиться в настоящее шоу? Ниже мы привели примеры нескольких хорошо продуманных страниц «ошибка 404», которые…

18 красивых примеров цветочных иллюстраций в веб-дизайне

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

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

Фотореализм: 27 поразительных примеров | Creative Bloq

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

Фотореализм — это произведение искусства, настолько реалистичное, что границы между реальностью и воображением размываются: результаты заставят зрителя сделать двойную попытку, что заставит их поверить, что художник создал фотографию, используя raw материалы. Мы нашли самые лучшие и ошеломляющие примеры фотореализма, чтобы вдохновить вас. Эти картины были созданы с помощью ручки, карандаша или кисти и содержат поразительное…

16 примеров отличной типографики в веб-дизайне

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

Большие шрифты — один из самых популярных направлений в веб-дизайне. Чем больше букв, тем лучше. Шрифты экстремальных размеров являются драматичными, экстравагантными, привлекающими внимание, и они, несомненно, несут в себе вау-эффект, который может привлечь большинство посетителей. Они Четко и громко передают ваши сообщения, независимо от того, используете ли вы их самостоятельно или в сочетании с живописной графикой. Когда дело…