FundExit

Page 1

‫‪Brand Manual‬‬ ‫מדריך זהות מותג לחברת‬ ‫‪FUNDEXIT‬‬

‫תאריך יצירה‪:‬‬ ‫נובמבר ‪2016‬‬

‫גליון ‪01‬‬ ‫מדריך זהות‬

‫‪01/1‬‬

‫מדריך המיתוג השלם‬ ‫לחברות תאגידיות‬

‫מותג תאגידי‬

‫קווי עזר למיתוג החדש‬ ‫ודוגמאות ידניות לתבניות‬

‫הופק עבור‪:‬‬ ‫‪FUNDEXIT‬‬ ‫ישראל‬

‫נוצר באהבה על ידי‪:‬‬ ‫‪STG DIGITAL AGENCY‬‬ ‫ישראל‬


‫‪Brand Manual‬‬ ‫‪3 // 42‬‬

‫‪ | SEC. 00‬לוגוטייפ‬

‫תאגידי ‬

‫‪04‬‬

‫‪ | SEC. 01‬טיפוגרפיה ‬

‫‪10‬‬

‫‪ | SEC. 02‬צבעוניות ‬

‫‪14‬‬

‫‪ | SEC. 03‬ערכת‬

‫מיתוג ‬

‫‪ | SEC. 04‬מערכת קווי‬ ‫‪ | SEC. 05‬סכמת‬ ‫‪ | SEC.06‬לוח‬

‫‪18‬‬ ‫המתאר ‬

‫‪22‬‬

‫הדף ‬

‫‪30‬‬

‫השראה ‬

‫‪32‬‬

‫‪ | SEC. 07‬תמונות‬

‫תאגידיות ‬

‫‪34‬‬

‫‪ | SEC. 08‬אייקונוגרפיה ‬

‫‪38‬‬

‫‪ | SEC. 09‬סיכום ‬

‫‪40‬‬


‫‪Brand Manual‬‬ ‫תוכן העיניינים‬

‫נוצר באהבה על ידי‪:‬‬ ‫‪STG DIGITAL AGENCY‬‬ ‫ישראל‬


‫‪Brand Manual‬‬ ‫‪5 // 42‬‬

‫לוגוטייפ מלא‬

‫לוגו ‪ FUNDEXIT‬מלא‬

‫לוגוטייפ‬

‫לוגוטייפ מלא‬

‫לוגוטייפ בודד‬

‫סימבול הלוגו‬

‫כותרת הלוגו‬

‫הועניב היושבב שערש שמחויט ‪ -‬שלושע ותלברו חשלו‬ ‫שעותלשך וחאית נובש ערששף‪ .‬זותה מנק הבקיץ אפאח‬ ‫דלאמת יבש‪ ,‬כאנה ניצאחו נמרגי שהכים תוק‪ ,‬הדש שנרא‬ ‫‪.‬התידם הכייר וק‬

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


‫‪Brand Manual‬‬ ‫‪42 // 4‬‬

‫‪Corporate‬‬ ‫‪Logotype‬‬ ‫הלוגו שלנו הוא המפתח לבניית הזהות המותגית שלנו‪,‬‬ ‫האלמנט הויזואלי המרכזי שמייחד ומבדיל אותנו‪ .‬המעטפת היא שילוב של הסמל‬ ‫ושם החברה ‪ -‬יש להם מערכת יחסים סימביוטית שאין לשנות אותה אף פעם‪.‬‬

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

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


‫‪Brand Manual‬‬ ‫‪7 // 42‬‬

‫‪x‬‬

‫בניית לוגו‬

‫‪x‬‬

‫‪1.5 x‬‬

‫‪x‬‬ ‫‪x‬‬ ‫‪1x‬‬

‫רקעי לוגו‬

‫עשה ואל תעשה בלוגו‬

‫אנא עיינו בתשומת לב לרשימת העשה ואל תעשה‬ ‫‬‫‪1.1‬אל תציבו את הלוגו בין שני סוגי קווים‬

‫‪4.4‬אל תשנו את הפונט של הלוגו‬

‫‪2.2‬אל תהפכו את הלוגו‬

‫‪5.5‬אל תשנו את יחס איזור החיץ בין הסמל לטקסט‬

‫‪3.3‬אף פעם אל תמתחו את הלוגו בצורה מאונכת או מאוזנת‬ ‫שעלולה לשנות את המבנה הפרופורציונלי של הלוגו‬

‫‪6.6‬אל תשנו את הסמל‬


‫‪Brand Manual‬‬ ‫‪42 // 6‬‬

‫‪Logo Construction,‬‬ ‫‪Clearspace and Computation‬‬ ‫חשוב לשמור על קווי המתאר של הסמל הרחק מכל אלמנט גרפי‬ ‫אחר‪.‬‬ ‫על מנת שנוכל לפקח על זה‪ ,‬נוצר איזור חיץ מסביב לסמל‪ .‬איזור החיץ מורה לנו‬ ‫על המרחק המינימלי של כל אלמנט גרפי אחר שמוצב ביחס לסמל החברה ושם‬ ‫החברה ‪ -‬יש ביניהם מרווח קבוע שאסור לשנותו‪.‬‬

‫‪Clearspace‬‬ ‫‪x‬‬

‫‪x‬‬ ‫‪x‬‬

‫משמעות‬

‫‪-‬‬

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

‫חישוב‬

‫לחישוב איזור החיץ הנקי קחו את גובה הלוגו וחלקו אותו בחצי‬ ‫(איזור חיץ = גובה ‪.)2 /‬‬ ‫‪x‬‬

‫‪x‬‬


‫‪Brand Manual‬‬ ‫‪9 // 42‬‬

‫‪Correct Logo‬‬ ‫‪Placement‬‬

‫מיקום הלוגו‬ ‫‬‫הסבר‪:‬‬ ‫על מנת למקם את הלוגו בצורה הנכונה אנא השתמשו באחד מהעיצובים הנבחרים‬ ‫המוצגים פה למעלה‪ .‬אין להציב את הלוגו בצורה אחרת‪.‬‬

‫פרמטרים‬ ‫דוגמא למיקום לוגו‬ ‫‪297x210mm‬‬ ‫‪A4‬‬


Brand Manual 42 // 8

Guideline for Logo Placement


Brand Manual 11 // 42

Corp. Font 01 UNICA ONE

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

a

b

c

d

e

f

g

h

i

j

k

l

n

o

p

q

r

s

t

u

v

w

x

y

z

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

a

b

c

d

e

f

g

h

i

j

k

l

n

o

p

q

r

s

t

u

v

w

x

y

m

m z

:‫פונט ראשי‬ UNICA ONE

0

1

2

3

4

5

6

7

8

9

0

-

:‫מעצב‬ Eduardo Tunni -

:

;

`

?

¿

±

•Ω

=

)

} ¨

(

{ ⁄

/

| ø

& ]

π

% [

$ ¢

§ ¶

®

!

¡

«


‫‪Brand Manual‬‬ ‫‪42 // 10‬‬

‫‪Corporate‬‬ ‫‪Typography‬‬ ‫‪01‬‬

‫בולד‬

‫רגיל‬

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

‫מספרים‬

‫תבליטים‬


Brand Manual 13 // 42

OPEN SANS 14 px

‫טקסט כתוביות‬

FUNDEXIT ‫טקסט חברת‬

FUNDEXIT ‫טקסט חברת‬

OPEN SANS 17 px

‫טקסט רץ‬

FUNDEXIT ‫טקסט חברת‬

OPEN SANS 17 px

‫כותרות טקסט רץ‬

FUNDEXIT Agency Typo

UNICA ONE - Capital Letters 24 px

‫תת כותרות ראשיות‬

FUNDEXIT Titles

UNICA ONE - Capital Letters 38 px

‫כותרות ראשיות‬

FUNDEXIT

UNICA ONE - Capital Letters 48px

‫מודעות ושיווק‬


‫‪Brand Manual‬‬ ‫‪42 // 12‬‬

‫‪Typo and‬‬ ‫‪Text Hierarchy‬‬

‫רגיל‬

‫רגיל‬

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

‫בולד‬

‫כותרות‬

‫כותרות‬


Brand Manual 15 // 42

Colors are on important things .brand to th


ne of the most s to transfer a he customers

Brand Manual 42 // 14

Brand Manual


‫‪Brand Manual‬‬ ‫‪17 // 42‬‬

‫‪Secondary Color system‬‬

‫שימוש בצבע‬

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

‫קוד צבע‬ ‫‪ : CMYK‬‬ ‫‪ : Pantone‬‬ ‫‪ : RGB‬‬ ‫‪ : Web‬‬

‫קוד צבע‬ ‫‪C032 M011 Y000 K070‬‬ ‫‪432C‬‬ ‫‪R052 G068 B076‬‬ ‫‪#34444c‬‬

‫קוד צבע‬ ‫‪ : CMYK‬‬ ‫‪ : Pantone‬‬ ‫‪ : RGB‬‬ ‫‪ : Web‬‬

‫השתמשו בהם לחיזוק וליווי‬ ‫הצבעים הראשוניים של הפלטה‪.‬‬

‫‪ : CMYK‬‬ ‫‪ : Pantone‬‬ ‫‪ : RGB‬‬ ‫‪ : Web‬‬

‫‪C027 M000 Y066 K050‬‬ ‫‪2279C‬‬ ‫‪R093 G127 B043‬‬ ‫‪#5d7f2b‬‬

‫קוד צבע‬ ‫‪C000 M000 Y000 K085‬‬ ‫‪Neutral Black C‬‬ ‫‪R037 G037 B037‬‬ ‫‪#252525‬‬

‫‪ : CMYK‬‬ ‫‪ : Pantone‬‬ ‫‪ : RGB‬‬ ‫‪ : Web‬‬

‫‪C000 M016 Y068 K014‬‬ ‫‪7751C‬‬ ‫‪R220 G185 B070‬‬ ‫‪#dcb946‬‬


‫‪Brand Manual‬‬ ‫‪42 // 16‬‬

‫‪Corporate Color‬‬ ‫‪System‬‬ ‫מערכת הצבעים הראשית‬ ‫ומספרי קוד הצבעים‪.‬‬

‫צבע ראשוני‬

‫צבע ראשוני‬

‫‪-‬‬

‫ירוק חזק‬

‫שחור מוחלט‬

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

‫צבע ראשוני‬

‫צבע ראשוני‬

‫ירוק חזק‬

‫שחור מוחלט‬

‫‪-‬‬

‫‪-‬‬

‫קוד צבע‬

‫קוד צבע‬

‫‪ : CMYK‬‬ ‫‪ : Pantone‬‬ ‫‪ : RGB‬‬ ‫‪ : Web‬‬

‫‪C026 M000 Y078 K026‬‬ ‫‪368C‬‬ ‫‪R140 G189 B041‬‬ ‫‪#8cbd29‬‬

‫‪ : CMYK‬‬ ‫‪ : Pantone‬‬ ‫‪ : RGB‬‬ ‫‪ : Web‬‬

‫‪C000 M000 Y000 K000‬‬ ‫‪6C‬‬ ‫‪R000 G000 B000‬‬ ‫‪#000000‬‬


‫‪Brand Manual‬‬ ‫‪19 // 42‬‬

‫‪The Company‬‬ ‫‪Letterhead‬‬ ‫מוצגת כאן הפריסה המאושרת עם האלמנטים‬ ‫העיקריים של החברה למערכת הניירת המשרדית‬ ‫שלה‪.‬‬

‫פרמטרים‬ ‫מידות‬ ‫‪210 x 297 mm‬‬

‫שימוש‬

‫משקל‬ ‫‪90g/m‬‬ ‫‪Uncoated white‬‬

‫‬‫נייר המכתבים ישמש ליצירת דרכי ההתקשרות הרישמיים של החברה‪.‬‬ ‫הזינו את המסר שלכם לתוך נייר המכתבים של החברה והפיצו אותו‪.‬‬

‫הדפסה‬ ‫‪CMYK‬‬


‫‪Brand Manual‬‬ ‫‪42 // 18‬‬

‫‪The Company‬‬ ‫‪Business Cards‬‬ ‫מוצגת כאן הפריסה המאושרת עם האלמנטים‬ ‫העיקריים של החברה למערכת כרטיסי הביקור‬ ‫שלה‪.‬‬ ‫כרטיס ביקור צד קידמי‬

‫פרמטרים‬ ‫מידות‬ ‫‪90 x 50 mm‬‬

‫משקל‬ ‫‪400g/m‬‬ ‫‪Uncoated white‬‬

‫שימוש‬ ‫‪-‬‬

‫הדפסה‬ ‫‪CMYK‬‬

‫כרטיס הביקור ישמש ליצירת דרכי ההתקשרות הרישמיים של החברה‪.‬‬ ‫הזינו את הנתונים שלכם לתוך כרטיס הביקור של החברה ותחלקו אותם ללקוחות שלכם‪.‬‬

‫כרטיס ביקור צד אחורי‬


‫‪Brand Manual‬‬ ‫‪21 // 42‬‬

‫‪The Company‬‬ ‫‪Envelope‬‬ ‫מוצגת כאן הפריסה המאושרת עם האלמנטים‬ ‫העיקריים של החברה לצד קידמי ואחורי של מערכת‬ ‫המעטפות שלה‪.‬‬

‫מעטפה צד קידמי‬

‫פרמטרים‬ ‫מידות‬ ‫‪210 x 105 mm‬‬

‫מעטפה צד אחורי‬

‫שימוש‬

‫משקל‬ ‫‪85g/m‬‬ ‫‪Uncoated white‬‬

‫‬‫המעטפה תשמש ליצירת דרכי ההתקשרות הרישמיים של החברה‪.‬‬ ‫הזינו את המסר שלכם על המעטפה של החברה והפיצו אותו‪.‬‬

‫הדפסה‬ ‫‪CMYK‬‬


‫‪Brand Manual‬‬ ‫‪42 // 20‬‬

‫‪The Company‬‬ ‫‪Presentation Folder‬‬ ‫מוצגת כאן הפריסה המאושרת עם האלמנטים‬ ‫העיקריים של החברה למערכת הפולדרים שלה‪.‬‬

‫פרמטרים‬ ‫מידות‬ ‫‪90 x 50 mm‬‬

‫משקל‬ ‫‪400g/m‬‬ ‫‪Uncoated white‬‬

‫שימוש‬ ‫‪-‬‬

‫הדפסה‬ ‫‪CMYK‬‬

‫הפולדר ישמש ליצירת דרכי ההתקשרות הרישמיים של החברה‪.‬‬ ‫הזינו את הנתונים שהלקוח יקבל בפנים ואל תשכחו לצרף כרטיס ביקור‪.‬‬


Brand Manual 23 // 42

A4 Vertical Grid System Examples

‫פרמטרים‬ ‫ לדוגמא‬A4 ‫גריד‬ 297 x 210 mm


‫‪Brand Manual‬‬ ‫‪42 // 22‬‬

‫‪Corporate‬‬ ‫‪Grid Systems‬‬

‫מערכת הגריד‬ ‫‬‫הסבר‪:‬‬ ‫הגריד משמש כעוגן עליו‬ ‫המעצב יכול לסדר את‬ ‫האלמנטים הגרפיים‬ ‫(תמונות‪,‬פונט‪,‬טקסט)‬ ‫בצורה רציונלית וקלה‬ ‫להבנה‪ .‬גריד יכול לסדר‬ ‫תוכן גרפי ביחס לדף‪,‬‬ ‫לאלמנט גרפי אחר בדף‬ ‫או ביחס לחלקים אחרים‬ ‫השייכים לאותו אלמנט‬ ‫גרפי‪.‬‬

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

‫פרמטרים‬ ‫גריד ‪ A4‬לדוגמא‬ ‫‪297 x 210 mm‬‬


‫‪Brand Manual‬‬ ‫‪25 // 42‬‬

‫‪iPad Vertical Grid‬‬ ‫‪System Examples‬‬

‫גריד מסך מאוזן‬ ‫לדוגמא‬ ‫‬‫הסבר‪:‬‬ ‫כאן מוצגת הפריסה עם‬ ‫גריד טיפוגרפי למסכי ‪.iPad‬‬ ‫השימוש יהיה לאתר המובייל‬ ‫של החברה‪.‬‬


‫‪Brand Manual‬‬ ‫‪42 // 24‬‬

‫& ‪Web Design‬‬ ‫‪Development‬‬ ‫מיקום הלוגו‬ ‫‬‫הסבר‪:‬‬ ‫על מנת שנוכל למקם את‬ ‫הלוגו בצורה הנכונה אנא‬ ‫השתמשו באחת מהפריסות‬ ‫המוצגות כאן‪ .‬לא מומלץ‬ ‫להציב את הלוגו באף דרך‬ ‫אחרת‪.‬‬ ‫פרמטרים‬ ‫גריד ‪ A4‬לדוגמא‬ ‫‪297 x 210 mm‬‬


‫‪Brand Manual‬‬ ‫‪27 // 42‬‬

‫‪iPad Vertical Grid‬‬ ‫‪System Examples‬‬

‫גריד מסך מאוזן‬ ‫לדוגמא‬ ‫‬‫הסבר‪:‬‬ ‫כאן מוצגת הפריסה עם‬ ‫גריד טיפוגרפי למסכי ‪.iPad‬‬ ‫השימוש יהיה לאתר המובייל‬ ‫של החברה‪.‬‬


‫‪Brand Manual‬‬ ‫‪42 // 26‬‬

‫& ‪Web Design‬‬ ‫‪Development‬‬ ‫מיקום הלוגו‬ ‫‬‫הסבר‪:‬‬ ‫על מנת שנוכל למקם את‬ ‫הלוגו בצורה הנכונה אנא‬ ‫השתמשו באחת מהפריסות‬ ‫המוצגות כאן‪ .‬לא מומלץ‬ ‫להציב את הלוגו באף דרך‬ ‫אחרת‪.‬‬ ‫פרמטרים‬ ‫גריד ‪ A4‬לדוגמא‬ ‫‪297 x 210 mm‬‬


Brand Manual 29 // 42

Grid Example 1

Grid Example 1

Grid Example 1

Grid Example 1

Grid Example 1

Grid Example 1

Grid Example 1

Grid Example 1

Screen Grid Systems

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


‫‪Brand Manual‬‬ ‫‪42 // 28‬‬

‫& ‪Screen Design‬‬ ‫‪Development‬‬

‫כותרת‬

‫כותרת‬

‫כותרת‬

‫כותרת‬

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

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

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

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

‫לפמעט גולר מונפרר סוברט לורם שבצק יהול‪ ,‬לכנוץ‬ ‫בעריר גק ליץ‪ ,‬להאמית קרהשק סכעיט דז מא‪,‬‬

‫לפמעט גולר מונפרר סוברט לורם שבצק יהול‪ ,‬לכנוץ‬ ‫בעריר גק ליץ‪ ,‬להאמית קרהשק סכעיט דז מא‪,‬‬

‫לפמעט גולר מונפרר סוברט לורם שבצק יהול‪ ,‬לכנוץ‬ ‫בעריר גק ליץ‪ ,‬להאמית קרהשק סכעיט דז מא‪,‬‬

‫לפמעט גולר מונפרר סוברט לורם שבצק יהול‪ ,‬לכנוץ‬ ‫בעריר גק ליץ‪ ,‬להאמית קרהשק סכעיט דז מא‪,‬‬


‫‪Brand Manual‬‬ ‫‪31 // 42‬‬

‫גריד‬ ‫שני טורים‬

‫גריד‬ ‫שלושה טורים‬

‫גריד‬ ‫ארבעה טורים‬

‫גריד‬ ‫חמישה טורים‬

‫דף צוות‬ ‫מבט כללי‬

‫דף נחיתה‬ ‫עיצוב ‪One Pager‬‬

‫בלוג‬ ‫עמוד פנימי‬

‫בלוג‬ ‫מבט כללי‬

‫עמוד פורטפוליו‬ ‫שלושה טורים‬

‫עמוד פורטפוליו‬ ‫מבוסס גריד‬

‫חנות‬ ‫מבט מוצרים כללי‬

‫חנות‬ ‫עמוד מוצר‬


‫‪Brand Manual‬‬ ‫‪42 // 30‬‬

‫‪Wireframe‬‬ ‫‪System‬‬

‫מסכים שלדיים (‪ ,)Wireframe‬ידועים גם כסכמת הדף או‬ ‫שרטוט המסך‪ ,‬הינם מדריכים ויזואלים המייצגים את השלד‬ ‫הבסיסי של האתר‪.‬‬ ‫מטרת יצירת ה‪ Wireframes‬הינה יצירת סדר באלמנטים על‬ ‫מנת שנקבל את התוצאה הכי מדוייקת ואחידה‬


Brand Manual 33 // 42


‫‪Brand Manual‬‬ ‫‪42 // 32‬‬

‫& ‪Mood Board‬‬ ‫‪Inspiration‬‬

‫לוחות השראה יכולים להוות דרך מצויינת להעביר את הרעיון העיצובי‬ ‫ולעזור ללקוח להבין בצורה מוחשית את הכיוון הגרפי אליו אנחנו מכוונים‬ ‫בעת החשיבה על המותג‪.‬‬

‫‪.Be inspired. Be glad‬‬ ‫‪.Be glorious. Be individual‬‬


‫‪Brand Manual‬‬ ‫‪35 // 42‬‬

‫‪02‬‬ ‫‪Light Images‬‬

‫דרישות‬ ‫תיאור תמונות תאגידיות‬ ‫של ‪FUNDEXIT‬‬ ‫תמונות בהירות‬ ‫‬‫דרישות‪:‬‬ ‫ צבעים לא רווים‬‫ קונטרסט חזק‬‫ תמונות חדות‬‫ לוק מינימליסטי‬‫‪ -‬עסקי ומודרני‬


‫‪Brand Manual‬‬ ‫‪42 // 34‬‬

‫‪Corporate‬‬ ‫‪Images‬‬ ‫‪01‬‬ ‫תמונות כהות‬ ‫תיאור תמונות תאגידיות‬ ‫של ‪FUNDEXIT‬‬ ‫‬‫תמונות תאגידיות אחראיות להעברת ערכי החברה‬ ‫ללקוחות קיימים או ללקוחות פוטנציאליים‪ .‬זוהי‬ ‫תרכבת פסיכולוגית היוצרת רושם שממשיך עם‬ ‫החברה בהתאם למדיה בה היא מוצגת‪ ,‬סיקור‬ ‫חדשותי‪ ,‬הופעות‪ ,‬פרסומי חוצות וכו’‪FUNDEXIT .‬‬ ‫משתמשת במגוון טכניקות פרסום תאגידיות בכדי‬ ‫להעצים את התדמית הציבורית שלהם במטרה לשפר‬ ‫את הנחשקות שלהם בתור ספק‪ ,‬מעביד‪ ,‬לקוח שותף‬ ‫וכו’‪.‬‬

‫תיאור תמונות תאגידיות‬ ‫של ‪FUNDEXIT‬‬ ‫תמונות כהות‬ ‫‬‫דרישות‪:‬‬ ‫ צבעים לא רווים‬‫ קונטרסט חזק‬‫ תמונות חדות‬‫ לוק מינימליסטי‬‫‪ -‬עסקי ומודרני‬


‫‪Brand Manual‬‬ ‫‪37 // 42‬‬

‫איך להוסיף שילובי מצבים‬ ‫לתמונות תאגידיות‬

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


‫‪Brand Manual‬‬ ‫‪42 // 36‬‬

‫‪Images and‬‬ ‫‪Blending Modes‬‬ ‫מדריך‬ ‫איך ליצור‬ ‫שילובי צבעים‬

‫תמונות כהות‬

‫‬‫‪1.1‬השתמשו בתמונה‬ ‫במצב של שחור‪-‬לבן‬ ‫‪2.2‬השתמשו בצורה עם‬ ‫רקע תאגידי‬ ‫‪3.3‬שינוי סגנון השיכבה‬ ‫ל”‪”multiply‬‬

‫תמונות בהירות‬


‫‪Brand Manual‬‬ ‫‪39 // 42‬‬

‫בניית אייקון‬ ‫תאגידי‬

‫‪ .1‬מבנה‬

‫‪ .2‬האייקון שלך‬

‫‪ .3‬הגדלה‬

‫‪ .4‬הקטנה‬

‫‪-‬‬

‫‪-‬‬

‫‪-‬‬

‫‪-‬‬

‫צרו רקע מרובע‬ ‫בצבע תאגידי‬

‫בחירת האייקון‬ ‫ממגוון האייקונים‬ ‫התאגידיים‬

‫הגדל את האייקון‬ ‫הנבחר לגודל ריבוע‬ ‫הרקע‬

‫הקטן את האייקון‬ ‫הנבחר ב‪ 46%‬ומרכזו‬

‫שימוש ברקעים לאייקונים‬ ‫רקעים כהים‬

‫רקעים בהירים‬


‫‪Brand Manual‬‬ ‫‪42 // 38‬‬

‫‪Corporate‬‬ ‫‪Iconography‬‬ ‫פלטת האייקונוגרפיה‬

‫אייקונוגרפיה תאגידית‬ ‫של ‪FUNDEXIT‬‬ ‫‬‫אייקון הוא פיקטוגרמה המוצגת על מתוה הדף או‬ ‫המסך בכדי לעזור למשתמש לנווט דרך המידע בצורה‬ ‫קלה יותר‪ .‬האייקון עצמו הוא תמונה קטנה או סמל‬ ‫המשמש לייצוג מהיר ואינטואיטיבי של כלי התוכנה‪,‬‬ ‫פונקציה או קובץ מידע‪.‬‬


‫‪Brand Manual‬‬ ‫‪41 // 42‬‬

‫‪FUNDEXIT‬‬ ‫‬‫סוכנות‪:‬‬ ‫‪STG‬‬

‫מנהל פרוייקטים‬ ‫ג’וליאן דריקז‬

‫יצירת קשר‪:‬‬

‫אימייל‪julien@stgweb.com :‬‬ ‫טלפון‪0526-403942 :‬‬

‫מנהל פרוייקטים‬ ‫ג’וליאן דריקז‬ ‫אימייל‪julien@stgweb.com :‬‬ ‫טלפון‪0526-403942 :‬‬


‫‪Brand Manual‬‬ ‫‪42 // 40‬‬

‫& ‪Agency‬‬ ‫‪Fundexit‬‬ ‫‪STG Digital Agency‬‬ ‫‬‫סיכום‬

‫קונדימנטום קורוס בליקרה‪ ,‬נונסטי קלובר בריקנה‬ ‫סטום‪ ,‬לפריקך תצטריק לרטי‪.‬‬

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

‫ושבעגט ליבם סולגק‪ .‬בראיט ולחת צורק מונחף‪,‬‬ ‫בגורמי מגמש‪ .‬תרבנך וסתעד לכנו סתשם השמה ‪-‬‬ ‫לתכי מורגם בורק? לתיג ישבעס‪.‬‬

‫קולורס מונפרד אדנדום סילקוף‪ ,‬מרגשי ומרגשח‪.‬‬ ‫עמחליף צש בליא‪ ,‬מנסוטו צמלח לביקו ננבי‪ ,‬צמוקו‬ ‫בלוקריה שיצמה ברורק‪ .‬נולום ארווס סאפיאן ‪-‬‬ ‫פוסיליס קוויס‪ ,‬אקווזמן קוואזי במר מודוף‪ .‬אודיפו‬

‫קוואזי במר מודוף‪ .‬אודיפו בלאסטיק מונופץ קליר‪,‬‬ ‫בנפת נפקט למסון בלרק ‪ -‬וענוף לפרומי בלוף קינץ‬ ‫תתיח לרעח‪ .‬לת צשחמי צש בליא‪ ,‬מנסוטו צמלח‬ ‫לביקו ננבי‪ ,‬צמוקו בלוקריה שיצמה ברורק‪.‬‬


‫‪www.stgbeta.com/fundexit‬‬

‫תאריך יצירה‪:‬‬ ‫נובמבר ‪2016‬‬

‫‪FUNDEXIT‬‬

‫תודה‪,‬‬

‫על היותך חלק מהמותג שלנו‪.‬‬

‫הופק עבור‪:‬‬ ‫‪FUNDEXIT‬‬

‫נוצר באהבה על ידי‪:‬‬ ‫‪STG DIGITAL AGENCY‬‬


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.