למד את היסודות של עיצוב בסוף השבוע הזה

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

היסודות

כדי להתחיל, תצטרך שני דברים: הבנה בסיסית של עיצוב ו-Adobe Photoshop. כמובן, לא כולם רוצים להוריד מאות דולרים על פוטושופ (או על כל Adobe Creative Suite), אזבדוק את החלופות הללו(או אלה) אם פוטושופ יקר מדי לטעמכם. באשר לחלק הידע, הנה הדברים העיקריים שאתה רוצה ללמוד:

• הכירו את מרכיבי העיצוב, כגוןנקודות וקווים,צורות,מֶרחָב, ויוֹתֵר.

• איך עובד צבע, הפרטים של גלגל הצבעים, וההשפעה שיש לה על אנשים

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

הַשׁרָאָה

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

אז איפה מוצאים השראה? אפשרות אחת היא בלוג העיצובLedger עיצוב אתרים(WDL). הם מפרסמים המון דוגמאות נהדרות של אלמנטים עיצוביים שיעזרו לך לפקוח עין על מה שעובד ולתת לך מקור השראה. הנה כמה פוסטים טובים כדי להתחיל:

• 35 אתרים נקיים ומינימליסטיים חדשים שיתנו לך השראה

• 30 דוגמאות לניווט מצוין באתר

• 50 דוגמאות מעוררות השראה לטקסטורה בעיצוב אתרים

• 40 דוגמאות מצוינות לאתרי אינטרנט בעמוד בודד

• 35 דפי שגיאה של Creative 404

• 25 ערכות אייקונים טריות ושימושיות

• 30 אתרי סוכנות עיצוב מעוררי השראה

• מגמות עיצוב אתרים בשנת 2011

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

עם זאת, ברגע שתתחיל למצוא אנשים שאתה אוהב, בדוק מה הם עושים ואת מי הם אוהבים כדי שתוכל לחקור נקודות השראה נוספות. לְדוּגמָה,טינה רוט אייזנברג(המכונה Swissmiss, מעצבת שלTeuxTwo) ממלאת תפקיד פעיל מאוד בקידום עיצוב שהיא אוהבת ובשיתוף משאבי עיצובים רלוונטייםהבלוג שלה.

גופנים

אין מעצב בלי הגופנים שלו, וישנן אפשרויות חינמיות רבות לבחירה.פארק פונטים יתחיל אותך עם למעלה מ-70,000 לבחירה.דה פונטהוא אאוסף קטן יותר ואצור יותר עם המון אפשרויות נהדרות. יֵשׁהרבה כלי גופן ומשאבים חינמיים אחרים, אבל חשוב יותר להבין תחילה את הטיפוגרפיה. WDL מציעשבעה ספרים אלקטרוניים טיפוגרפיים בחינםכדי להתחיל. אם אתה רוצה ניידות נוספת, אתה יכולהורד את אפליקציית ה-Typography Manual לאייפון. אחד שיש לך הבנה בסיסית בטיפוגרפיה, תסתכל עליושליטה בשילובי גופנים. לעיתים רחוקות תישארו עם גופן בודד בעיצוב, כך שהבנת העקרונות של שילוב גופנים יכולה לחסוך לכם הרבה תסכול.

מה הגופן בכל התמונות? אם אינכם מזהים אותו, עברו לסוג League of Movable כדי להוריד את הגופן הנפלא שלהםליגה גותית.

עיצוב אתרים

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

• 10 תוספי jQuery שימושיים עבור תמונות

• מחולל CSS 3.0יכול לעזור לך ליצור כמה סגנונות CSS מדהימים ומורכבים למדי.

• סרגל התקדמות CSS טהור

• אפשרויות חדשות עבור גופני אינטרנט

• 3 טכניקות CSS3 מתקדמות שכדאי ללמוד

• איך להפוך ל-JavaScript Badass

יש לך משאבי עיצוב נהדרים אחרים שאתה אוהב? שתפו אותם בתגובות!