Jump to content

Литература по оформлению текста


Melodyn
 Share

Recommended Posts

Приветствую, дамы и господа. Я тут было хотел в человека швырнуть ссылкой о том, как вписывать текст в картинки красиво, да что-то не нагуглил ничего особо по этой теме. Из-за того, что поисковики теперь адаптируются под запросы юзера, меня кидает на уроки по html и css, а надо мне что-то типа "отступы и поля при оформлении текста". Хотя и не безрезультатно, нашёл вот такую замечательную статью: http://artgorbunov.ru/bb/soviet/20140310/

В общем, мне стало интересно и самому почитать что-то по этой теме, т.к., на мой взгляд, многие делают отступы от текста на уровне интуиции и рефлексов. Когда уместно текст центрировать, а когда выравнивать по ширине? Как более удачно разделять абзацы и строки? Сколько должна быть рамка у текстовой иконки, с текстом размером 16 пикселей?

 button.png

Интересует русскоязычный материал, потому что май инглиш из вери бед, а, может быть, даже Хабростатьи или ваши собственные мысли в стиле: "у текста в 16 пикселей отступы по бокам должны быть в 32 пикселя - это и дураку понятно!".

Link to comment
Share on other sites

Мне кажется, тут нет общих правил, дизайнер сам устанавливает вид кнопок, который подходит больше по дизайну и стилю. Есть определённые гайды для конкретных ситуаций, к примеру, вот руководство по оформлению кнопок в материальном дизайне от Гугла.

https://material.google.com/components/buttons.html

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

Link to comment
Share on other sites

14 часа назад, Vlad сказал:

Руководство читал, спасибо :) Речь не только о кнопках, но и оформлении текстовых блоков в целом. Например, в статье, что я нашёл, автор описывает интерлиньяж, как основу для выбора отступов. Кроме того, я находил пару Хабростатей на эту тему, которые хороши текстом, на них тупо пропали картинки. То есть часть информации как бы теряется (https://habrahabr.ru/post/56625/ ; https://habrahabr.ru/sandbox/65406/). Пока тема актуальна!

Link to comment
Share on other sites

Вам тогда надо книги по дизайну прочитать. Рекомендую эту книгу, она по бумажному дизайну, но многие приёмы можно перенести и в веб.

http://www.books.ru/books/kak-sdelat-krasivo-na-bumage-544946/

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By MultiGramen
      Есть тестовый сайт: http://multigramen.ru/
      Между картинкой и меню создался какой-то белый отступ, и я не могу удалить его, чтобы элементы приклеились друг ко другу:

      Если вырезать следующий код:
      <a class="header_logo"> <img class="header_photo" src="img/header.png" width="100%"> </a> то меню приклеивается и всё в порядке, хотя в CSS, по сути, нет отступов, которые мешались бы:
       
      .header_logo { flex:0 0 40px; } .header_photo { display:none; }
      Сайт имеет мобильную версию. Код сейчас разбит на два медиа-запроса: max-width:767px и min-width : 768px

      Помогите понять, как убрать этот пробел, не затронув другие элементы. Уже несколько дней ковыряюсь с этой проблемой, даже в коде запутался..
    • By EugeneKiyash
      Около месяца изучаю HTML, СSS. Начал верстать первые лендинги, пока в фиксе. Посмотрите, оцените. Не откажусь от конструктивной критики.
      Спасибо!
      http://matrix1320.xyz/cuda/
      http://matrix1320.xyz/strict/
    • By maazelka
      Доброго времени суток! Я начинающий веб-дизайнер, хочу создать портфолио, поэтому предлагаю нарисовать дизайн небольшого интернет-магазина бесплатно (для тех, кто не торопится в сроках). Чаевым буду рада
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy