Валиуллин Артур — практикующий теоретик (valiullin) wrote,
Валиуллин Артур — практикующий теоретик
valiullin

Связывание объектов стрелочками

Сегодня расскажу об одном секретном приёме, которым часто пользуюсь, если не сказать больше — это мой любимый приём. Ничего не могу с собой поделать, использую их в почти любом своём проекте. Речь о стрелочках.

Все знают, что основная функция стрелочки — показывать направление. Ещё стрелочка нужна, чтобы акцентировать внимание или указывать на какой-то объект. Так Гугл привлекал внимание к Гуг+:




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

Приём очень простой и железобетонный: стрелочки понятны всем, им не нужны подписи и всё, что нужно — логически связать объекты. Да, взять, связать и всё. При этом информационная плотность приёма стремится к 100% за счёт простоты, понятности и гибкости. Мои работы со стрелочками ещё не ушли в продакшн, поэтому покажу как практикуют приём другие дизайнеры.

1. Мой коллега Костя 4 раза применил приём в нулевой выдаче http://www.ozon.ru/?context=search&text=%f2%fb%ed%f6-%f2%fb%ed%f6



2. Бюрошники связали стрелочкой пополнение со счетами на http://admiral-markets.artgorbunov.ru/



3. Снова Бюрошники — связка поисковой строки и примера запроса http://artgorbunov.ru/projects/kadry/



4. Стрелочка на упаковке глазных капель «Офтолик»



5. При прокрутке на https://www.wunderlist.com/en/business последовательное связывание блоков слева или справа.

6. Стрелочка в карточке товара в интернет-магазине Эльдорадо, связывает блок с ценой и бонусом http://www.eldorado.ru/cat/detail/71088762/?location=Moscow&categeory=1120177



7. Связка текста и кнопки http://shopotam.ru/



8. Самый известный логотип со стрелкой


Думаю объяснять не нужно.


Хотя нет, есть 2 стрелочки на моём сайте ;-) http://artwalek.ru/
Буду рад вашим примерам.
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 2 comments