החלת יחס הזהב בעיצובים מודרניים

דף האינטרנט האידיאלי הוא גם פונקציונלי והרמוני, אבל אפילו מתכנני אינטרנט מנוסה ביותר יכול להיות בעיה לספר לך מה נותן עיצוב טבעי הזרימה. למרות צבע ותמונות ניווט שם בחוץ, לפעמים ההיבט החשוב ביותר של האסתטיקה של דף אינטרנט מושלם נראה ineffable. אנחנו לא יודעים למה זה עובד אבל לפעמים זה פשוט. זה יכול להיות רק בגלל רעיון פשוט.

על ידי עיצוב האתר שלך עם הזמנה טבעית ממש, הצופים עשויים למצוא את העיצוב שלך מעניין יותר ו pleately נעים. מושג זה נקרא יחס הזהב, המושג מתמטית הטבע מציית ושאנו בני האדם מודעים באופן תת הכרתי כביטוי של שלמות.

הזהב מה?

במילים פשוטות, יחס הזהב (הידוע גם בשם פרופורציה אלוהית או ה זהוב הזהב), הוא קבוע מתמטי שמופיע שוב ושוב בטבע ובאמנות.

מבוטא כמשוואה, מתי א גדול מ .ב, (a + b) מחולק ב א שווה ל א מחולק ב .ב (רק להסתכל על התמונה למטה), אשר שווה בערך 1.618033987. מספר זה, המיוצג לעתים קרובות על ידי הדמות היוונית "פי", הוא יחס הזהב.

(מקור תמונה: mathsisfun.com)

אותה תיאוריה יכולה לשמש לבניית מלבן, הנקרא מלבן זהוב. תמונה שלאחר יחס הזהב ניתן להציב בתוך מלבן כי לציית היחס.

(מקור תמונה: Creativeautomaton.com)

כדי לבנות מלבן מוזהב, בחר מספר שיהיה אורך הצד הקצר של המלבן. למען הטענה, נניח 500 פיקסלים. להכפיל את זה על ידי 1.618. התוצאה, 809 פיקסלים, היא אורך הצד הארוך של המלבן. לכן, מלבן זה 500 פיקסלים על ידי 809 פיקסלים הוא מלבן הזהב. היא מצייתת יחס הזהב.

יופי טבעי

למען האמת, מדענים אינם בטוחים מהו היחס שבני האדם אוהבים כל כך. מה שהם בטוחים לגבי זה כמה אנחנו אוהבים את זה. מחקרים מראים כי אפילו שינויים זעירים בדימוי המקדם את יחס הזהב הם בעלי השפעה גדולה על מוחם של אלה המחפשים.

גם הפנים האנושיות עוקבות אחר היחס, ואנו מוצאים אנשים שפניהם נראות ליחס יותר אטרקטיבי. צדפים, יצירות מופת קלאסיות רנסנס, אדריכלות מימי קדם, ואפילו חלקי גוף האדם פרופורציה על בסיס היחס עד האצבעות עצמם.

(מקור תמונה: in2visualdesign)

משהו עמוק בליבה של המוח שלנו רושם את יחס הזהב יפה, עובדה אמנים ואדריכלים ניצלו במשך אלפי שנים, ביודעין או לא. זוהי שפה ראשונית בדימויים. התוצאה היא אורגנית, אינטואיטיבית, ורק מרגיש נכון.

הרכב האלוהי

אז איך אתה משתמש זה מספר הקסם בהרכב של דף האינטרנט שלך? המתמטיקה עשויה להיראות כמו קופסה מחניקה כי היצירתיות שלך ייאבק, אבל יחס הזהב הוא פשוט קו מנחה שימושי. לאחר הנחיה בסיסית לבנות יכול בסופו של דבר נותן לך חדר יצירתי יותר על ידי לקיחת חלק ניחושים מתוך הפרופורציות ומיקום.

תחשוב על זה ככלי במקום כלוב. בסיסיים ביותר שלה, אתה יכול להשתמש יחס הזהב כדי לייעד את הגודל ואת המיקום של אזורי תוכן וברים בצד. פריסת רוחב קבוע היא היישום הקל ביותר. החלט על הגודל הכולל של הפריסה שלך באמצעות השיטה ליצירת מלבן מוזהב.

עבור רשתות / בלוקים

הריבוע שנוצר על ידי הקווים יהיה בלוק התוכן שלך. המלבן הקטן יותר יהיה סרגל צד או ניווט. ברגע שיש לך להבין את גודל המלבן שלך, לברר איך רחב סרגל הניווט שלך צריך להיות מתמטיקה קלה.

• עבור דוגמה זו, נגיד את המלבן שלך 525 פיקסלים על ידי 850 פיקסלים.
• 525 s א 850 850 (a + b), ו .ב יהיה רוחב סרגל הצד שלך.
• למצוא .ב, אנחנו פשוט מחסירים (a + b), אשר 325.
• לכן רוחב סרגל הצד שלך הוא 325.

זכור כי המלבן שלך יכול להיות התהפך סביב כדי להתאים את המטרות שלך, לשים את הצדדי בחלק העליון, התחתון, או בצד הנגדי. כל עוד היחס מחזיק, העיצוב שלך ירגיש הרמוני.

לטקסט

יש דרך מהירה יותר לקבל את המדידות שאתה צריך וזה יכול להיות מיושם עם תוכן טקסט.

• נניח שהטקסט של ההקשר שלך הוא בגודל 12.
• הכפל עם 12 1.618, יחס הזהב, ותקבלו 19.416.
• כותרת טקסט בגודל של 19 או 20 תעקוב מקרוב אחר יחס הזהב.

יחס הזהב הוא שפה המוח שלך מבין, ועל ידי תקשורת עם זה, את הרעיונות שלך יתגלו בצורה יעילה יותר. אתה לא צריך לדבוק בו בדיוק; העיקרון הבסיסי מספיק. החלת היחס בין גודל התמונה לגודל התמונה, הקשר בין מיקום טקסט לתמונה ויצירת תת-מחיצות בתוך מוטות צד הם כולם מושגים אפשריים.

עבודה ברשת: שלטון שלישים

אם מתמטיקה היא לא כוס התה שלך, את הרעיון של יחס הזהב ניתן לפשט. ה חוק השלושות מסדיר את המיקום של נקודות עניין בסצנה. מחלקים כל תמונה נתונה לשלושה אופקית ואנכית. תקבל 9 רשתות.

(מקור תמונה: Digital-phothotography-school.com)

על פי שליש שליש, קודקודים של שורות אלה (שם הקווים חוצים) הם המיקום האידיאלי עבור נקודות עניין. אנשים שסורקים את הדף נוטים יותר להבחין בדברים שמוקמים ליד הנקודות, והחלוקה נוחה לעיין. עיצוב מורכב יותר אפשרי על ידי פירוק שלישים אלה לתוך שליש נוסף.

(מקור תמונה: net.tutsplus.com)

בקיצור, העין יכולה להיות עצלן ולא צריך לחפש פרטים חשובים. המוח שלנו ככה. תמונות גדולות, תיבות חדשות, ברים חיפוש וכל נקודות אחרות של עניין יכול להיות השוכן על או ליד הקודקודים. זה קיצור קטן מסודר ייתן לך עיצוב כי הוא גם קל על העיניים גורם לאנשים נמשכים חלקים מפתח של נתונים.

עמודות וגודלי גופן: רצפי פיבונאצ'י

עוד כלי פשוט עבור עיצוב אתרים מקושר יחס הזהב הוא מספרי פיבונאצ'י. רצף Fibonacci מתחיל עם 0 ו 1. הקודם שני מספרים מתווספים יחד כדי לייצר את המספר הבא ברצף: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34 ... וכן הלאה.

מתמטיקה קטנה מספרת לנו שהיחסים בין מספרים רצופים של פיבונאצ'י ברצף קרובים להפליא ליחסי הזהב - מחלקים את כל המספר ברצף עם המספר לפניו ומקבלים - ניחשתם - 1.618.

כמו עם יחס הזהב, מספרי פיבונאצ'י ניתן להשתמש כדי להכתיב את הקשר בין כותרת הטקסט ואת גודל הטקסט. זה יכול לשמש גם כדי לייעד את רוחב העמודות הוא יעיל במיוחד בבלוגים אחרים פריסות צפופה טקסט. הרכב יכול גם להיות בנוי על הרעיון של ריצוף פיבונאצ'י, שבו גודל האריח בנוי על באמצעות רצף פיבונאצ'י.

(מקור תמונה: Wikipedia.org)

ספירלות זהב ואשכולות תוכן

שיטה אפשרית נוספת של שימוש הן יחס הזהב ומספרים פיבונאצ'י הם ספירלות זהוב וספירלות פיבונאצ'י. ספירלות הזהב מתרחבות לפי גורם השווה ליחס הזהב עבור כל רבע סיבוב שהן מייצרות, וספירלות פיבונאצ'י נוצרות באמצעות ריצוף פיבונאצ'י.

הספירלות שימשו יצירות אמנות כל עוד המספרים ואת היחסים עצמם. התיאוריה היא כי אזורים של מרחב שלילי ובעלי עניין חזותי צריך להתאים בתוך הספירלה. בתוך פריסה זו חיננית, כמו עם שליש שלישים, העין נמשכת באופן טבעי למרכז הספירלה לחפש פרטים.

(מקור תמונה: fabiovisentin.com)

הספירלות יכולות לשמש כקו מנחה לצפיפות תוכן ולאשכול. הם יכולים לשמש בסיס ליחס של כותרת האתר שלך תמונות, ברים חיפוש בסרגלי כלים.

כאשר בוחרים את התמונה האידיאלית עבור דף קדמי שנבנה סביב גרפיקה גדולה, כגון דפי בית חנות ואתרי הצילום, אתה יכול גם ליהנות ספירלות הזהב פיבונאצ'י.

הודעות רבת עוצמה הן לעיתים קרובות תת-הכרתיים, ויחס הזהב הוא אחד הפרסומות הסובלות ביותר של הטבע. על ידי ניצול הפרופורציה האלוהית, אתה נותן לעצמך יתרון של היגיון טבעי וחן אורגני, כי כל בני האדם יש משיכה תת הכרתי. יחס הזהב הוא עוד כלי על פינוי יצירתי שלך.

קריאה נוספת:

• החלת יחס הזהב על פריסות אינטרנט ואובייקטים

הערת העורך: פוסט זה נכתב על ידי כריס Pentago עבור Hongkiat.com. כריס היא מפתחת אינטרנט מנוסה, מעצב אינטרנט משווק המעוניינים בטכנולוגיות מפתח כדי להפוך את העסק המקוון שלך perform.You יכול למצוא אותו בטוויטר.