
از زمان معرفی آن در سال 2017، Adobe XD در مقایسه با رقیب خود، Sketch، به بلوغ رسیده است. با نگاهی به Adobe XD در مقابل Sketch، آیا زمان تغییر فرا رسیده است؟
Sketch، یک ابزار طراحی شناخته شده، از زمان معرفی خود در سال 2010، از رشد فوق العاده ای برخوردار بوده است. در سال 2016، Adobe XD را به عنوان یک رقیب سرسخت معرفی کرد. پس از نزدیک به سه سال توسعه، آیا Adobe XD چالش کافی برای طراحان برای در نظر گرفتن تغییر ایجاد می کند؟
فرآیند طراحی UX پیچیده است و نیاز به استفاده از ابزارها، متدولوژی ها و چارچوب های خاصی دارد. تحقیقات کاربر، تجزیه و تحلیل، قالببندی سیمی، ماکتها، تکرار، تست قابلیت استفاده و نمونهسازی UI تنها تعدادی از مصنوعات و فرآیندهایی هستند که طراحان در هنگام برقراری ارتباط با توسعهدهندگان، ذینفعان و سایر اعضای تیم با آنها کار میکنند.
دو ابزار طراحی شناخته شده ای که طراحان UX بر آنها تکیه می کنند Adobe XD و Sketch هستند.
Sketch به دلیل رابط کاربری ساده، تعداد زیاد افزونه ها، عملکرد کامل جعبه ابزار و به روز رسانی های مکرر، به استاندارد واقعی اکثریت بزرگی از طراحان دیجیتال تبدیل شده است.
در حالی که Sketch به ابزار منتخب طراحان UX تبدیل شد، Adobe که مدتها به دلیل نرمافزار طراحی برنده جوایز و پیوندهای عمیق خود با جامعه طراحی شناخته میشد، گزینه مشابهی نداشت. آنها Photoshop، Illustrator و Fireworks داشتند، اما طراحان تمایلی به استفاده از سه ابزار برای انجام وظایفی که Sketch میتوانست در یک برنامه ارائه کند، نداشتند.
در سال 2016، Adobe XD (Experience Design) را معرفی کرد. یک رقیب جدی برای Sketch، آنها هنوز کارهای زیادی برای انجام دادن داشتند. در آن زمان Sketch شش ساله بود، پایگاه کاربری گسترده ای داشت و اکوسیستم کاملی از پلاگین ها داشت که آن را به یک ابزار طراحی قدرتمند تبدیل می کرد. این رقابت طی دو سال آینده تشدید شد و Adobe XD از یک رقیب زیرک به یک ابزار طراحی بسیار مورد توجه تبدیل شد که بسیاری از طراحان حرفه ای را به خود جلب کرده است.
وبلاگ طراحی Toptal در سال 2017 زمانی که هنوز در مرحله بتا بود، مقاله ای در مورد Sketch vs Adobe XD منتشر کرد. اکنون، دو سال بعد، Adobe XD چندین تجدید نظر را با یک هدف روشن مشاهده کرده است: ارائه هر چیزی که یک طراح UX به صورت بومی و با عملکرد عالی نیاز دارد.
آیا زمان آن رسیده است که طراحان UX از Sketch به Adobe XD سوئیچ کنند؟
Adobe XD در مقابل Sketch
بیایید بررسی کنیم که Adobe XD چگونه با Sketch مقایسه می شود. ویژگی های زیر را با هم مقایسه می کنیم:
رابط کاربری
تکرار Grid
نمادها و پانل های دارایی
ابزارهای طراحی پاسخگو
افزونه ها و افزونه ها
نمونه سازی با Auto-Animate
اشتراک گذاری و نظرات
کار با توسعه دهندگان
کنترل نسخه و همکاری در زمان واقعی
رابط کاربری
طراحانی که با ابزارهایی مانند فتوشاپ آشنا هستند، نباید در یادگیری Adobe XD یا Sketch مشکلی داشته باشند، زیرا همه آنها رابط کاربری مشابهی دارند.
Adobe XD و Sketch رابط کاربری مشابهی دارند به استثنای چند عنصر که بین این دو تفاوت دارند.
یکی از تفاوت های قابل توجه در رابط کاربری عدم وجود نوار ابزار در Adobe XD است. نوار ابزار که در بالای رابط کاربری قرار دارد، یک ویژگی مفید در Sketch با میانبرهای قابل تنظیم برای توابع و ابزارهای رایج مانند گروه بندی اشیا است. Adobe یک ویژگی مشابه و کوچک شده به نام جعبه ابزار ارائه می دهد که در سمت راست نرم افزار قرار دارد.
Sketch در مقابل XD: Sketch برای نوار ابزار مفید خود برتری دارد.
تکرار Grid
یکی از ویژگی های قابل توجه در Adobe XD شبکه تکرار است. این یک ابزار مفید است که امکان ایجاد آسان لیست های قابل تنظیم و صفحه های مبتنی بر شبکه را فراهم می کند. در حالی که Sketch فاقد این ویژگی است، می توان آن را کم و بیش با افزونه ها تکرار کرد.
ویژگی Repeat Grid در Adobe XD امکان ایجاد سریع لیست ها و صفحه های مبتنی بر شبکه را فراهم می کند.
Sketch در مقابل XD: Adobe XD دارای لبه با شبکه تکرار است که بومی نرم افزار است.
نمادها و پانل های دارایی
نمادها یکی از ویژگی های اولیه بودند که سهم قابل توجهی در موفقیت Sketch داشتند. نمادها مانند CSS (Cascading Style Sheets) طراحی وب سایت هستند. آنها به طراحان این امکان را می دهند که به راحتی از دارایی ها استفاده مجدد و انبوه ویرایش کنند که باعث صرفه جویی در زمان می شود، به ایجاد یک سیستم طراحی آماده کمک می کند و ثبات را در همه صفحه ها فراهم می کند.
موفقیت Sketch تا حد زیادی به دلیل ویژگی نمادها بود. Adobe XD ویژگی مشابهی را با پنل های دارایی ارائه می دهد.
Adobe با نمادهای اولیه شروع کرد و سپس پانل دارایی را معرفی کرد که نمادها، فونت ها و رنگ ها را در یک مکان واحد ترکیب می کرد. ویرایش هر یک از این عناصر به روز رسانی های حاصل را در زمان واقعی نشان می دهد. Sketch این ویژگیها را دارد، اما Adobe XD تجربه کاربری منسجمتر و بهبود یافتهتری را ارائه کرده است.
Sketch در مقابل XD: Adobe XD به دلیل ترکیب عناصر UI در پانل دارایی، دارای یک مزیت جزئی است.
ابزارهای طراحی پاسخگو
Adobe XD مجموعه ای قوی از ابزارهای طراحی پاسخگو را ارائه می دهد. یکی از ویژگی های برجسته، حالت خودکار پاسخگو، حدس می زند که صفحه نمایش چگونه باید به اندازه های مختلف دستگاه واکنش نشان دهد.
این یک ویژگی فوق العاده مفید است که می توان آن را با استفاده از یک دکمه کشویی ساده روشن و خاموش کرد. اگر حالت خودکار از رفتار مورد انتظار خود کوتاهی کند، یک طراح می تواند ویژگی های پاسخگو را به صورت دستی تغییر دهد.
Sketch این ویژگی را ندارد، اما افزونههای زیادی مانند Anima Toolkit دارد که کار را به خوبی انجام میدهند.
Adobe XDیک سیستم طراحی پاسخگو قوی و خودکار ارائه می دهد که Sketch بدون استفاده از افزونه ها فاقد آن است.
Sketch در مقابل XD: Adobe XD مزیتی در اینجا دارد. آنها یک روش داخلی برای دیدن اثرات پاسخگو در عناصر UI ارائه می دهند.
افزونه ها
اکوسیستم پلاگین در Sketch بدون شک یکی از بزرگترین ویژگی های آن است. صدها پلاگین وجود دارد که عملکرد Sketch را گسترش میدهد و به طراحان اجازه میدهد از ویژگیهای پیشرفته استفاده کنند و در عین حال در اکوسیستم Sketch بمانند.
افزونه ها معادل Adobe XD پلاگین ها هستند. Adobe اکوسیستم الحاقی خود را در سال 2018 راه اندازی کرد، بنابراین به اندازه Sketch قوی نیست. این نگرانی برای Adobe نیست زیرا هدف آنها تلاش برای کاهش نیاز به افزونهها و تمرکز بر ایجاد ویژگیهایی است که در نرمافزار تعبیه شده است.
Sketch در مقابل XD: Sketch با کتابخانه گسترده افزونه های خود مزیت دارد.
نمونه سازی با Auto-Animate
Adobe اخیرا XD را با یک ویژگی فوقالعاده مفید برای طراحان UX بهروزرسانی کرده است: انیمیشن خودکار. با ایجاد انتقال هوشمندانه و روان بین عناصر صفحه های مختلف کار می کند. نتایج چشمگیر است و نمونه سازی را به تجربه ای لذت بخش تبدیل می کند که با آن مشتریان بالقوه را درگیر می کند. Sketch این قابلیت را حتی با یک افزونه ارائه نمی دهد.
یکی دیگر از ویژگی های نمونه سازی عالی که Adobe معرفی کرده است، پشتیبانی از تعاملات ریز است، به عنوان مثال، کشیدن یک پانل از لبه صفحه یا ظاهر کردن صفحه کلید. Adobe XD همچنین از نمونه سازی UI های مبتنی بر صدا (مانند الکسا یا Google Home) پشتیبانی می کند.
Sketch در مقابل XD: Adobe XD در اینجا مزیتی با ویژگیهای متحرک خودکار صرفهجویی در زمان و پشتیبانی از تعاملات میکرو دارد که Sketch فاقد آن است.