Вы читаете перевод статьи “Wireframes by Top UX Designers”. Над переводом работали: Ольга Скулкина и Ринат Шайхутдинов.
Создание структурных схем страниц/экранов (wireframes) — очень важный этап при проектировании. Одна из причин заключается в том, что wireframe’ы помогают сфокусироваться на функциональности, поведении и приоритетах в элементах интерфейса. А эти моменты сильнее всего влияют на дизайн продукта.
Еще одна фишка в том, что структурные схемы помогают клиентам, еще на ранних этапах, понять как будет выглядеть и работать будущее приложение. Если использовать wireframe’ы в работе, то вы значительно реже будете слышать от заказчиков: “А что эта кнопка тут делает?”. Вообщем структурные схемы сильно экономят время и устраняют лишнюю возню.
Ниже вы найдете лучшие образцы от ведущих UX-дизайнеров, и надеюсь, они вдохновят вас, а может даже вы что-то подчеркнете для себя и будете использовать в работе.
![](https://ux-journal.ru/wp-content/uploads/2017/08/1G4-gMOTTmwLdwo2Q-1M5VA.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1qxIufWjYki-ZMO2g9RN0xg.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/15oMQVYyGIwdpNv1FffbG_Q.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1dCX9EZFimlUjdNsNbNkvVg.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1hDejvwlwsVUbFRtoq_L10A.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1bbVHr97LYK7Cd0LHqkt1UA.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1GLf77V2Rd3fKZ1-VzEDeig.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1_YbM4otu-cla2L-upG92Aw.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1rUrnc0AW0BEpSQsnqfINCg.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1jPJLVxyrib8rc4kBrkF30g.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1eZXWJ5wnLRHc5iLzcxrToQ.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1dE56DJx3n6jCD6zU2asVrw.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/12XI2tPS6hBXnl6HV2X-hmg.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1UK85iBRToovzFtEynYghfQ.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/14tmR-HKau90UPGEMNB_jRw.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/17_jvfgFxIP_RMSIkVyPa_w.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1Ln210Gy_s3tr_AODenE4uQ.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1IEeXPkCKe50USv50af23MA.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1KUatGkj9S1ytUmXYcceHVg.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1mfRXMh5qeGpDqjJa-ox5bQ.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1hY4FXlG8hnE7pOibSzjoyw.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1HH7XE5QPVjyPfEUK-Awhag.png)
![](https://ux-journal.ru/wp-content/uploads/2018/01/1w8mXF7MZ8Y9sei-EQFRgrA.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/17ZyR8O73KbDgQLNNBpIwBA.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1szsDwwuv_sHgdvdWu0NlFw.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/13KhasHZhh7aU4cdkvgVNIA.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1QTAqByVezEZbqkLVR1hGYg.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1-CO-7t0jS9WdB5ZPunxh-w.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1ieb7NEsek1ZRSuoZMBxUCw.png)
![](https://ux-journal.ru/wp-content/uploads/2017/08/1E31hfQeslIowzHS1RCawwA.png)