Научете се да позиционирате правилно изображението спрямо текста
Едно изображение може да каже на потребителя повече от 1000 думи. Изображение, което е правилно разположено в текста, става по-добро за възприемане. Изображението е много важен фактор при възприемането на съдържанието на съдържанието. Един от основните принципи на дизайна е разстоянието между елементите. Това се взема предвид и при изображенията. Твърде малкото разстояние между изображението и текста може да попречи на възприемането му. В тази статия ще предоставя няколко стандарта, разположението на изображенията спрямо текста. Мисля, че за блогърите също ще бъде интересно да четат.
Текстът трябва да обвива малки изображения Изображенията, които са по-малко от половината от ширината на текста, „трябва да обвиват“. Първият пример показва как текстът се увива около изображението, плюс има разстояние между тях. Но вторият пример показва как да не го правите, разстоянието между текста и изображението е нула, по този начин текстът пречи на възприемането на изображението, а при четене на текста изображението пречи.
Разстояние между текста и изображенията Изображенията трябва да имат вертикална и хоризонтална подложка, но хоризонталната подложка трябва да е поне 40 пиксела, а вертикалната подложка трябва да е поне 20 пиксела. Подпълването зависи както от размера на шрифта на съдържанието, така и от ширината между редовете. В зависимост от височината на реда на текста, разстоянието на отстъпа също нараства. Уау, харесвам 🙂
Как да позиционирате широки изображения Ако ширината на изображението е повече от половината от текстовата част, тогава изображението се поставя в центъра. Ако видите, че текстът не се увива добре около изображението, тогава е по-добре да поставите изображението в центъра (вижте примера по-долу).
Множество изображения (илюстриран метод) Акопоставим изображението едно до друго (едно до друго) или едно срещу друго, получаваме малки текстови блокове, които стават нечетливи.
Когато изображенията са едно до друго, тогава получавате голям блок с текст срещу изображенията, не е необходимо да правите това. (Изображенията пречат едно на друго) Една статия често има повече от едно изображение. Тогава ще трябва да обърнете внимание не само на разстоянието между текста и изображенията, но и на разстоянието между самите изображения.
Надпис на илюстрация Ако една илюстрация получи надпис, това е добре за читателите и за търсачките. Когато надписвате илюстрация, винаги трябва да обръщате внимание на факта, че текстът не е по-широк от илюстрацията. Тъй като изображенията могат да бъдат тънки, ние правим надписа за илюстрацията с малък размер на шрифта.
Нека направим изводи: Всяко изображение се нуждае от собствено пространство, така че читателите да го възприемат по-добре и така че изображението да не се слива с текста (четивността на текста се губи). Следвайки всички стандарти, ние ще направим нашата статия по-използваема 🙂 Статията е написана с участието на немския ресурс webstandard.