30 + קריאה לפעולה תבניות לחצן להורדה

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

כמו מעצבי אינטרנט הם תמיד מחפשים אוסף חדש של לחצני קריאה לפעולה לרשותם, הנה אוסף של לחצני קריאה לפעולה תבניות החל HTML, CSS ו- JavaScript לתבניות Photoshop מעוצבות באופן מקצועי. בואו נסתכל.

הערת העורך: פוסט זה פורסם במקור באוגוסט 2014 והוא עודכן במרץ 2018 על בסיס תוכן חדש על ידי Ashutosh KS.

לחצנים ב- HTML / CSS / JS

פלוטי פלואטי

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

כפתור ה- CTA של RubyMotion

RubyMotion CTA- כפתור הוא יפה ומושך קריאה לפעולה כפתור, בזכות צבע תוססת שלה. אני אוהב את ה אנימציה על העבר, אשר ממלא את הכפתור כולו עם צבע.

פעימות קריאה לפעולה

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

לחצן להעיף למטה קריאה לפעולה

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

שישה לחצנים עם מרחף אנימציות

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

קריאה לפעולה של YouTube

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

חומר עיצוב לחצנים אנימציה

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

לחצן מיקרו אינטראקציה

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

לחצן CTA חזק אנימציות

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

קריאה לפעולה רגילה

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

ניסוי קריאה לפעולה

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

לחצנים ב- Photoshop PSD

2.0 לחצנים ערכת

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

לחצן CALL-to-action

לחצן CALL-TO-ACTION הוא כפתור פשוט ומושך להצגת פריטים ניתנים לפעולה. זה מציג א עיצוב עגול עם רקע שיפוע.

לחצני קריאה לפעולה

קבוצה של שלושה לחצנים צבע, קריאה לפעולה לחצנים מציג את כפתור ההורדה ב שלושה צבעים שונים ושני מצבים - נורמלי ולחץ (לחיצה). ניתן גם לשנות את הכפתור כדי להציג פעולה נפרדת תוך שמירה על העיצוב של הכפתור.

לחצן ירוק גדול (PSD)

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

קריאה חינם לפעולה לחצנים

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

הגדרת מעצב אינטרנט

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

קריאה לפעולה באטונים

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

לחצן קריאה לפעולה PSD

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

לחצני קריאה לפעולה

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

הורד + לחצנים טען PSD

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

לחצני קריאה לפעולה

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

למידע נוסף לחצנים

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

סט לחצן חינם

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