ادغام UI بخش دوم

تاریخ انتشار: 11 آبان 1394

تعداد بازدید: 0 نفر

به منظور جلوگیری از به وجود آمدن نوار‌های تمیز دهنده، gradient باید طولانی‌ باشد، ارتفاع ۳ برابر ارتفاع استاندارد نوار برنامه، دارای نقطه مرکزی حدود ۳/۱۰ به سمت انتهای تیره gradient. این امر موجب میشود که این gradient طبیعی جلوه کند و خطوط تند در آن وجود نداشته باشد.
شفافیت Gradient باید بر اساس محیط انتخاب شود. در این تصویر انتهای تیره 60% سیاه می باشد، اما می تواند در برخی از مواقع تا 10 الی 20% کاهش یابد.

صحیح – اسکریم های تیره به صورت ایده آل باید در طیف 20 الی 40% شفافیت باشند (بسته به محیط). اسکریم های تیره باید به صورت ایده آل در طیف 40 تا 60 درصد باشند.

غلط – هنگامی که از اسکریم استفاده می کنید، تصویر را محو نکنید

صحیح – برای تصاویر بزرگ تر، محدوده های هدفمند برای محافظت متن باید به جای سفید کردن کل تصویر در نظر گرفته شوند

غلط – تصاویر بزرگ را بیش از اندازه اسکریم نکنید

صحیح – اسکریم های رنگی نسبت به اسکریم های محافظ متن متفاوت می باشند و می توانند به عنوان المان طراحی در نظر گرفته شوند. هنگام ایجاد پوشش های رنگی مکمل، از Palette API به منظور تشریح شیوه استفاده از رنگ خود بهره مند شوید

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

اواتارها به برنامه حس شخصی بودن بیشتری می دهد و فضای کمی را اشغال می کند.

یک اواتار برند اطلاعات را در یک نگاه انتقال می دهند.
تصاویر قوی
تصاویر قوی به تصاویری گفته می شود که اغلب در یک جای غالب قرار گرفته اند، بالا صفحه، مثلا مانند یک بنر در بالا صفحه نمایش. این تصاویر به منظور جلب کاربر، ارائه اطلاعات در رابطه با محتوا و تفویت برند مورد استفاده قرار می گیرند.

مشخصه ها

تصویر مشخصه یک تصویر قوی، دارای نقطه تمرکز اولیه درون یک طرحبندی خارجی گفته می شود.

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

شبکه تصاویر

گالری عکس

اشتراک گذاری:

مشاهده نمونه های بیشتر

2 خرداد 1402

راهنمای جامع طراحی سایت فروشگاهی

این راهنما شما را با دانش و استراتژی های مورد نیاز طراحی سایت فروشگاهی استثنایی مجهز می کند. برای کشف قدرت طراحی در فروش آنلاین و ایجاد یک برند دیجیتال موفق آماده شوید.

31 اردیبهشت 1402

تایپوگرافی چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

با استفاده از قدرت تایپوگرافی، طراحان می توانند تجربیات دیجیتالی فریبنده و فراموش نشدنی ایجاد کنند که مجذوب، اطلاع رسانی و تأثیر ماندگاری بر روی کاربران می شود. در این مقاله قصد داریم به صورت کامل مفهموم تایپوگرافی در طراحی سایت را برای شما شرح دهیم.

25 اردیبهشت 1402

طرح رنگ چیست و چگونه از آن در طراحی سایت استفاده کنیم؟

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