הפיכת סקיצה לעיצוב - שלבים מומלצים

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

א. לא להמציא את הגלגל מחדש. כדאי להתחיל מעיצוב בסיס, שכבר קיים, ולשנות אותו. זה יחסוך טונות של זמן. השלב הראשון הוא בחירת עיצוב הבסיס. לגירסה 5 אני ממליץ להתחיל מ-ZEN - זהו עיצוב שנבנה במיוחד כך שקל יהיה לשנות אותו. הנה דמו, והנה דיון שמסביר למה כדאי להתחיל דווקא עם ZEN ולא עם גרלנד. כמובן - ZEN בנוי על PHPTEMPLATE - זהו מנוע העיצוב הסטנדרטי וזה המנוע שיש לו הכי הרבה תמיכה. לא הייתי מתחיל עם משהו אחר. (אם המדובר על גירסה 4.7 אנגלית - עיצוב הבסיס המומלץ הוא bluemarine - הוא הכי קומפטבילי ודי קל להתאמה. ואם המדובר על 4.7 בעברית, תשמשו ב-bmrtl).

ב. לאחר שבחרנו את עיצוב הבסיס, השלב השני הוא להסב את ה-CSS לעברית, לפי הטיפ הזה.

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

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

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

כלים וידע מומלץ:

• רצוי לדעת CSS ברמה סבירה. (אני מוצא שיש דברים שדי קל לשנות עבור css hacker כמוני, במיוחד אם משתמשים בהרחבת פיירפוקס שנקראת Web Developer extension, אבל עבור המקצוענים רצוי גם css editor נורמלי כמו style master של westciv, שיציג לכם אוטומטית את כל התגים שלא קומפטביליים לאקספלורר ואת התגים הזמינים ובכלל ויחסוך לכם המון זמן.
• כמובן לדעת קצת HTML.
• הכי חשוב - לדעת לזהות איזורי PHP כדי לא לפגוע בתגי ה-PHP שנמצאים בתוך הקוד.
• זכרו שלשמות של ה-classes של ה-CSS יש משמעות. רצוי לא לשנות אותם כי הם קשורים ישירות ל-drupal.css.
• כלים מומלצים לעריכת קבצי תמונה : gIimp, paintshop pro, photoshop (נשמח לשמוע את המלצתכם).
• יש לכם המלצות על כלים נוספים? נשמח לשמוע (בבקשה כתבו תגובות להודעה זו).