[לינקיה] כל המדריכים, הסברים, תוכנות, עזרים הקשורים לגרפיקה!

[Desire]

כל הזכויות שמורות לBart ולפורום אטרף! אין לגנוב או לפרסם תכנים אלו ללא רשות והסכמה!

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

הקדמה למתחילים :
photoshop זוהי תוכנה המאפשרת לעצב יצירות גרפיות ובה לעשות חתימות, עבודות, עריכות., ב Photoshop משתמשים ע"י שכבות (layer)!
שכבות (layer)- לכל אורך החתימה שאתם עושים אותה עליכם להסתכל על השכבות! כלומר אסור לנו לעבוד תמיד על שכבה אחת אלא תמיד ליצור שכבות חדשות כדי ליצור אפקטים שונים!
זיכרו:
עליכם תמיד שנה לישמור את קובץ ה psd של החתימה כדי שתוכלו לשנות את החתימה בעתיד! מכיוון שאם תישמרו אותה כסיומת jpg או gif לא תוכלו לשנות אותה...
אז שימו לב בבקשה!

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

בשביל לעצב אתם צריכים את התוכנה פוטושופ (Phtoshop) שתוכלו להורידה בהמשך הדף לאחר שתגיבו.

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

תודה ענקית ל CrAzY_BoY על ההקדמה המעולה הזאת כאן למעלה!!

תוכלו למצוא כאן באשכול:

-את התוכנה פוטושופ גירסא 9 (CS2) + סריאל.
-מנועי חיפוש תמונות.
-אתרי תמונות.
-אתרי מדריכים (בעברית ובאנגלית).
-מברשות.
-פאטרנים.
-פונטים (בעברית ובאנגלית).
-שרתים להעלאת תמונות.
-אחרים.

יש כאן אתרים ממש טובים, שווה להגיב

-----------------------------------------

שנתחיל ?

קודם כל אתם צריכים פוטושופ לא?

להורדה Adobe PhotoShop Cs3
http://rapidshare.com/files/49663935...x.ME.part1.rar
http://rapidshare.com/files/49671613...x.ME.part2.rar
http://rapidshare.com/files/49678937...x.ME.part3.rar
http://rapidshare.com/files/49685340...x.ME.part4.rar
http://rapidshare.com/files/49691748...x.ME.part5.rar

Activation & Keygen:

http://rapidshare.com/files/49709031/APSCS3ME.Act.rar

להורדת התוכנה פוטושופ CS2 (גירסא 9) לחצו על הקישור הבא :
http://download.adobe.com/pub/adobe/photoshop/win/cs2/Photoshop_CS2_tryout.zip
עוד לינק
http://www.fileflyer.com/view/j0cLPAh

מספר סידורי (בלעדיו התוכנה לא תעבוד)
יש לבחור מספר אחד בלבד.
1045-1082-6373-5878-7149-7943
1045-1088-2944-6861-1097-5935
1045-1083-1409-8733-8868-2435
1045-1087-6852-0202-8637-6567
1045-1088-1495-4132-0992-6930

קיגן לתוכנה
http://rs180.rapidshare.com/files/49589686/PSCS2KGN.rar


מדריך ל-Keygen:
1. מתקינים את הפוטושופ כרגע Trial של 30-יום.
2. לאחר ההתקנה לכו ל: Start/All Programs/Adobe Photoshop CS2 , הפעילו את התוכנה וכאשר התוכנה תעלה יקפוץ לכם מסך ה Activetion.
3. פתחו את ה KeyGen , חשוב: לא לסגור אותו עד סוף המדריך!
4. העתיקו את הסיריאל מה KeyGen אל המקום המתאים בחלון בפוטושופ.
5. תוודאו שאתם מנותקים מהאינטרנט ולחצו על "activate online", כעבור כמה שניות זה ירשום לכם "activation unsucessful" וכך זה אמור. כאשר החלון הזה יעלה תלחצו בצד שמאל למטה על "phone activation".
6. העתיקו את ה "activation number" שרשום לכם בחלון אל תוך השורה שניה בKeyGen וכשסיימתם ליחצו על "Generate Auth Code".
7. העתיקו את ה Authorization code קוד שקבלתם בשורה השלישית אל תוך התיבות ולאחר שסיימתם ליחצו activate.
והרי לך פוטושופ מלא! =]


-------------------------------------------

עכשיו כשיש פוטושופ, צריכים תמונות כדי לעשות חתימות לא ?
מנועי חיפוש תמונות:

גוגל תמונות
מנוע חיפוש - נחמד
מנוע חיפוש - מומלץ

אתרי תמונות:

משחקים:

http://www.gameswallpapers.com
http://www.gamewallpapers.ru/
http://www.gamewallpapers.net/
http://www.wallpapershq.com/accueil.php

ספורט - אקסטרים:

http://www.snowboarding-online.com/snow
http://www.billabong.com
http://www.quiksilver.com
http://www.surfermag.com

בחורות:

www.amis-angels.com
www.desktopgirls.com

תמונות מקומיקסים(דמויות מצוירות):

http://www.marvel.com/wallpaper/index.htm

אנימה ומנגה:

http://www.animegalleries.net
http://davoproductions.150m.com/fanart
http://desktopzero.net
http://www.jo-chen.com
http://elfwood.lysator.liu.se/fanq/fanq.html?1802

סרטים מצויירים (שכבר לא משדרים):

http://cartoon.irc.co.il/

סרטים:

http://www.allmoviephoto.com/c/indexa.html

מכוניות:

http://www.supercars.net
http://perso.numericable.fr/~gabuzo38/go..._cars.html

שונות:

http://www.jaestudio.com/JAE-2004-Miscellaneous.html

------------------------------------

עכשיו שיש תוכנה, ויש תמונות, מה עושים עם זה לעזאזל ?!

אתרי מדריכים בעברית:

http://www.kidiart.com/ - מדריכים לפוטושופ, אימג'רדי ופיינטשופ-פרו.
http://www.skitza.com/Tutorials.php - מדריכים לפוטושופ, אימג'רדי ולפלאש.
http://am.barvazone.com/ - מדריכים לפוטושופ ופלאש.
http://www.graphics-world.net/ - מדריכים לפוטושופ,אימייג רידי,פלאש.
http://pikanti.net/tutt.php - מדריכים לפוטושופ,פלאש וHTML.
http://pisty.co.il/ - מדריכים לפוטושופ.
http://www.graffitirb.tk/ - מדריכים לפוטושופ.
http://www.rulingboard.rehost.co.il/.../Madrihim.html - מדריכים לפוטושופ.
http://guidespeed.net -מדריכים לפוטושופ, אימג'רדי ופלאש.

אתרי מדריכים באנגלית:

http://www.thewebmachine.com/
http://chamber-tutorials.4-all.org/
http://www.good-tutorials.com/
http://www.absolutecross.com/tutorials/photoshop/
http://www.handson.nu/
http://webmonkey.wired.com/webmonkey...tutorial1.html
http://myjanee.home.insightbb.com/tutorials.htm
http://www.pegaweb.com/tutorials/web...-tutorials.htm
http://www.sketchpad.net/photoshp.htm
http://www.teamphotoshop.com/photosh...als/ps_tut.php
http://www.photoshoproadmap.com/Photoshop-tutorials
http://www.rw-designz.com/?rw=tuts/ps
http://www.pixel2life.com/tutorials/photoshop.php?tut=4

----------------------------------

עכשיו אתם צריכים להכניס קצת אופי לחתימה או העבודה שלכם לא ?

אתרי מברשות:

http://www.rebel-heart.net/brushes/indexx.html
http://brushes.da.ru/
http://veredgf.fredfarm.com/vbrush/main.html
http://www.8nero.net/
http://mechadiva.net/brushes.html
http://brushes.echoica.net/index2.html
http://www.clever-mind.net/downloads...select=brushes
http://classic.tere-art.com/
http://www.short-things.gr/_brushes/brushes.html
http://policeman.free.fr/brushes/
http://www.photoshopbrushes.com/brushes.htm
http://browse.deviantart.com/resourc...ons/psbrushes/
http://www.em-agination.com/mybrushes.htm
http://www.photoshopsupport.com/tools/brushes.html
http://brushes.shmello.net/
http://rebel-heart.net/brushes/

http://www.pdzn.***********/ - אתר מאוד מומלץ!

------------------------------------------------

גם פאטרנים לא יזיק לעבודה?

פאטרנים:

http://biorust.com/index.php?page=do...ection&catid=7
http://www.designspice.com/main/free/free_downloads.php
http://www.freephotoshop.com/html/free_patterns.html
http://veredgf.fredfarm.com/pattern-bomb/
http://pootato.org/downloads/patterns/

------------------------------------------------

ומה עם פונטים ?

פונטים בעברית:

http://hafontia.oketz.com/
http://fonti.come2us.co.il
http://come.to/bensfonts
http://mendelson.4t.com
http://www.madd0g.co.il/fonts/myfonts.htm

פונטים באנגלית:

http://www.dafont.com/en/
http://www.fontparadise.com
http://www.pcfonts.com
http://www.freepcfonts.com/index.html
http://www.moorstation.org/typoasis/typoasis1.htm
http://www.1001fonts.com
http://planet.nana.co.il/jyaniv/fonts4RB.zip
http://www.fontfiles.com/
http://www.fontz.de/
http://www.fontasy.de/
http://www.da3.net/fonts/index.php
http://www.fontpool.com

---------------------------------------------

עכשיו, כשסיימתם את החתימה או העבודה, אתם רוצים להעלות אותה לאינטרנט ולהראות לכולם לא ?

שרתים להעלאת תמונות:

http://www.imageshack.us/
http://pixup.xpuser.net/
http://www.loading.co.il/
http://www.tinypic.com/

----------------------------------------------
אחרים:

שירות חתימות מתחלפות/גלריה:

http://random.thecrow.co.il/index.php?rnd=signatures

שירות גלריות בחינם:

http://www.mypic.co.il/index.php

----------------------------------------------

וזהו תהנו :]

האשכול נכתב בקיצור, והוא מכיל את האתרים הטובים ביותר ברשת.

אם נתקלתם בלינק לא טוב או באתר טוב חדש נא דווחו לי בפרטי ואני אערוך את הקישור הפגום או אוסיף חדש.

השקעתי אנשים, והכל בשבילכם
אז תנו אותה בתגובות!!!!

כל הזכויות שמורות לBart ולפורום אטרף! אין לגנוב או לפרסם תכנים אלו ללא רשות והסכמה!

[Desire]

קרדיט לאור סטייל על הדברים, וקרדיט לBlack Scorpion על שהביא את זה!

מדריכים:

אתרים באנגלית:

http://www.pixel2life.com
http://www.graphics-world.com
http://www.eyesondesign.net/pshop/tuts.htm
http://block9.net
http://www.tutorialized.com
http://www.good-tutorials.com/
http://www.spoono.com/photoshop/
http://mickm.com

אתרים בעברית:

http://www.am.barvazone.com
http://guidespeed.net
http://Styling
http://pisty.co.il

מדריכים ל 3D(תוכנת תלת מימד):

http://www.tutorialized.com
http://www.pixel2life.com
http://www.3dlinks.com
http://www.3d-palace.com
http://www.phong.com/tutorials
www.3dbuzz.com
www.3dmaxer.dk
www.secondreality.ch
www.the3dstudio.com
www.computerarts.uk

אתרים לפונטים:

פונטים באנגלית:

http://www.fontparadise.com
http://www.pcfonts.com
http://www.freepcfonts.com/index.html
http://www.moorstation.org/typoasis/typoasis1.htm
http://www.1001fonts.com
http://www.dafont.com/en/
http://www.fontfiles.com/
http://www.fontz.de/
http://www.fontasy.de/
http://www.da3.net/fonts/index.php
http://www.fontpool.com

פונטים בעברית:

http://hafontia.oketz.com/
http://fonti.come2us.co.il
http://come.to/bensfonts
http://mendelson.4t.com
http://www.madd0g.co.il/fonts/myfonts.htm

מברשות:

אתרי מברשות:

http://www.8nero.net/brushes- 8nero
http://www.rebel-heart.net/brushes/indexx.html - Rebel-Heart
http://veredgf.fredfarm.com/vbrush/main.html - Vbrush
http://classic.tere-art.com/ - Tere-Art
http://policeman.free.fr/brushes/ - PoliceMan
http://www.photoshopbrushes.com/brushes.htm - Photoshop Brushes
http://browse.deviantart.com/resources/app...ions/psbrushes/ - PSBrushes
http://www.em-agination.com/mybrushes.htm - em-agination

אתרי תמונות:

משחקים:

http://www.gameswallpapers.com
http://www.gamewallpapers.ru/
http://www.gamewallpapers.net/
http://www.wallpapershq.com/accueil.php

אקסטרים:

http://www.skate.co.il/pics
http://www.snowboarding-online.com/snow
http://www.billabong.com
http://www.quiksilver.com
http://www.surfermag.com

העלאות תמונות:

http://www.imageshack.us
http://www.photobucket.com
http://www.mytempdir.com
http://razup.net/
http://www.fps.co.il/

אנימה ומנגה:

http://www.animegalleries.net
http://davoproductions.150m.com/fanart
http://desktopzero.net
http://www.jo-chen.com
http://elfwood.lysator.liu.se/fanq/fanq.html?1802

בחורות:

www.amis-angels.com
www.desktopgirls.com

מאגרים:

http://creative.gettyimages.com/source/home/home.aspx -המאגר של אימג' בנק.
http://www.autoaccessorystore.com/resource...als/decals3.asp -עזרים לשיפור רכבים
http://www.skins.be/ - אתר עם תמונות של בנות,מכוניות וסרטים.
Marvel - כל התמונות של ספיידרמן, אקס מן ושאר גיבורי הקומיקס.
http://www.rap-wallpapers.com/ - רקעים לתמונות של ראפ =] (g - unit וכאלה..)
סט תמונות שהובא ע"י L.E

שירות חתימות מתחלפות:

http://random.thecrow.co.il/ - העורב
Switch - http://switch.signup.co.il

PSD להורדה ללמידה בלבד שלא יהיו מקרים לא נעימים של גניבות!!
http://rapidshare.com/files/60456061/PSD.rar.html
קרדיט לאור סטייל על הדברים, וקרדיט לBlack Scorpion על שהביא את זה!

[Desire]

קרדיט לRob Zombie על זה!

טיפ: איך לעצב אתר / bigimot

תהליך העבודה:

אוקיי, אני צריך להכין עיצוב. איך להתחיל?
יש לכם נושא לעיצוב? (נושא שהלקוח ביקש או נושא שאתם החלטתם לעבוד עליו) עכשיו אתם צריכים לברר עליו. מה זאת אומרת? הנושא צריך להיות ברור לכם, וחשוב שתבינו איך אתרים הקשורים לנושא זה בנויים. אתרים מסוגים שונים נבנים בדרכים שונות כי המטרות שלהם שונות, ואתם צריכים לדעת את זה. לכן, כל מה שאתם צריכים לעשות זה להיכנס למנוע חיפוש כלשהוא, אני מעדיף את המפורסם גוגל (www.google.co.il). הקלידו את שם הנושא וחפשו. היכנסו לאתרים של העמודים הראשונים ושימו לב כיצד הם בנויים, איפה נמצא הדגש, מה פחות חשוב וכו'.

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

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

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


טיפים לבניית העיצוב ושיפורו:

אין לי רעיון לעצב, ואני לא יודע מה לעשות...משהו לא בסדר איתי?
תתפלאו אבל אתם בסדר גמור, וזה קורה לכולם. תמיד יש תקופות עם רעיונות, ותקופות ללא. מה שחשוב הוא לדעת איך להתמודד בתקופות שאין. אם יש לכם חשק להכין עיצוב, אבל קשה לכם לחשוב על נושא, תפתחו את הדפדפן, והיכסו אל עולם האינטרנט. עשו סבב בכל מיני אתרי חדשות ועידכונים, פורטלים באינטרנט (נענע, וואלה וכו') ובעצם לכל נושא שחשבתם עליו או שמעניין אותם. זיכרו, אתם המעצבים ואתם יכולים לעצב כל דבר, זה יכול להיות החל מהעיצוב של הפורטפוליו האישי שלכם, ועד לעיצוב אתר לסרט חדש שיצא. העולם מלא נושאים ורעיונות, וכל הזמן דברים חדשים נוספים שאפשר לעבוד עליהם, שימרו על ראש פתוח. לפעמים עיצובים יכולים להיראות קשים, אבל תנו להם צ'אנס. אל תכנסו למחשבה של " זה קשה מידי, אני לא מכין דבר כזה " אלא במהלך היום, או היום שאחריו תחשבו על הנושא טיפה. תחשבו על דברים שאתם יכולים להכניס לעיצוב, ולאט לאט תנסו ליצור לכם את ההתחלה. אם הבעיה שלכם היא יצירת העיצוב, אז שוב, תפתחו את הדפדפן. עולם האינטרנט הוא פשוט עצום, מידי יום נוספים מאות אתרים חדשים בנושאים שונים. נסו להסתובב קצת ברשת, לראות אתרים של חברות, אפילו אתרים של חברות עיצוב. עברו על אתרים רבים, ונסו לקחת מהם רעיונות והשראות למבנים מסויימים. אל תעתיקו עיצובים, כי אף אחד לא יעריך אותכם ככה, אבל לקחת השראה זה בסדר, כל עוד פיתחתם אותה ויצרתם בסופו של דבר משהו משלכם. אם עדיין קשה לכם לחשוב על מבנה, היכנסו לאתרים שמציגים עיצובים, וכך הסיכוי שתמצאו רעיון במאגרים הגדולים שלהם הוא גבוהה. אחד האתרים המוכרים זהו TM (http://www.templatemonster.com/), אתר זה מוכר עיצובים מוכנים. באתר יש מאות עיצובים, ברמה גבוהה מאוד, מנושאים שונים. האתר מתעדכן על בסיס יומי וכל הזמן המאגר גדל. אתם מוזמנים לעשות סיור ולראות כיצד הם מעצבים. שוב, לקחת השראות בלבד. משם, פתחו את זה והוסיפו לזה את הרעיונות שרצים לכם בראש, והתוצאות יהיו מפתיעות, לטובה כמובן.

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

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


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

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

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

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

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


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

קרדיט לRob Zombie על זה!