תוֹכֶן
כמפתח קריאייטיב, אני נשאל לעתים קרובות מה ההעדפה שלי לקבל קריאייטיב מהמעצבים שלי. באופן אישי, אני מעדיף לקבל קובץ בשכבות, עם mockups, במקום תמונות חתוכות מראש. זו בחירה אישית, ואני מבין שזה לא הפורמט המועדף על כולם. לאמיתו של דבר, נראה שיש דיון רב בענף לגבי השיטה הטובה ביותר לקבלת יצירתיות.
עם זאת, ללא קשר לבחירתך האישית, אני מאמין שחובה מאוד שמעצבים יבנו ויספקו קבצים נקיים. פעמים רבות מדי נמסר לי קובץ שנראה דומה לזה שלמטה.
לוקח רק רגע לזהות עד כמה קובץ זה בנוי ולא מאורגן. מוסכמת השמות והקיבוץ אינם קיימים.
סימן לעצלנות
זה כאילו המעצב שלי ניהל מערכת יחסים אינטימית עם מקשי ההעתקה וההדבקה שלו. שימוש בשמות ברירת מחדל כמו קבוצה 1, קבוצה 2 ועותק צורה 5 אינו מקובל. כמו כן, השארת אלמנטים שכבר אין צורך בהם, קבוצות ריקות למשל, היא רק סימן לעצלנות.
בטח, אנחנו יכולים לעבוד בתנאים האלה, אבל למה שתרצה? בעזרת כמה שינויים פשוטים, מעצבים יכולים להפוך קובץ מבולגן למשהו שכל אחד יכול לנווט בו בקלות.
גם אם אין לך כוונה לשתף את עבודתך עם אחרים, שקול לחזור לאחד הקבצים שלך במועד מאוחר יותר. תאר לעצמך כמה בלבול אתה יכול להימנע על ידי ביצוע כמה כללים בסיסיים.
איך לעשות את זה נכון
נתחיל בקיבוץ. אם העיצוב שלך מסודר עם כותרת עליונה וכותרת תחתונה בסיסית, יחד עם כמה קטעי תוכן וניווט, הקבוצות שלך (ושמותיהן) צריכות להתאים זה לזה.
התבונן במדגם למטה. אתה יכול לראות שהמעצב שלנו פורץ דברים על סמך העיצוב הכללי. הוא נותן לכל קבוצה שם משמעותי והוא מקיים דברים ביחד.
בכך הוא יוצר קובץ מובנה ומאורגן המסייע בזיהוי מרכיבי המפתח של כל קטע או קבוצה. זה לוקח רק רגע, אבל יש לו פוטנציאל לחסוך טונות של זמן.
מתן שמות למוסכמות
היבט נוסף של מבנה שכבות לעיתים קרובות מתעלם ממנו, אך חזק הוא שמות למוסכמות.
כינויי שמות יכולים לעבור דרך ארוכה. מספר דקות של זמן עוזר ליצור קובץ קל להפליא לניווט. רק זכור שכשאתה מעלה שמות, פשוט עדיף לרוב.
תן שם לרבדים שלך באופן עקבי ותמציתי. אם אתה מוסיף שכבה המתייחסת לשיפור ברמה שלך, שם אותה כך. אם יש לך אלמנט המשמש לפלטפורמת הכרטיסיות התחתונות, מדוע לא לקרוא לזה ככזה. תשאיר את זה פשוט!
צבע קוד את השכבות שלך
נקודה אחת אחרונה שאני רוצה להזכיר היא אפשרות קידוד הצבע של השכבות שלך. אמנם זה אולי לא נראה יתרון עצום - ואמנם חלק מהפרויקטים לא ידרשו רמה זו של ארגון, אך קידוד צבע יכול למלא תפקיד שימושי.
בדוגמה שלהלן, המעצב שלי השתמש בארבעה צבעים שונים כדי לסייע בזיהוי האלמנטים השונים בקובץ זה.
כאשר חיתכתי את זה לפרויקט שלנו, הצלחתי במהירות לראות את הקשרים בין הקבוצות ואת תוכנם הודות לקידוד הצבעים.
עם פרויקט ספציפי זה היה לצבעים עצמם משמעות והיו קשורים ישירות לעיצוב. לפעמים, זה לא תמיד המקרה, אך כך או כך, קידוד צבעים הוא דרך נהדרת להבליט אובייקטים חשובים.
מבנה וארגון
כפי שאתה יכול לראות, ישנם מספר דברים שאתה יכול לעשות כדי להפוך את הקבצים שלך לקריאים יותר עבור המפתחים שלך ומעצבים אחרים.
שקול את משך הזמן שאתה מקדיש לפיתוח העיצוב שלך. עכשיו שקול להשקיע רק רגע מהזמן הזה על בנייה וארגון של השכבות שלך.
המפתח שלך (ומעצבים אחרים בצוות שלך) יאהבו אותך על כך. ובואו נודה בזה, עמוק בפנים, כולנו רוצים שיאהבו אותנו ...
מילים: תמי קורון
תמי קורון הוא מפתח iOS, מפתח backend, מפתח אתרים, כותב ומאייר. היא כותבת בלוגים ב- Just Write Code.
ככה? תקרא את זה!
- 101 טיפים, טריקים ותיקונים לפוטושופ לנסות היום
- גופני האינטרנט החינמיים הטובים ביותר עבור מעצבים
- דוגמאות מדהימות לעיצוב ניסיוני
יש לך ניג'וסים לגבי האופן שבו עמיתים מארגנים את עבודתם? שתף את המחשבות שלך עם הקהילה בתגובות למטה!