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