סוף סוף כלי ליצירת גרידים בפוטושופ

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

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

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

להורדת התוסף לחצו כאן

יש להתקין אותו באמצעות ה-adobe extension manager (יש הוראות מפורטות באתר התוסף).

טיפ קטן למי שלא יודע: הקיצור להעלים ולהציג את ה-Rulers הוא "cmd"+";" במק או "ctrl"+";" בפי סי. כך אפשר להציג ולהעלים את הגריד שלכם בזמן העבודה.

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

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

למי שרוצה לקרוא עוד על נושא הגריד בעיצובים מוזמן להיכנס לרשימת המאמרים המעולה בנושא שפורסמה ב-Vandelay Design Blog.

Share

קצת על המחבר:

שגיא שרייבר מעצב UI & UX, מייסד של פיקסל פרפקט מגזין, וקו-מייסד של הסטרטאפ Tapdog למעקב אחר אתרים ותחרות ברשת. בוגר שנקר במגמה לעיצוב מדיה אינטראקטיבית. מתמחה בעיצוב אתרים מונחי conversion (המרה) וחווית משתמש, ובעל ידע נרחב ב-html, css ו- wordpress. ניתן למצוא את שגיא  בפורטפוליו שלובטוויטרבלינקד אין או מכדרר בדריבל.

תמצאו את שגיא שרייבר ב:

מאמרים שעשויים לעניין אותך

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

המדריך ל- UI HACKING

העדכון שכולנו חיכינו לו בדרך לפיגמה

השראה בשישי: בשר ללא בשר

הצטרפו לניוזלטר שלנו!

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




    What is 8 x 8 ?

    אשמח לשלוח לך פרטים!

    אנא מלא/י את פרטי הקשר שלך כאן ואשלח לך אימייל עם כל הפרטים אודות ההכשרה
    ;