מעצבי דיגיטל ו-UX/UI

בניית אתרים וחוויית משתמש >> תוכן מקצועי

תיקי עבודות של עיצוב אתרים >> העבודות האחרונות, תהנו!

SHUGE שפרה כהן.png
SHUGE שפרה כהן 01.png
אומנות האופציות שפרה כהן.png
WhatsApp Image 2026-03-10 at 2.11.40 AM (1).jpeg
WhatsApp Image 2026-01-07 at 11.45.24 AM.jpeg
קלף קליין.jpg
בראש פתוח.jpg
מכון ספורנוקטן.jpg
לב גדול.jpg
בלוי ספרים.jpg
הצגת אתר תדמית משרד שמעוני5.jpg
WST השקעות נדלן בדובאי-3.png
WST השקעות נדלן בדובאי-2.png
WST השקעות נדלן בדובאי-1.png
WST השקעות נדלן בדובאי.png
הצגת פרוייקט ישראל דיזקינד 4.png
הפורום שלנו (מעצבי דיגיטל ו-UX/UI)
כבר חוגג קצת יותר משנה במתכונת הנפרדת הזו.

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

תודה מיוחדת
@EPaP על השיתוף הגאוני ביומן מסע בארץ פיגמה.
(קחי את הזמן למה שאת צריכה, אבל תחזרי מהר להמשיך לעדכן :) )

ולעוד פעילים.ות

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

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

מה צריך לעשות?
1. ראשית לוודא שאתם רשומים בפורום
2. על הפעילים להיות אנשי מקצוע בתחום או באמצע לימודים בתחום.
3. להעלות/לחזק דיונים, השראות, תוכן מקצועי, מקורי ומעניין בתחום הUI-UX

ועוד שבועיים מהיום בע"ה נעלה את הפעילים ביותר
ונראה איך לבצע את ההחלטה למי שיזכה למסור לי את הכתובת שלו בפרטי :)

צאו לדרך!

והנה הצצה ממה שיחכה בגודי-בג,
וזה רק בינתיים..

UX_UI.png
שלום לכולם,

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

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

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

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

לינק:
http://netcraftacademy.co.il/?glossary=אינטראקציה

upload_2019-11-29_2-11-59.png


מזמינה אתכם לשחק עם המילון ולחפש מושג שאולי לא שמעתם עליו...

ניתן כמובן לפתח דיון על כל אחת מההגדרות המובאות,
תגיבו, תשתפו איך אצלכם :)

יהיה מעניין!

אסתי
ערב טוב,

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

upload_2019-12-10_21-39-30.png

זה הזמן להרים את העיניים :rolleyes: ולראות, על מה, למען ה', "חיוך" מדברת?

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

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

אז כלי שיעזור לכם ל"יישר" את ההדורים בין 2 "קווים מקבילים" שלעולם לא נפגשים (כי לא מצאתי איך לבדוק איתו יישור אמצע) - הסרגל של chrome.

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

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

upload_2019-12-10_21-11-46.png


איך "מדליקים" את הסרגל?

1. F12 במקלדת
2. F1 במקלדת - או - לחיצה על אייקון 3 נקודות > Settings

upload_2019-12-10_21-30-0.png

3. סימון Show Rulers
upload_2019-12-10_21-37-15.png

כך זה נראה:

upload_2019-12-10_21-38-7.png


בהצלחה!
  • 771
  • נכון, האתר הזה מיועד לגיקים, אבל גם לי כיף להכנס אליו ולשוטט בו.
    הנה, זה הלינק:
    https://www.02ws.co.il/
    מה יש לנו בו?
    אייקונים ברורים, מונפשים
    מיקרוקופי מדוייק לגמרי, לוחץ על נקודות הכאב המדוייקות, וכיפי
    אפשרות לבחון לפי כל מיני פרמטרים (אז מה אם אני לא מבינה אותם? כיף לחטט בהם!)
    הסברים צפים, תעמדו על אייקונים שונים ותגלו כל מיני עולמות
    רקע שמתעדכן לפי השעה ומזג האויר (כולל ברקים! פתאום יש הבזקים...)

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

    שידורים חיים

    פורום תוסס ופעיל של חובבי המטאורולוגיה

    ואפילו חמשירי שלג...

    www.02ws.co.il_station.php_lang=1.png
  • 582
  • אל עולם חווית המשתמש,
    הגעתי מתחום קידום אתרים.
    אז, (לפני כמעט עשור) בתור מקדמים היה ברור שחווית משתמש קשורה בקשר הדוק עם גוגל,
    כלומר בשביל לקדם אתר בגוגל, חווית המשתמש חייבת להיות ברמה המקסימלית שניתן. (בין היתר כמובן, אך כנקודת מוצא משמעותית)

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

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

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

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

    Screenshot - 2019-12-08T200538.811.png

    Screenshot_59.png
    ועוד..

    האמת, שיש גם כמה משעשעים :)
    כאלו שהיו פעילים בעבר
    אבל יש כמה ששרדו,
    חפשו:
    Askew
    Do a Barrel Roll
    Pacman
    Solitaire
    Tic Tac Toe
    Snake
    Spinner
    t.gif


    כאן יש עוד>>

    ואם הזכרנו את גוגל וחווית משתמש,
    הנה כמה מצגות מבית גוגל מעולם הUX:
    (מצגות שיצאו בתחילת ינואר)

    (חווית משתמש באתרי חדשות)
    UX Playbook for News and Content Sites

    (
    אתרי נדל"ן)
    Google UX playbook 2019 for Real Estate

    (דפי נחיתה)
    UX Playbook for Lead Gen

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

    הולכת לעדכן שם כמה דברים :)
    שתפו בדיונים וחומרים מקצועיים!
  • 410
  • לאחרונה פתחתי בלוג על וורדפרס,
    https://wpguide.co.il/
    כבר היום יש מאות מבקרים בשבוע, ורשימת תפוצה די גדולה
    אני מחפש עוד כותבים בבלוג, בעיקר על עיצוב אתרים,
    כמובן עם קרדיט וקישור לאתר (אם יש)
    מי שמעוניין שישלח לי בפרטי
    • תודה
    Reactions: elisheva181 //
    0 תגובות
    Readymag’s — This year, you can save up to $269

    Readymag Black Friday 2019
    Get a discount for any paid plan here on November 25–29
    blackfriday.readymag.com

    .

    UI Love - All the Black Friday deals for designers in one place.

    Black Friday Sale - UI Love
    Access All Products + All New Releases Enjoy instant access to our vast library of 3404 premium products and all…
    www.uilove.cloud

    .

    AppSumo - incredible Black Friday deals

    AppSumo: The Store for Entrepreneurs
    AppSumo promotes great products to help you in your career and life.
    appsumo.com

    .

    StoryChief — 50% off for 3 months
    Use promo **code: BLACKFRIDAY19**

    50% discount on ALL StoryChief Plans — Black Friday
    Online content publisher for editorial teams who want to push content to all channels.
    get.storychief.io

    .

    Elementor - up to 30% off

    Black Friday Sale Is On!
    Black Friday 2019 is here and the Elementor team is giving away some great offers to Elementor newbies! Check out our…
    elementor.com

    .

    XCHOP - Convert PSD to HTML — Get 20% Discount
    **Code : BLACKFRIDAY**

    Convert PSD to HTML | HTML5 | Responsive WordPress | Xchop
    XCHOP is a conversion service provider offers PSD to HTML, PSD to HTML5, PSD to responsive WordPress, PSD to Email…
    www.xhtmlchop.com

    .

    Adobe Creative Cloud - Get 40% off

    Adobe Creative Cloud
    Enjoy the entire collection of our creative desktop and mobile tools, like Photoshop, Illustrator, InDesign, Adobe…
    www.adobe.com

    .

    Smartmockups — 30% OFF with the discount **code: BLACKFRIDAY30**

    Smartmockups — Free product mockup generator
    Forget about spending hours learning how to use Photoshop. Smartmockups enables you to create stunning high-resolution…
    smartmockups.com

    .

    MotoCMS - up to 45% off on all templates & services

    Easy Website Builder for Beginners - Simple Web Creator - MotoCMS
    This site uses cookies and other tracking technologies to assist with navigation and your ability to provide feedback…
    www.motocms.com

    .

    Novi - Save up to 33% on Novi Membership

    HTML Builder Drag and Drop - Create Websites with Novi
    No hidden prices. No limits. Get lifetime free templates and plugins. Work with the best visual HTML drag and drop…
    novibuilder.com

    .

    Ultimate Addons — includes a library of Elementor Widgets that add functionality and flexibility to Elementor.

    **Coupon: BIGGESTBF19**

    Elementor Addons & Widgets — Ultimate Addons for Elementor
    Build professional websites faster with a range of custom and creative widgets for Elementor. Simply drag, drop and go…
    uaelementor.com

    .

    Iconscout — 90% OFF on Icons, Illustrations, and Stock Images

    Black Friday deal: Annual subscritption at $49
    90% OFF on Annual subscription. Unlimited icons and 10 images/month at just $49/year. Buy now!
    iconscout.com

    .

    Access Press Themes — 99 Best Black Friday and Cyber Monday WordPress Deals

    99 Best Black Friday and Cyber Monday WordPress Deals for 2019 (Up to 75% OFF)
    If you are WordPress savvy users like us, then Black Friday and Cyber Monday 2019 is the perfect time for buying…
    accesspressthemes.com

    .

    Round icons - Black Friday Sale — Get 40% Off
    **Code: BLACKFRIDAY**

    Round icons - Download The Full Icon Bundle with free updates
    Get all our premium icon packs - 40,000 icons in one bundle, guaranteeing that you always have an updated library of…
    roundicons.com

    .

    Logic Hop — Pre-Black Friday Special Get 40% Off
    **Code: "); background-size: 1px 1px; background-position: 0px calc(1em + 1px);">CYBER2019**

    Content Personalization for WordPress — Logic Hop
    Is Your WordPress Website Ready To Get Personal? Personalized websites perform up to 200% better. Logic Hop for…
    logichop.com

    .

    Iconfinder — Black Friday offer Get 70% off all subscription plans.

    Buy icons
    Access world-famous icon families and undiscovered gems, all wrapped in one simple subscription. Scale icons to any…
    www.iconfinder.com

    .

    UX Mastery — all ebooks 40% off
    **code: BLACKFRIDAY40**

    Downloads Archive - UX Mastery
    We help user experience professionals get started and get better.
    uxmastery.com

    .

    Udemy - Get massive savings on thousands of Udemy courses starting at just $12.99.

    Online Courses - Learn Anything, On Your Schedule | Udemy
    Udemy is an online learning and teaching marketplace with over 100,000 courses and 24 million students. Learn…
    www.udemy.com

    .

    Simvoly - 70% Black Friday Discount

    Simvoly Black Friday - 70% Discount On ALL Plans
    Transform your business and ideas with amazing Sales Funnels, stunning websites and highly converting pages. Build a…
    simvoly.com

    .

    Brizy — Black Friday Discount
    **Code: BF40OFF**

    Create Sales Landing Pages That Convert, Fast & Easy | Brizy
    The easiest way to create highly converting sales landing pages, lead generation and marketing landing pages for your…
    www.brizy.cloud

    .

    Stockfresh — 25% off on all stock image plans purchased.

    Stock Photos by Stockfresh — Buy Royalty Free Images and Vector Illustrations | Stockfresh
    Looking for high quality photos and graphics? You’re at the right place! We have an ever-growing collection of amazing…
    stockfresh.com

    .

    Mobirise Website Builder — 96% off

    All Mobirise Themes and Extensions Download. Best Mobirise Pricing
    Code Editor This extension allows to edit the code of blocks in the app or add a special empty block for custom code…
    mobirise.com

    .

    Forpeople Studio — 50% off on three products in a bundle

    Black Friday Bundle
    Edit description
    bf.forpeople.studio

    .

    RightFont — 30% Black Friday discount

    Professional Font Manager for Mac
    Used by top designers and creative teams. Welcome to RightFont, a lightweight and fast font manager for your Mac. It…
    rightfontapp.com

    .

    TemplateMonster — 50% off all products on templatemonster marketplace

    Black Friday Sale Is At Full Blast | TemplateMonster
    MotoCMS Startup Launch Package Get the site you want without doing everything yourself or paying a fortune! Impressive…
    www.templatemonster.com

    .

    TheGem — Sale Is Running. Hurry Up And Get Your 50% OFF!

    TheGem — Creative Multi-Purpose WordPress Theme Preview — ThemeForest
    lt;p> <a href=”http://preview.themeforest.net/item/thegem-creative-multipurpose-word...
    codex-themes.com

    .

    Cinema 4D — Materials Black Friday — Over 60% OFF

    Products — MOTION SQUARED
    All Motion Squared Redshift Material Packs in one big bundle. 10 Materials Packs, Over 1000 total materials! Includes…
    motionsquared.net
  • 374
  • יש את האתר הזה https://www.tzelemenosh.org/
    ואני רוצה לשנות את העיצוב שלו לגמרי האם יש למישהו המלצה על עיצוב באלמנטור פרו
    וגם איך אני מבצע את זה שההידר והתפריט יהיו קבועים באתר בכל הדפים שלו
    אני פעם ראשונה מתנסה באלמנטור פרו אז אם יש עצות אשמח לשמוע
    0 תגובות
    בעקבות האשכול המוצלח והמצליח של @elisheva18
    אלישבע - תודה על האשכול המושקע והעקבי - תענוג.
    זה האשכול למי שעוד לא נחשף>>

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

    אתר גד:
    קיים משנת 1998
    האתר עבר שינויים כמובן מאז ועד היום - בחרתי להראות תאריך אקראי מ2004.

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

    2019
    FireShot Capture 224 - מחלבות גד - https___www.gad-dairy.co.il_.png



    וככה הוא מ2004

    gad_2004.png

    הצטרפות לניוזלטר

    איזה כיף שהצטרפתם לניוזלטר שלנו!

    מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

    לוח מודעות

    הפרק היומי

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


    תהילים פרק כה

    אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
    נקרא  2  פעמים
    למעלה