2.4 KiB
| title | localeTitle |
|---|---|
| Typographic Hierarchy | تسلسل هرمي |
تسلسل هرمي
` A webpage itself has a hierarchy that not only is read, but contains interaction. The page as a whole must be designed in a way that clearly communicates to the user what actions are available and how to easily access the information they seek, how to purchase an item, etc.
For the purpose of this article, however, we're talking strictly about hierarchy as it applies to type. Luckily for us, we have our own handy HTML tag that lets us semantically establish typographic hierarchy into the websites we build. Heading tags (H tags) allow us to specify an order of importance into our content: H1 through H6, H1 being most important, H6 being least. Search engines use this data to interpret priority of content on a webpage.The H tag can be styled by using the following attributes. `
-بحجم هذه هي الطريقة الأسهل والأكثر شيوعًا لإنشاء التسلسل الهرمي.
-وزن يمكن ببساطة استخدام وزن أكثر جرأة من الخط يساعد على عزل.
-اللون يلعب اللون دورًا كبيرًا في ما تراه عينانا أساسية وثانوية. بشكل عام؛ الألوان الدافئة البوب ، وتراجع الألوان برودة.
-موضع حيث يتم وضع أقسام المعلومات في علاقة مع بعضها البعض يمكن إنشاء التسلسل الهرمي.
نوع التباين هناك طريقة رائعة لتحقيق التسلسل الهرمي وهي استخدام الخطوط المتناقضة.
تباعد المسائل! واحدة من أهم المفاهيم في نوع التصميم هو التباعد. إنها واحدة من أصعب المفاهيم التي يجب إمساكها للمبتدئين ، ولكنها أيضًا واحدة من أكثر المفاهيم وضوحًا. التباعد المطبوع المناسب أمر حاسم في إنشاء التسلسل الهرمي ؛ يمكن أن تحدث فرقا بين الارتباك والوضوح. يتم استخدامه في معظم الأنظمة الهرمية ، وهو موجود في كافة الأمثلة في هذه المقالة.
معلومات اكثر:
يمكنك الرجوع إلى https: //webdesign.tutsplus.com/articles/understanding-typographic-hierarchy--webdesign-11636