Мазмун
Бул макала биринчи жолу .net журналынын 229-санында пайда болду - бул веб-дизайнерлер жана иштеп чыгуучулар үчүн дүйнөдөгү эң көп сатылган журнал.
HTML / CSS тилиндеги баракчаны жайгаштыруу маселесине көңүл бура турган эң маанилүү нерселердин бири - бул вертикалдык ритм - баракты сканерлеп жатканда типтеги блоктор же сызыктар пайда болгон визуалдык үлгү.
Бул ритмге башка нерселер таасир этиши мүмкүн, мисалы, аталыштар, тизмектелген нерселер, сүрөттөр ж.б. Жакшы тик ритмге ээ болуу биринчи орунда турат, анткени бул сиздин баракчаңыздын (барактарыңыздын) окулушун жана сканерлөөсүн камсыз кылат.
Интернетте бир нече мыкты окуу куралдары бар (мисалы, бул жерде жана бул жерде), анда сиз кандайча бийиктикте ems колдонуп, кандайча "этапта" турганыңызды билип, туура тик ритмге техникалык жактан кантип жетише аласыз. билдирет.
Иерархия
Негизги нерселер элементтердин ортосундагы сызыктын бийиктиги жана беттеги жалпы визуалдык иерархия. Бийиктиктин туура пропорцияларын орнотуу дизайнердик көнүгүү болушу мүмкүн, бирок аны өздөштүрүү маанилүү. Иерархия дагы маанилүү, анда сүрөттөр жана текст элементтери бири-бирине көзкарашта шайкеш келиши керек - эң негизгиси чоңураак жана бетте биринчи орунду ээлейт.
Басма дизайнерлери көп жылдар бою вертикалдык ритм идеясын чечип келишкен жана жакынкы мезгилде гана веб-дизайнерлер бул нерсеге чындап кириши керек болчу. Тордун макетин колдонуп, веб-сайттарды түзүп, бир нече экрандын кеңдиктерин жайгаруу үчүн жооптуу иш-аракеттерге көңүл буруунун күндөн-күнгө күчөп бараткандыгы менен, визуалдык долбоорлоо көз карашынан алганда, техникалык жактан эмес, азыркыга караганда мурдагыдан да маанилүү.
Текшерүү үчүн беш мисал
1. Типографиялык стилдин элементтери Роберт Брингхерсттин бул китеби типографияны изилдөө үчүн стандарт болуп саналат. Окуп, керектеп, каалаганыңызча мээңизге куюңуз.
2. Фрэнк Чимеро Жалпысынан укмуштуудай укмуштуу нерседен тышкары, дизайнер Фрэнк Чимеронун жеке веб-сайтынын кайрадан жасалгаланышы мыкты вертикалдык ритмди чагылдырат. Ал параллакс эффектин колдонуп, баракты ылдый жылдырып жатканда ритмди үйгө жеткирүүгө жардам берет.
3. Дан Седерхольм Эң сонун типографиялык вертикалдык ритмдин жакшы мисалы үчүн Дэн Седерхольмдун блогун карап көрүңүз. Көчүрмөнүн жана аталыштардын сап бийиктиги кемчиликсиз пропорцияда.
4. Фокус лабораториясы Focus Lab веб-дизайн жана брендинг фирмасы иерархияны билгичтик менен колдонуп, келген адам үчүн эң маанилүү нерсени жеткирүүгө жардам берет.
5. Typofonderie Typography студиясынын Typofonderie веб-сайты сүрөттөр жана тексттер менен мыкты тик ритмге ээ. Элементтердин аралыгы веб-сайттын пропорциясында жана негизги сүрөт менен кошумча сүрөттөрдүн / бөлүмдөрдүн иерархиясы кемчиликсиз.
Эксперименталдык дизайндын 10 укмуштуу үлгүлөрүн Creative Bloqдон табыңыз.
