اسکیل استاندارد اپل کلاد؛ سه اسکیل در یک نصب

اسکیل استاندارد اپل کلاد از دو منبع تشکیل شده که با هم رابط کاربری را به سبک اپل نزدیک می‌کنند: apple-design که اصول کلی طراحی اپل را وارد کار می‌کند، و apple-hig که خودش سه اسکیل جداگانه نصب می‌کند. این ترکیب هم ظاهر و هم رفتار رابط کاربری را کامل و دقیق پوشش می‌دهد. اگر هنوز نمی‌دانید اسکیل چیست، اول اسکیل کلاد چیست را بخوانید.

چرا رعایت استاندارد اپل به یک اسکیل جدا نیاز دارد

استاندارد طراحی اپل، یعنی همان چیزی که به آن Human Interface Guidelines یا HIG می‌گویند، مجموعه‌ی مفصلی از قواعد است: فاصله‌گذاری دقیق، اندازه‌ی استاندارد دکمه‌ها، رفتار مشخص برای هر نوع کنترل. حفظ کردن همه‌ی این جزئیات در ذهن و توضیح دادنشان در هر درخواست عملاً غیرممکن است.

اسکیل استاندارد اپل این مشکل را حل می‌کند: قواعد یک‌بار در قالب اسکیل نوشته می‌شوند و هر بار که رابط کاربری به سبک اپل می‌سازید، خودکار اعمال می‌شوند. نتیجه رابطی است که نه‌فقط شبیه اپل به‌نظر می‌رسد، بلکه از نظر رفتار و تعامل هم همان قواعد را رعایت می‌کند.

اسکیل apple-design چه کاری می‌کند

این اسکیل اصول کلی زیبایی‌شناسی اپل را پوشش می‌دهد: تایپوگرافی، فاصله‌گذاری، سلسله‌مراتب بصری و حس کلی رابط کاربری. وقتی از یک صفحه یا اپلیکیشن می‌خواهید که حس اپل داشته باشد، این اسکیل همان تصمیم‌های سبکی را می‌گیرد که یک طراح آشنا با اپل می‌گیرد.

این اسکیل بیشتر برای لایه‌ی ظاهری کار می‌کند؛ یعنی چیزی که کاربر با چشم می‌بیند، نه لزوماً رفتار دقیق فنی هر کنترل.

اسکیل apple-hig چه کاری می‌کند

نکته‌ی مهم درباره‌ی apple-hig این است که اسم واحدی دارد ولی در واقع سه اسکیل جدا نصب می‌کند: hig-foundations برای مبانی طراحی، hig-patterns برای الگوهای رایج تعامل، و hig-components-controls برای رفتار دقیق کنترل‌ها مثل دکمه، سوییچ و اسلایدر.

این سه با هم پوشش کامل‌تری از HIG رسمی اپل می‌دهند؛ یعنی هم مبانی، هم الگو، هم جزئیات اجرایی هر کنترل. برای پروژه‌ای که قرار است دقیقاً مثل اپلیکیشن‌های اپل رفتار کند، این سه اسکیل بیشتر از apple-design به تنهایی به کار می‌آیند.

یک مثال از تفاوت خروجی

فرض کنید می‌خواهید یک صفحه‌ی تنظیمات بسازید. بدون این اسکیل‌ها، کلاد یک فهرست ساده از گزینه‌ها می‌سازد که از نظر فنی درست است ولی هیچ شباهتی به تجربه‌ی اپل ندارد.

با فعال بودن apple-design، همان صفحه فاصله‌گذاری و تایپوگرافی آشنای اپل را می‌گیرد. با اضافه شدن hig-components-controls، سوییچ‌ها و دکمه‌ها دقیقاً همان رفتاری را دارند که در اپلیکیشن‌های iOS می‌بینید؛ مثلاً انیمیشن سوییچ یا فاصله‌ی استاندارد بین ردیف‌های فهرست. تفاوت بین این دو خروجی معمولاً از همان نگاه اول مشخص است، حتی برای کسی که طراح نیست و زبان فنی دیزاین را نمی‌داند.

مراقب نسخه‌ی تقلبی apple-hig باشید

یک نسخه‌ی دیگر با همین اسم زیر ریپوی nexu-io/open-design هم منتشر شده که باید از آن دوری کنید. این نسخه فقط یک فایل حدود یک کیلوبایتی است که هیچ محتوای واقعی ندارد و صرفاً می‌گوید بروید نسخه‌ی اصلی را نصب کنید.

قبل از نصب هر اسکیلی با نام مشابه، منبع را چک کنید. نسخه‌ی درست و کامل apple-hig از ریپوی raintree-technology/apple-hig-skills می‌آید، نه از nexu-io/open-design.

نصب و منبع هرکدام

apple-design از ریپوی emilkowalski/skills نصب می‌شود. apple-hig از ریپوی raintree-technology/apple-hig-skills نصب می‌شود و همان‌طور که گفته شد، خودش سه اسکیل را فعال می‌کند. هر دو با دستور استاندارد نصب اسکیل و آدرس ریپوی درست قابل نصب‌اند.

بعد از نصب، لازم نیست اسم دقیق هرکدام را در درخواست بیاورید؛ کافی است بگویید می‌خواهید رابط کاربری به سبک اپل باشد تا کلاد اسکیل مناسب را به کار ببرد.

چه زمانی این استانداردها کافی نیست

این اسکیل‌ها ظاهر و رفتار عمومی به سبک اپل می‌دهند، ولی برای اپلیکیشنی که واقعاً قرار است در اپ‌استور منتشر شود، هنوز باید مستندات رسمی و به‌روز اپل را هم بررسی کنید، چون این اسکیل‌ها ممکن است با هر نسخه‌ی جدید سیستم‌عامل به‌روزرسانی نشده باشند.

همچنین، اگر برند خودتان هویت بصری متفاوتی دارد، اعمال کامل استاندارد اپل ممکن است با آن هویت در تضاد باشد. در این حالت بهتر است فقط بخش‌هایی از این قواعد را انتخاب کنید که با برندتان همخوانی دارد و بقیه را کنار بگذارید.

سوالات متداول

باید هر دو اسکیل را با هم نصب کنم؟

برای پوشش کامل‌تر بله، چون apple-design بیشتر روی ظاهر تمرکز دارد و apple-hig جزئیات رفتاری کنترل‌ها را هم اضافه می‌کند.

چرا apple-hig سه اسکیل نصب می‌کند؟

چون HIG رسمی اپل خودش سه لایه دارد: مبانی، الگوها و کنترل‌ها. این تفکیک باعث می‌شود هر بخش دقیق‌تر و مرتب‌تر باقی بماند و مدیریت هر لایه هم ساده‌تر شود.

نسخه‌ی تقلبی چطور شناخته می‌شود؟

نسخه‌ای که زیر nexu-io/open-design منتشر شده فقط یک فایل خیلی کوچک است و هیچ محتوایی ندارد. نسخه‌ی معتبر از raintree-technology/apple-hig-skills می‌آید.

اسکیل استاندارد اپل کلاد رایگان است؟

بله، نصب و استفاده از هر دو اسکیل استاندارد اپل کاملاً رایگان است و نیازی به پلن پولی کلاد ندارد.

قدم بعدی

اگر پروژه‌ای دارید که باید حس اپل بدهد، هر دو اسکیل را نصب کنید و یک صفحه‌ی واقعی را با آن‌ها بسازید تا تفاوت را با خروجی پیش‌فرض ببینید. اسکیل استاندارد اپل کلاد را اول روی یک صفحه‌ی ساده امتحان کنید تا با رفتار هر سه بخش آشنا شوید.

اگر می‌خواهید این استاندارد را برای محصولتان به‌صورت حرفه‌ای و کامل پیاده کنیم، صفحه‌ی خدمات طراحی سایت نقطه‌ی شروع است. فصل چهارم دوره‌ی سفر هوش مصنوعی هم کار با اسکیل‌های دیزاین را قدم‌به‌قدم و با نمونه‌ی واقعی و عملی پوشش می‌دهد.