آیکن‌های تخت و رنگی برای UI لندینگ، داشبورد و آنبوردینگ

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

کجا تخت رنگی می‌درخشد؟

در لندینگ ویژگی، onboarding و داشبورد سبک، آیکن رنگی بدون جزئیات سه‌بعدی سنگین سریع‌تر و در سایز کوچک خواناتر است. گلس برای تم مدرن است به شرط کنتراست کافی.

  • Flat رنگی ساده و مقیاس‌پذیر
  • Glass شفافیت برای UI خاص
  • ست موضوعی فولدر و وضعیت

یکپارچه‌سازی

به توکن رنگ وصل کنید. سه سبک را در یک نوار منو قاطی نکنید. معنا را فقط با رنگ نرسانید. SVG را ترجیح دهید و در کد کامپوننت با prop رنگ بسازید. نسخه غیرفعال muted داشته باشید. معنی هر آیکن را یک خط در مستند بنویسید.

سه‌بعدی برای هیرو است؛ این زیرشاخه UI روزمره است.

پس از خرید

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

در لندینگ یک ردیف ویژگی هم‌سبک نرخ درک را بالا می‌برد بدون شلوغی بصری.

به‌کارگیری آیکن تخت و رنگی در محصول دیجیتال

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

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

آیکن تخت رنگی در محصول واقعی باید در حالت خطا، موفقیت و خنثی نسخه داشته باشد. نام فایل‌ها را معنایی بگذارید نه final2. در کد، به جای PNG پراکنده از SVG اسپریت یا کامپوننت استفاده کنید. گلس را در تم تیره با کنتراست جدا تست کنید. این جزئیات پک آیکن تخت را به سیستم UI وصل می‌کند.

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

در تم تیره و روشن، کنتراست آیکن را جداگانه چک کنید تا روی پس‌زمینه گرادینت یا بلور، جزئیات فولدر و وضعیت گم نشود.