{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Переверстал, заметки с тегом: Материк", "home_page_url": "https:\/\/pereverstal.by\/tags\/materik\/", "feed_url": "https:\/\/pereverstal.by\/tags\/materik\/json\/", "icon": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg", "author": { "name": "Автор блога", "url": "https:\/\/pereverstal.by\/", "avatar": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg" }, "items": [ { "id": "115", "url": "https:\/\/pereverstal.by\/all\/cennik-v-materike\/", "title": "Ценник в Материке", "content_html": "

Вот такие не очень хорошие, на мой взгляд,
\nценники, сейчас используются в большом строительном магазине.<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Какие проблемы у этих макетов?<\/h2>\n
    \n
  1. Отсутствие четкой конструкции и сетки — все элементы стоят вкривь и вкось.<\/li>\n
  2. Где-то размер указан в заголовке, где-то мелкой строчкой в углу макета.<\/li>\n
  3. Полный бардак с типографикой — заголовки разных размеров, неправильные
    \nкавычки, лишние пробелы, набор капсом и т. д.<\/li>\n<\/ol>\n

    Какую полезную информацию имеем на начальном этапе?<\/h2>\n
      \n
    1. Существует два типа ценника — простой и акционный.<\/li>\n
    2. Количество информации непостоянно — где-то ее больше, где-то
      \nнамного меньше, где-то указан производитель, а где-то еще и импортер.<\/li>\n
    3. Общее у всех ценников — это наименование, три вида цен, размер, страна изготовления,
      \nи цвет.<\/li>\n<\/ol>\n

      Наберем текст и начнем, пожалуй.<\/h2>\n
      \n
      \n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n

      Кажется, нащупал верное направление<\/p>\n

      \n\"\"\n<\/div>\n

      Поменяю шрифт и цвет<\/p>\n

      \n\"\"\n<\/div>\n

      А может лучше так?<\/p>\n

      \n\"\"\n<\/div>\n

      Так, а что будем делать, если инфа добавится, а заголовок станет длиннее?<\/p>\n

      \n\"\"\n<\/div>\n

      Попробую выделить цвет продукции — все-таки очень важный параметр для ламината<\/p>\n

      \n\"\"\n<\/div>\n

      Перекомпоную<\/p>\n

      \n\"\"\n<\/div>\n

      Еще раз перекомпоную<\/p>\n

      \n\"\"\n<\/div>\n

      А может все-таки синенький?<\/p>\n

      \n\"\"\n<\/div>\n

      Или больше графики?<\/p>\n

      \n\"\"\n<\/div>\n

      Нет, все еще херня. Все таки, не факт, что цвет самый важный критерий
      \nпри покупке. Вообще все параметры важны. Сейчас они разделены
      \nи очень мелкие.<\/p>\n

      Пробую по-другому<\/h2>\n
      \n\"\"\n<\/div>\n

      Есть идея для каждого товара сделать иконку.<\/p>\n

      \n\"\"\n<\/div>\n

      Причешем, поправим<\/p>\n

      \n\"\"\n<\/div>\n

      Ок.<\/p>\n

      А что с акционным ценником?
      \nА вот что<\/p>\n

      \n\"\"\n<\/div>\n

      Да, надо же переделать самый первый макет<\/p>\n

      \n\"\"\n<\/div>\n

      Вжух и готово!<\/p>\n

      Конечно, дизайн нужно пробовать в бою.
      \nНеплохо было бы распечатать ценники и поместить их на прилавки,
      \nчтобы понять насколько данное решение удачно.
      \nКрасота макета — это хорошо, но еще важно, чтобы он корректно работал.<\/p>\n

      Что думаете, Материк?<\/p>\n", "date_published": "2020-06-18T15:38:31+03:00", "date_modified": "2020-06-18T15:38:21+03:00", "image": "https:\/\/pereverstal.by\/pictures\/--_112.jpg", "_date_published_rfc2822": "Thu, 18 Jun 2020 15:38:31 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "115", "_e2_data": { "is_favourite": false, "links_required": [ "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js" ], "og_images": [ "https:\/\/pereverstal.by\/pictures\/--_112.jpg", "https:\/\/pereverstal.by\/pictures\/--2.jpg", "https:\/\/pereverstal.by\/pictures\/--3.jpg", "https:\/\/pereverstal.by\/pictures\/IMG_20200405_162140.jpg", "https:\/\/pereverstal.by\/pictures\/IMG_20200229_150221.jpg", "https:\/\/pereverstal.by\/pictures\/IMG_20200405_162147.jpg", "https:\/\/pereverstal.by\/pictures\/--_1.jpg", "https:\/\/pereverstal.by\/pictures\/--.jpg", "https:\/\/pereverstal.by\/pictures\/---57.jpg", "https:\/\/pereverstal.by\/pictures\/---572.jpg", "https:\/\/pereverstal.by\/pictures\/---573.jpg", "https:\/\/pereverstal.by\/pictures\/--_12.jpg", "https:\/\/pereverstal.by\/pictures\/--_13.jpg", "https:\/\/pereverstal.by\/pictures\/--_14.jpg", "https:\/\/pereverstal.by\/pictures\/--_15.jpg", "https:\/\/pereverstal.by\/pictures\/--_16.jpg", "https:\/\/pereverstal.by\/pictures\/--_17.jpg", "https:\/\/pereverstal.by\/pictures\/--_18.jpg", "https:\/\/pereverstal.by\/pictures\/--_19.jpg", "https:\/\/pereverstal.by\/pictures\/--_110.jpg", "https:\/\/pereverstal.by\/pictures\/--_111.jpg", "https:\/\/pereverstal.by\/pictures\/--_113.jpg", "https:\/\/pereverstal.by\/pictures\/--_114.jpg", "https:\/\/pereverstal.by\/pictures\/--_116.jpg", "https:\/\/pereverstal.by\/pictures\/--_115.jpg" ] } } ], "_e2_version": 3254, "_e2_ua_string": "E2 (v3254; Aegea)" }