Зачем вашему сайту нужен реальный элемент

Автор: Louise Ward
Дата создания: 8 Февраль 2021
Дата обновления: 21 Июнь 2024
Anonim
Тестировщик с нуля / Урок 14. Что такое DevTools для тестировщика? Инструменты разработчика Chrome
Видео: Тестировщик с нуля / Урок 14. Что такое DevTools для тестировщика? Инструменты разработчика Chrome

Содержание

Часто, когда мы начинаем работу над новым дизайном веб-сайта, мы сами сосредотачиваемся на создании всех визуальных ресурсов внутри нашего дизайнерского приложения.

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

Соединить интервал

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


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

Сделайте их связанными

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

Вот пять примеров, которые стоит проверить ...

01. MailChimp

Приложение для электронного маркетинга MailChimp использует элементы рабочего стола, чтобы помочь клиентам установить связь с приложением на человеческом уровне и связать себя с брендом.


02. Squarespace

Платформа для ведения блогов Squarespace визуально использует метафору рабочего стола, чтобы поместить клиента в свою среду с помощью приложения.

03. Я выстрелил в него

Дизайнерская фирма I Shot Him () использует фотографию своего логотипа в рамке для изображения в качестве главного героя, а также вплетает изображения своей команды, делающей что-то на веб-сайте, чтобы помочь вам лично связаться с ними.

04. Дом

На веб-сайте модной электронной коммерции House используются фотографии людей, которые похожи на целевых клиентов, использующих товары, чтобы сформировать ассоциацию с товарами. Это не новость, но это отличный пример того, что это главный элемент дизайна в изображении героя.


05. Детская площадка

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

Слова: Джин Кроуфорд

Проекты Джина Кроуфорда включают www.unmatchedstyle.com и конференции, такие как www.convergese.com. Эта статья впервые появилась в выпуске 246 сетевого журнала.

Выбор редакции
Как построить свет и тень углем
Читать дальше

Как построить свет и тень углем

Свет и тень могут вывести нашу жизнь на новый уровень артистизма и повествования. рисунки углем. Моя профессиональная работа в качестве художника-аниматора требует глубокого понимания света и тени. Де...
Рисуем реалистичные волны в фотошопе
Читать дальше

Рисуем реалистичные волны в фотошопе

При рисовании сцен с океаном в Photo hop CC, как и в большинстве моих проектов рисования, я начинаю со сбора некоторых референсов морских фотографий, чтобы убедиться, что я хорошо разбираюсь в предмет...
10 блестящих функций нового InDesign
Читать дальше

10 блестящих функций нового InDesign

InDe ign CC - это мощный инструмент для печати и дизайна приложений, незаменимый для любого графического дизайнера. Он блестяще интегрируется с другими инструментами и сервисами Creative Cloud, и тот ...