Բովանդակություն
Այս հոդվածը առաջին անգամ հայտնվեց .net ամսագրի 229 համարում ՝ աշխարհի ամենաշատ վաճառվող ամսագիր վեբ դիզայներների և մշակողների համար:
HTML / CSS- ով էջ դնելու ժամանակ ամենակարևոր բաներից մեկը, որի վրա կարող եք կենտրոնանալ, ուղղահայաց ռիթմն է. Տեսողական ձևը, որի մեջ ձևավորվում են տիպի բլոկները կամ տողերի տողերը, էջը սկան անելիս:
Այլ բաներ կարող են ազդել այս ռիթմի վրա, ինչպիսիք են վերնագրերը, ցուցակի իրերը, պատկերները և այլն: Լավ ուղղահայաց ռիթմ ունենալը գերակա է, քանի որ այն օգնում է ձեր էջի (էջերի) ընթերցանությանը և սկանավորմանը:
Համացանցում կան մի քանի հոյակապ ձեռնարկներ (տե՛ս այստեղ և այստեղ, օրինակ), որտեղ դուք կարող եք գտնել այն մասին, թե ինչպես տեխնիկապես հասնել պատշաճ ուղղահայաց ռիթմի ՝ օգտագործելով EMS ձեր գծի բարձրության համար և իմանալով, թե ինչն է պահում ձեր տեսակը «փուլում»: նշանակում է
Հիերարխիա
Մեծ ուշադրություն դարձնելու հիմնական բաները գծի բարձրությունն են տարրերի միջև և էջի ընդհանուր տեսողական հիերարխիան: Գծի բարձրության ճիշտ համամասնությունների տեղադրումը կարող է լինել ներգրավված դիզայնի վարժություն, բայց կարևոր է տիրապետելը: Հիերարխիան կարևոր է նաև այն առումով, որ պատկերները և տեքստի տարրերը պետք է տեսողականորեն ներդաշնակ լինեն միմյանց հետ. Ամենակարևորն ընդհանուր առմամբ ավելի մեծ է և առաջին տեղում է էջում:
Տպագիր դիզայներները երկար տարիներ զբաղվել են ուղղահայաց ռիթմի գաղափարի հետ, և միայն մոտիկ անցյալում է, որ վեբ դիզայներները ստիպված են եղել իսկապես մտնել այս իրերի մեջ: Websitesանցային դասավորությունների միջոցով կայքեր ստեղծելու անընդհատ աճող անհրաժեշտության և էկրանի լայնությունների լայնությունը տեղավորելու համար պատասխանատու ներդրումներին ուշադրություն դարձնելու անհրաժեշտության դեպքում դա այժմ ավելի կարևոր է, քան երբևէ, տեսողական ձևավորման տեսանկյունից, հավանաբար ավելին, քան պարզապես տեխնիկական:
Հինգ օրինակ ՝ ստուգելու համար
1. Տպագրական ոճի տարրերը Ռոբերտ Բրինգհորստի այս գիրքը տպագրական ուսումնասիրության չափանիշն է: Կարդացեք, սպառեք, լցրեք ձեր ուղեղի մեջ, ինչպես կարող եք:
2. Ֆրենկ Չիմերո Ընդհանրապես բացարձակ զարմանալի լինելուց բացի, վերջերս դիզայներ Ֆրենկ Չիմերոյի անձնական կայքի վերափոխումը հիանալի ուղղահայաց ռիթմ է ցուցադրում: Նա օգտագործում է զուգահեռ էֆեկտ ՝ օգնելու ռիթմը տանել դեպի տուն, երբ դուք նույնպես գլորում եք էջը ներքև:
3. Դեն Սեդերհոլմ Հիանալի տպագրական ուղղահայաց ռիթմի լավ օրինակի համար նայեք Դեն Սեդերհոլմի բլոգին: Պատճենի և վերնագրերի տողի բարձրությունը կատարյալ համամասնությամբ է:
4. Ֆոկուս լաբորատորիա Focus Lab վեբ ձևավորման և բրենդային ընկերությունը ճարտարորեն օգտագործում է հիերարխիան `օգնելու հաղորդակցվել այցելուի համար ամենակարևորին:
5. Տիպոֆոնդերիա Typography Studio Typofonderie- ի կայքը հիանալի ուղղահայաց ռիթմ ունի `իր պատկերներով և տեքստով: Էլեմենտների միջև տարածությունը համաչափ է ամբողջ կայքում և հիմնական պատկերի և երկրորդական պատկերների / բաժինների հիերարխիան կատարյալ է:
Բացահայտեք փորձնական դիզայնի 10 զարմանալի օրինակներ Creative Bloq- ում: