https://pereverstal.by/tags/cennik/ E2 (v3254; Aegea) 115 https://pereverstal.by/all/cennik-v-materike/ https://pereverstal.by/all/cennik-v-materike/ <p>Вот такие не очень хорошие, на мой взгляд,<br /> ценники, сейчас используются в большом строительном магазине.</p> <div class="e2-text-picture"> <div class="fotorama" data-width="2080" data-ratio="1.3333333333333"> <img src="https://pereverstal.by/pictures/IMG_20200405_162140.jpg" width="2080" height="1560" alt="" /> <img src="https://pereverstal.by/pictures/IMG_20200229_150221.jpg" width="2080" height="1561" alt="" /> <img src="https://pereverstal.by/pictures/IMG_20200405_162147.jpg" width="2080" height="1560" alt="" /> </div> </div> <h2>Какие проблемы у этих макетов?</h2> <ol start="1"> <li>Отсутствие четкой конструкции и сетки — все элементы стоят вкривь и вкось.</li> <li>Где-то размер указан в заголовке, где-то мелкой строчкой в углу макета.</li> <li>Полный бардак с типографикой — заголовки разных размеров, неправильные<br /> кавычки, лишние пробелы, набор капсом и т. д.</li> </ol> <h2>Какую полезную информацию имеем на начальном этапе?</h2> <ol start="1"> <li>Существует два типа ценника — простой и акционный.</li> <li>Количество информации непостоянно — где-то ее больше, где-то<br /> намного меньше, где-то указан производитель, а где-то еще и импортер.</li> <li>Общее у всех ценников — это наименование, три вида цен, размер, страна изготовления,<br /> и цвет.</li> </ol> <h2>Наберем текст и начнем, пожалуй.</h2> <div class="e2-text-picture"> <div class="fotorama" data-width="2339" data-ratio="1.4141475211608"> <img src="https://pereverstal.by/pictures/--_1.jpg" width="2339" height="1654" alt="" /> <img src="https://pereverstal.by/pictures/--.jpg" width="2339" height="1654" alt="" /> <img src="https://pereverstal.by/pictures/---57.jpg" width="2339" height="1654" alt="" /> </div> </div> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/---572.jpg" width="2339" height="1654" alt="" /> </div> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/---573.jpg" width="2339" height="1654" alt="" /> </div> <p>Кажется, нащупал верное направление</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_12.jpg" width="2339" height="1654" alt="" /> </div> <p>Поменяю шрифт и цвет</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_13.jpg" width="2339" height="1654" alt="" /> </div> <p>А может лучше так?</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_14.jpg" width="2339" height="1654" alt="" /> </div> <p>Так, а что будем делать, если инфа добавится, а заголовок станет длиннее?</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_15.jpg" width="2339" height="1654" alt="" /> </div> <p>Попробую выделить цвет продукции — все-таки очень важный параметр для ламината</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_16.jpg" width="2339" height="1654" alt="" /> </div> <p>Перекомпоную</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_17.jpg" width="2339" height="1654" alt="" /> </div> <p>Еще раз перекомпоную</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_18.jpg" width="2339" height="1654" alt="" /> </div> <p>А может все-таки синенький?</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_19.jpg" width="2339" height="1654" alt="" /> </div> <p>Или больше графики?</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_110.jpg" width="2339" height="1654" alt="" /> </div> <p>Нет, все еще херня. Все таки, не факт, что цвет самый важный критерий<br /> при покупке. Вообще все параметры важны. Сейчас они разделены<br /> и очень мелкие.</p> <h2>Пробую по-другому</h2> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_111.jpg" width="2339" height="1654" alt="" /> </div> <p>Есть идея для каждого товара сделать иконку.</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_113.jpg" width="2339" height="1654" alt="" /> </div> <p>Причешем, поправим</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_114.jpg" width="2339" height="1654" alt="" /> </div> <p>Ок.</p> <p>А что с акционным ценником?<br /> А вот что</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_116.jpg" width="2339" height="1654" alt="" /> </div> <p>Да, надо же переделать самый первый макет</p> <div class="e2-text-picture"> <img src="https://pereverstal.by/pictures/--_115.jpg" width="2339" height="1654" alt="" /> </div> <p>Вжух и готово!</p> <p>Конечно, дизайн нужно пробовать в бою.<br /> Неплохо было бы распечатать ценники и поместить их на прилавки,<br /> чтобы понять насколько данное решение удачно.<br /> Красота макета — это хорошо, но еще важно, чтобы он корректно работал.</p> <p>Что думаете, Материк?</p> Thu, 18 Jun 2020 15:38:31 +0300