Задаволены
Гэты артыкул упершыню з'явіўся ў нумары 229 часопіса .net - самага прадаванага ў свеце часопіса для вэб-дызайнераў і распрацоўшчыкаў.
Адна з самых важных рэчаў, на якую вы можаце засяродзіцца, калі справа даходзіць да выкладвання старонкі ў HTML / CSS, - гэта вертыкальны рытм - візуальны ўзор, у які ўтвараюцца блокі тыпу ці радкі тыпу пры сканаванні старонкі.
На гэты рытм могуць паўплываць іншыя рэчы, такія як загалоўкі, элементы спіса, выявы і гэтак далей. Наяўнасць добрага вертыкальнага рытму мае першараднае значэнне, таму што дапамагае чытання і сканаванасці вашых старонак.
У Інтэрнэце існуе мноства выдатных падручнікаў (гл. Тут і тут, напрыклад), дзе вы можаце даведацца пра тое, як тэхнічна дасягнуць правільнага вертыкальнага рытму, выкарыстоўваючы ems для вышыні лініі і даведваючыся пра тое, што падтрымліваць ваш тып "у фазе" сродкі.
Іерархія
Асноўныя рэчы, на якія трэба звярнуць пільную ўвагу, - гэта вышыня лініі паміж элементамі і агульная візуальная іерархія на старонцы. Устанаўленне правільных прапорцый вышыні лініі можа быць звязана з дызайнерскім практыкаваннем, але важна асвоіць. Таксама важная іерархія, таму што выявы і элементы тэксту павінны візуальна гарманаваць адзін з адным - найбольш важныя рэчы, як правіла, большыя і стаяць на першым месцы на старонцы.
Дызайнеры друку шмат гадоў займаліся ідэяй вертыкальнага рытму, і толькі ў нядаўнім мінулым вэб-дызайнерам давялося сапраўды ўвайсці ў гэты матэрыял. Ва ўмовах пастаянна ўзрастаючай неабходнасці ствараць вэб-сайты з выкарыстаннем макетаў сеткі і звяртаць увагу на рэагаванні, якія рэагуюць на некалькі шырынь экранаў, з візуальнага дызайну гэта больш важна, чым калі-небудзь раней, магчыма, больш, чым проста тэхнічнае.
Пяць прыкладаў для праверкі
1. Элементы друкарскага стылю Гэтая кніга Роберта Брынгхерста з'яўляецца стандартам для вывучэння тыпаграфікі. Прачытайце, спажыце, выліце ў мозг любым спосабам.
2. Фрэнк Хімера Акрамя таго, што ён зусім дзіўны ў цэлым, нядаўні рэдызайн персанальнага сайта дызайнера Фрэнка Хімера дэманструе цудоўны вертыкальны рытм. Ён выкарыстоўвае эфект паралакса, каб дапамагчы прывесці рытм дадому, калі вы таксама пракручваеце старонку ўніз.
3. Дэн Седэрхольм Для добрага прыкладу выдатнага тыпаграфскага вертыкальнага рытму зазірніце ў блог Дэна Седэрхольма. Вышыня радка копіі і загалоўкаў у ідэальнай прапорцыі.
4. Фокусная лабараторыя Фірма вэб-дызайну і брэндынгу Focus Lab спрытна выкарыстоўвае іерархію, каб дапамагчы перадаць тое, што найбольш важна для наведвальніка.
5. Typofonderie Вэб-сайт студыі тыпаграфікі Typofonderie мае выдатны вертыкальны рытм з выявамі і тэкстам. Інтэрвал паміж элементамі прапарцыйны на ўсім сайце, і іерархія паміж асноўным малюнкам і другаснымі выявамі / раздзеламі ідэальная.
Адкрыйце для сябе 10 дзівосных прыкладаў эксперыментальнага дызайну ў Creative Bloq.
