طراحی وب

مقدمه طراحی وب یا وب دیزاین:

طراحی وب به جنبه های بصری و قالب وب سایت مربوط می شود. طراحی وب (Web Design) با مفهوم توسعه وب (Web Development) گره خورده است. حتی اگر شما خودتان را یک فرد خلاق تصور نمی کنید، پیشنهاد می شود طراحی وب را یاد بگیرید. چه بخواهید یک وب سایت استاتیک طراحی کنید و چه یک وب اپلیکیشن داینامیک، طراحی قالب وب سایت یک امر ضروری است.

لزوم طراحی مناسب وب سایت:

دیزاین سایت اولین چیزی است که کاربران پس از ورود به هر وب سایتی با آن مواجه می شوند. اگر دیزاین به اندازه کافی مناسب و بهینه نباشد، کاربران از آن وب سایت خارج خواهند شد. مسلما شما نمی خواهید وب سایتی طراحی کنید که باعث نا امیدی و نارضایتی کاربران شود!

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

 

فرآیند طراحی وب سایت:

روند طراحی سایت با طراحی قالب روی کاغذ (sketch) یا توسط نرم افزارهای مربوطه مانند فتوشاپ آغاز می شود. سپس قالب طراحی شده روی کاغذ یا فتوشاپ را به کدهای css و html تبدیل می کنیم. صفحات وب با کدنویسی HTML-CSS طراحی می شوند. HTML برای ایجاد ساختار و اسکلت بندی صفحات وب بکار می رود و CSS برای استایل دهی به این ساختار است.

 

طراحی ریسپانسیو قالب وب سایت:

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

 

در دسته بندی “طراحی وب” مقالات و تکنیک هایی در زمینه طراحی وب سایت را ارائه می دهیم. مانند: آموزش طراحی صفحات تماس با ما و صفحه اصلی سایت، تکنیک فضای خالی در طراحی وب، طراحی قالب پارالاکس و…

آموزش کامل پیش‌پردازنده LESS

آموزش کامل پیش‌پردازنده LESS

آموزش کامل پیش‌پردازنده LESS » در این مقاله ، زبان شیوه نامه LESS را معرفی کرده و کار با برنامه winless و فایل less.min.js و mixin ها را آموزش می دهیم.

آموزش Sass – نصب، تعریف متغیر، عملگر، پارشیال و میکسین

آموزش Sass – نصب، تعریف متغیر، عملگر، پارشیال و میکسین

آموزش Sass - نصب، تعریف متغیر، عملگر، پارشیال و میکسین » در این مقاله، SASS را معرفی کرده و تعریف متغیر، عملگر، تو در تو نویسی، ارث بری، میکسین را می گوییم

مثال‌های SASS و کامپایل آن به CSS – بخش اول

مثال‌های SASS و کامپایل آن به CSS – بخش اول

مثال‌های SASS و کامپایل آن به CSS - بخش اول » در این مقاله، 29 مثال کاربردی از SASS را بررسی خواهیم کرد. مانند: تودرتو نویسی، import کردن، پارشیال ها و...

مثال‌های SASS و کامپایل آن به CSS – بخش دوم

مثال‌های SASS و کامپایل آن به CSS – بخش دوم

مثال‌های SASS و کامپایل آن به CSS - بخش دوم » مثال هایی از زبان sass در زمینه extend ، at-root ، دستور شرطی if و حلقه های شرطی while و... خواهیم دید.

۵ ویژگی‌ مهم یک صفحه فرود (Landing Page)

۵ ویژگی‌ مهم یک صفحه فرود (Landing Page)

5 ویژگی‌ مهم یک صفحه فرود (Landing Page) » در این مقاله، 5 ویژگی مهم یک صفحه فرود عالی (great landing-page) را بیان خواهیم کرد. مانند: دکمه call to action

دلایل اهمیت فعال‌سازی HTTPS برای وب‌سایت

دلایل اهمیت فعال‌سازی HTTPS برای وب‌سایت

دلایل اهمیت فعال‌سازی HTTPS برای وب‌سایت : در این مقاله، 5 دلیل مهم برای استفاده از HTTPS در دامین وب سایت را معرفی و بررسی می کنیم. مانند: مناسب بودن HTTPS برای جستجو، بهینه بودن HTTPS برای کاربران و امکان سریع سازی صفحات موبایل: AMP-Accelerated Mobile Pages

اهمیت متا تگ ها در سئوی وب‌سایت

اهمیت متا تگ ها در سئوی وب‌سایت

اهمیت متا تگ ها در سئوی وب‌سایت » در این مقاله انواع متاتگ ها را معرفی کرده و نحوه تعریف هر یک را بررسی می کنیم و تاثیر آنها بر سئوی سایت را بیان می کنیم

۱۰ هدر و فوتر زیبا برای فریم‌ورک بوت‌استرپ

۱۰ هدر و فوتر زیبا برای فریم‌ورک بوت‌استرپ

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

آموزش ذخیره اطلاعات توسط Web Storage در HTML5

آموزش ذخیره اطلاعات توسط Web Storage در HTML5

آموزش ذخیره اطلاعات توسط Web Storage در HTML5 » در این مقاله، قابلیت web storage موجود در html5 را معرفی و بررسی می کنیم. انواع web storage عبارتند از: local storage و session storage.

آموزش طراحی وب‌سایت پارالاکس Parallax

آموزش طراحی وب‌سایت پارالاکس Parallax

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

آموزش Flexbox در طراحی سایت

آموزش Flexbox در طراحی سایت

آموزش Flexbox در طراحی سایت : در این مقاله آموزشی، خاصیت FlexBox را در css برای طراحی قالب وب سایت آموزش می دهیم. معرفی خاصیت FlexBox و فواید آن، تبدیل ستون به Flexbox Container، تبدیل باکس خبر به Flex Container، افزودن چند ستون تو در تو و طراحی واکنش‌گرا توسط FlexBox.

آموزش طراحی صفحه تماس‌باما Contact us

آموزش طراحی صفحه تماس‌باما Contact us

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

آموزش اعتبارسنجی HTML5 توسط اتریبیوت Pattern

آموزش اعتبارسنجی HTML5 توسط اتریبیوت Pattern

آموزش اعتبارسنجی HTML5 توسط اتریبیوت Pattern : در این مقاله، درباره اعتبارسنجی-validation و اتریبیوت pattern در HTML5 صحبت خواهیم کرد.

فرمت اتوماتیک برای ورودی کاربر در فرم

فرمت اتوماتیک برای ورودی کاربر در فرم

فرمت اتوماتیک برای ورودی کاربر در فرم : در این مقاله، با نحوه فرمت دهی به فیلد شماره سریال-serial number، واحد پولی و نیز تاریخ-date آشنا می شویم. سورس کد مثال های این مقاله را در وب سایت codePen قابل مشاهده و ویرایش می باشند.

۲۰ تکنیک برای نوشتن کدهای CSS پیشرفته

۲۰ تکنیک برای نوشتن کدهای CSS پیشرفته

20 تکنیک برای نوشتن کدهای CSS پیشرفته : در این مقاله، تکنیک هایی برای نوشتن پیشرفته CSS را آموزش می دهیم. مانند: استفاده از Flexbox، CSS reset، خاصیت border-box، خاصیت border-collapse، ایجاد انیمیشن css توسط transform، کدهای فشرده CSS (Minified)، استفاده از وب سایت Caniuse.com و غیره...

معرفی متاتگ اپن گراف یا open graph

معرفی متاتگ اپن گراف یا open graph

معرفی متاتگ اپن گراف یا open graph : در این مقاله، متا تگ های og یا open graph را معرفی کرده و دلیل استفاده از آنها را بیان می کنیم. انواع متاتگ های اپن گراف عبارتند از: متاتگ Content Type، متاتگ Url، متاتگ Title، متاتگ توضیحات، متاتگ تصویر، متاتگ نام سایت، متا تگ نویسنده مقاله و غیره

ویژگی‌های مشترک لوگوهای شرکتی موفق

ویژگی‌های مشترک لوگوهای شرکتی موفق

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

نحوه ثبت وب‌سایت در گوگل و دلایل اهمیت آن

نحوه ثبت وب‌سایت در گوگل و دلایل اهمیت آن

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

همه چیز درباره SSL و نحوه ایمن‌سازی وب‌سایت

همه چیز درباره SSL و نحوه ایمن‌سازی وب‌سایت

همه چیز درباره SSL و نحوه ایمن‌سازی وب‌سایت » سرفضل های این مقاله عبارتند از: مفهوم SSL، فواید SSL برای سئو، احتمال هک‌شدن وب سایت http، نحوه هک‌شدن سایت بدون SSL، نحوه ایمن‌سازی سایت HTTPS و غیره...

معرفی کلیدهای میانبر فتوشاپ photoshop

معرفی کلیدهای میانبر فتوشاپ photoshop

معرفی کلیدهای میانبر فتوشاپ photoshop » در این مقاله آموزشی، ۶۵ کلید میانبر فتوشاپ برای صرفه جویی در زمان و دلایل اهمیت استفاده از آنها را بیان می کنیم.

تگ alt تصاویر وب‌سایت چیست؟

تگ alt تصاویر وب‌سایت چیست؟

تگ alt تصاویر وب‌سایت چیست؟ » در این مقاله، متن جایگزین (Alt text) تصاویر در وب سایت را معرفی می کنیم و کاربردها و نحوه تعریف آن و تاثیر آن بر سئوی سایت را بیان می کنیم. دلایل اهمیت تعریف تگ alt را نیز بیان خواهیم کرد و در نهایت نمونه هایی کاربردی برای نحوه تعریف تگ alt تصاویر مختلف را خواهیم دید.

تگ کنونیکال چیست و چه کاربردی دارد؟

تگ کنونیکال چیست و چه کاربردی دارد؟

تگ کنونیکال چیست و چه کاربردی دارد؟ » در این مقاله آموزشی، تگ کنونیکال (Canonical Tag) را معرفی کرده و نحوه تعریف آن را در صفحات وب آموزش می دهیم. اهمیت تعریف تگ کنونیکال در صفحه اصلی سایت را بیان می کنیم. تگ های canonical داینامیک را بررسی می کنیم، تگ Canonical با ریدایرکت 301 مقایسه می کنیم.

معرفی بهترین فریم‌ورک‌های متریال دیزاین

معرفی بهترین فریم‌ورک‌های متریال دیزاین

معرفی بهترین فریم‌ورک‌های متریال دیزاین » در این مقاله آموزشی، 16 کتابخانه و فریم ورک برای طراحی متریال را معرفی می کنیم. مانند: foundation، Material Design Lite، Materialize، Material-UI، MUI CSS، Polymer، Ionic Material، Material Foundation، Surface، Essence، Angular Material و غیره

استفاده از تکنیک فضای خالی در طراحی وب‌سایت

استفاده از تکنیک فضای خالی در طراحی وب‌سایت

استفاده از تکنیک فضای خالی در طراحی وب‌سایت » در این مقاله، تکنیک فضای خالی در طراحی وب سایت را معرفی کرده و دلایل اهمیت استفاده از آن را بیان می کنیم.

آموزش فریم‌ورک Foundation-بخش۱-معرفی و مقدمه

آموزش فریم‌ورک Foundation-بخش۱-معرفی و مقدمه

آموزش فریم‌ورک Foundation-بخش1-معرفی و مقدمه » در این مقاله، فریم ورک فاندیشن foundation را معرفی می کنیم و نحوه دانلود و شروع کار را خواهیم آموخت. همچنین ویژگی‌های اختصاصی فریم‌ورک فاندیشن را بیان کرده و وب سایت های معتبر و معروفی که از این فریم ورک بهره برده اند را معرفی می کنیم.

آموزش فریم‌ورک Foundation-بخش۲-سیستم گرید

آموزش فریم‌ورک Foundation-بخش۲-سیستم گرید

آموزش فریم‌ورک Foundation-بخش2-سیستم گرید » آموزش سیستم گرید فریم ورک فاندیشن (Foundation grid system) بهمراه معرفی پلاگین اسلایدر اوربیت orbit

آموزش فریم‌ورک Foundation-بخش۳-منو Navigation

آموزش فریم‌ورک Foundation-بخش۳-منو Navigation

آموزش فریم‌ورک Foundation-بخش3-منو Navigation » در این مقاله پلاگین section ، منوی کناری side nav ، زیر منو sub nav را بررسی خواهیم کرد. همچنین اتریبیوت data-section، لینک‌دهی عمقی (Deep Linking)، Sub Nav در فریم ورک فاندیشن، صفحه بندی (Pagination) و نکات صفحه‌بندی در المان pagination را بررسی می کنیم

آموزش فریم‌ورک Foundation-بخش۴-نوار بالا top bar

آموزش فریم‌ورک Foundation-بخش۴-نوار بالا top bar

آموزش فریم‌ورک Foundation-بخش4-نوار بالا top bar » در این مقاله، منوی واقع در نوار بالا (top bar) را بررسی می کنیم و مثال های کاربردی را بیان می کنیم. سرفصلها: افزودن لینک های والد (Adding Parent Links)، افزودن زیرمنو (Adding Submenu)، افزودن باکس جستجو (Adding Search Input) و...

آموزش فریم‌ورک Foundation-بخش۵-سفارشی‌سازی منو

آموزش فریم‌ورک Foundation-بخش۵-سفارشی‌سازی منو

آموزش فریم‌ورک Foundation-بخش5-سفارشی‌سازی منو » نحوه شخصی سازی منوی افقی اصلی (Top Bar Customization) را آموزش می دهیم. شامل تعریف کدهای HTML و CSS دلخواه برای منو و نشانه‌گذاری نوار بالا (Top bar markup) و تنظیمات مدیا کوئری (Setting up the Media Query) و...

آموزش فریم‌ورک Foundation-بخش۶-دکمه و لیست بازشو

آموزش فریم‌ورک Foundation-بخش۶-دکمه و لیست بازشو

آموزش فریم‌ورک Foundation-بخش6-دکمه و لیست بازشو » در این مقاله آموزشی، المان های دکمه و گروه دکمه‌ها (button groups)، نوارهای دکمه (Button Bars)، لیست بازشو و پلاگین clearing را بررسی می کنیم.

آموزش فریم‌ورک Foundation-بخش۷-فرم سفارشی

آموزش فریم‌ورک Foundation-بخش۷-فرم سفارشی

آموزش فریم‌ورک Foundation-بخش7-فرم سفارشی » در این مقاله، طراحی فرم‌های سفارشی در فریم‌ورک فاندیشن و نیز نحوه سفارشی کردن فرم تماس را آموزش می دهیم.

آموزش فریم‌ورک Foundation-بخش۸-alert-tooltip

آموزش فریم‌ورک Foundation-بخش۸-alert-tooltip

آموزش فریم‌ورک Foundation-بخش8-alert-tooltip » در این مقاله، المان های alert و progress و chart.js و tooltip و ریست کردن فرم را در فاندیشن آموزش می دهیم.

آموزش فریم‌ورک Foundation-بخش۹-جدول،پنل

آموزش فریم‌ورک Foundation-بخش۹-جدول،پنل

آموزش فریم‌ورک Foundation-بخش9-جدول،پنل » در این مقاله، المان های جدول (table)، پنل (panel)، جدول قیمت (Price Tables) و پلاگین Joyride را معرفی می کنیم.

آموزش فریم‌ورک Foundation-بخش۱۰-منو،ویدیو،تصویر

آموزش فریم‌ورک Foundation-بخش۱۰-منو،ویدیو،تصویر

آموزش فریم‌ورک Foundation-بخش10-منو،ویدیو،تصویر » در این مقاله، منوی چسبنده (sticky navigation)، ویدیوی ریسپانسیو، تصاویر بندانگشتی و... را آموزش می دهیم.

انتخاب تصویر بگ‌گراند مناسب برای وب‌سایت

انتخاب تصویر بگ‌گراند مناسب برای وب‌سایت

انتخاب تصویر بگ‌گراند مناسب برای وب‌سایت » در این مقاله، معیارهای انتخاب یک تصویر پس زمینه یا بک گراند (background image) مناسب وب سایت را بیان می کنیم.

آشنایی با متا تگ viewport و تنظیمات آن

آشنایی با متا تگ viewport و تنظیمات آن

آشنایی با متا تگ viewport و تنظیمات آن » در این مقاله، به معرفی متاتگ viewport و دلیل استفاده از viewport در صفحات وب و نحوه تنظیمات آن خواهیم پرداخت.

۹ افزونه موزیلا فایرفاکس برای طراحان وب

۹ افزونه موزیلا فایرفاکس برای طراحان وب

9 افزونه موزیلا فایرفاکس برای طراحان وب » در این مقاله، 9 ابزار و افزونه کاربردی مرورگر فایرفاکس را معرفی می کنیم شامل: ruler، screenshot، CSS grid و...

استفاده از سایز فونت خوانا در طراحی وب‌سایت

استفاده از سایز فونت خوانا در طراحی وب‌سایت

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

آموزش مدیا کوئری‌ در CSS برای طراحی واکنش‌گرا

آموزش مدیا کوئری‌ در CSS برای طراحی واکنش‌گرا

آموزش مدیا کوئری‌ در CSS برای طراحی واکنش‌گرا » در این مقاله، مدیا کوئری ها را معرفی کرده و نحوه استفاده از آنها را در یک سایت ریسپانسیو بیان می کنیم.

نحوه فشرده‌سازی فایل‌های CSS و اهمیت آن

نحوه فشرده‌سازی فایل‌های CSS و اهمیت آن

نحوه فشرده‌سازی فایل‌های CSS و اهمیت آن » در این مقاله، دلایل فشرده سازی و کوچک کردن فایل های CSS و نیز روش های فشرده کردن فایل CSS را آموزش می دهیم.

ترتیب استایل‌های CSS و اسکریپت‌های JS

ترتیب استایل‌های CSS و اسکریپت‌های JS

ترتیب استایل‌های CSS و اسکریپت‌های JS » در این مقاله، ترتیب استایل های css و اسکریپت های javascript را بیان می کنیم و دلیل اهمیت ترتیب آنها را می گوییم.

ادغام تصاویر توسط تکنیک CSS Sprites

ادغام تصاویر توسط تکنیک CSS Sprites

ادغام تصاویر توسط تکنیک CSS Sprites » در این مقاله، نحوه استفاده از تکنیک css sprites به منظور ترکیب یا ادغام تصاویر در قالب وب سایت را آموزش می دهیم.

فایل htaccess و نحوه استفاده از آن

فایل htaccess و نحوه استفاده از آن

فایل htaccess و نحوه استفاده از آن » در این مقاله، فایل htaccess را معرفی کرده و نحوه ویرایش آن و محل قرارگیری آنرا در سرورهای مختلف مشخص خواهیم کرد.

مفهوم HTTP در دنیای وب

مفهوم HTTP در دنیای وب

مفهوم HTTP در دنیای وب » در این مقاله، پروتکل http را معرفی کرده و نحوه تبادل فایل بین مرورگر و سرور را بیان کرده و نمونه ای از درخواست/پاسخ http را میگوییم

معرفی فرمت SVG و نحوه استفاده از آن در وب

معرفی فرمت SVG و نحوه استفاده از آن در وب

معرفی فرمت SVG و نحوه استفاده از آن در وب » در این مقاله، تصاویر با فرمت svg را معرفی کرده و نحوه طراحی خط، مستطیل، دایره و چندضلعی را با svg آموزش می دهیم.

آموزش رفع مشکل Render Blocking CSS

آموزش رفع مشکل Render Blocking CSS

آموزش رفع مشکل Render Blocking CSS » در این مقاله، خطای Render blocking CSS را تعریف کرده و برای رفع این مشکل، راهکارهایی را ارائه می دهیم.

راهنمای استفاده از تگ‌های معنایی در HTML5

راهنمای استفاده از تگ‌های معنایی در HTML5

راهنمای استفاده از تگ‌های معنایی در HTML5 » در این مقاله، تگ های معنایی یا semantic tags را معرفی کرده و نحوه طراحی قالب سایت را با این تگ ها آموزش می دهیم.

نکات و ترفندهای طراحی قالب ریسپانسیو در سال ۲۰۱۸

نکات و ترفندهای طراحی قالب ریسپانسیو در سال ۲۰۱۸

نکات و ترفندهای طراحی قالب ریسپانسیو در سال 2018 » در این مقاله، 12 نکته در زمینه طراحی ریسپانسیو قالب وب سایت را که در سال 2018 اهمیت دارند معرفی می کنیم.

تفاوت رابط کاربری (UI) و تجربه کاربری (UX)

تفاوت رابط کاربری (UI) و تجربه کاربری (UX)

تفاوت رابط کاربری (UI) و تجربه کاربری (UX) » در این مقاله، مفاهیم رابط کاربری (UI) و تجربه کاربری (UX) را معرفی کرده و تفاوت آن دو را بررسی خواهیم کرد.

۱۰ اشتباه مرگبار در طراحی وب‌سایت

۱۰ اشتباه مرگبار در طراحی وب‌سایت

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

۵ ابزار ساده برای طراحی یک وب‌سایت

۵ ابزار ساده برای طراحی یک وب‌سایت

5 ابزار ساده برای طراحی یک وب‌سایت » در این مقاله، 5 ابزار محبوب و ساده را جهت ایجاد یک وب سایت زیبا و کاربردی معرفی خواهیم کرد. مانند: WIX و Jimdo و...

دکمه فراخوان عمل یا Call To Action و نحوه تعریف آن

دکمه فراخوان عمل یا Call To Action و نحوه تعریف آن

دکمه فراخوان عمل یا Call To Action و نحوه تعریف آن » 5 نکته در زمینه تعریف صحیح یک دکمه فراخوان عمل یا کال تو اکشن CALL TO ACTION یا CTA را بیان می کنیم.

لغت‌ نامه سئو: اصطلاحاتی که باید بدانید!

لغت‌ نامه سئو: اصطلاحاتی که باید بدانید!

لغت‌ نامه سئو: اصطلاحاتی که باید بدانید! » در این مقاله، لغت نامه سئو را خواهیم داشت. شامل لغات و اصطلاحات ضروری سئو و معانی آنها که باید بدانید.

معرفی بهترین دیزاین های صفحه اصلی سایت

معرفی بهترین دیزاین های صفحه اصلی سایت

معرفی بهترین دیزاین های صفحه اصلی سایت » در این مقاله، 15 مورد از بهترین طراحی های صفحات اصلی سایت را به همراه ویژگی های هر یک از آنها معرفی می کنیم.