סמלי יישומים ב- OS X Yosemite: סקירה מפורטת

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

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

מעולה. בואו מהלך של על.

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

מזח

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

הדמויות ואת הרשת

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

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

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

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

על המכתב בסמל App Store "A" מעט מעבר לגבולות שנקבעו, עם צורה חמורה פחות מאשר בספר. מלבן נוטה ראויה לתשומת לב מיוחדת, שכן הוא הסוג הנפוץ ביותר של סמלים עבור תוכנות צד שלישי.

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

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

הסתגלתי iOS 7 רשת כדי ליצור רשת מעודכנת יוסמיטי:

דמויות היררכיה

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

סבב

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

ריבוע

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

מלבן משופע

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

הדלקת תופעות וחומרים

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

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

בתמונה למטה 3D Spheres מסודרת על משטח שטוח המשקפת את הסביבה, תעזור טוב יותר להמחיש למה אני מתכוון.

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

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

אלו הם הפרטים העדינים סמלי OS X Yosemite לייחס בכל מקום.

עכשיו תורך

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

שילוב של כל סמלים עם דמויות קצת הגיוני. עם זאת, לא כל היישומים יהיו או חייב לציית לעיקרון זה. סמלים של צד שלישי הם מאוד קל לזהות, ולכן לא לשכוח את זווית ההטיה, תאורת גודל הכולל. עכשיו אתה יכול להתחיל לעבוד על סמל משלהם עבור OS X Yosemite! בשינה יכולה לשמש כנקודה מוצאת קבצי PSD עם הדמויות ואת הרשת נוצרה על ידי לי.

באמצעות Martiancraft