برنامهنویس:
هزینه سفارش:
قیمت اصلی: ۳۳۹,۰۰۰ تومان بود.۱۳۶,۰۰۰ تومانقیمت فعلی: ۱۳۶,۰۰۰ تومان.
تخصصی و منحصر به فرد بودن این اثر، تضمین کننده بهای محصول نسبت به آثار مشابه است.
طراحی واسط کاربری یا UI Design به طراحی بخشهای قابل مشاهده و قابل تعامل یک وبسایت یا اپلیکیشن گفته میشود. در یک سایت سفارش غذا، مواردی مانند نمایش محصولات، معرفی پیتزاها، انتخاب غذا، سبد خرید، ورود کاربران و پرداخت باید با ظاهری ساده، قابلفهم و جذاب طراحی شوند.
در این پروژه، ظاهر یک وبسایت پیتزا و سفارش آنلاین غذا بهصورت گرافیکی طراحی شده است. این فایل میتواند بهعنوان نمونه اولیه یا Prototype برای پیادهسازی واقعی سایت با HTML، CSS، JavaScript، PHP، وردپرس یا سایر فناوریهای طراحی وب استفاده شود.
Adobe XD نرمافزاری برای طراحی رابط کاربری و تجربه کاربری است. با استفاده از این نرمافزار میتوان ظاهر سایتها، اپلیکیشنهای موبایل، فروشگاههای اینترنتی، داشبوردها و نمونههای اولیه تعاملی را طراحی کرد.
فایلهای Adobe XD با پسوند .xd ذخیره میشوند و امکان ویرایش لایهها، رنگها، تصاویر، نوشتهها، دکمهها و کامپوننتها را فراهم میکنند.
در این پروژه، صفحات سایت پیتزا در محیط Adobe XD طراحی شدهاند تا کاربر بتواند آنها را مشاهده، ویرایش و شخصیسازی کند.
مهمترین ویژگیهای قالب رابط کاربری سایت پیتزا عبارتاند از:
.xdاین محصول شامل دو فایل مجزای Adobe XD است:
در این فایل، طراحی صفحات سایت برای نمایش در لپتاپ و کامپیوترهای رومیزی انجام شده است.
در فایل دوم، همان رابط کاربری با ابعاد و ساختار مناسب نمایشگر موبایل طراحی شده است.
وجود هر دو نسخه به کاربران کمک میکند تفاوت طراحی واکنشگرا و نحوه چیدمان عناصر رابط کاربری در نمایشگرهای مختلف را بهتر بررسی کنند.
در این پروژه، صفحات اصلی موردنیاز یک سایت سفارش غذا و پیتزا طراحی شدهاند.
صفحه نخست بهعنوان ورودی اصلی سایت طراحی شده و میتواند شامل معرفی برند، پیتزاهای ویژه، پیشنهادها، دستهبندی محصولات و بخشهای تبلیغاتی باشد.
در این بخش، لیست پیتزاها و سایر محصولات سایت نمایش داده میشود. هر محصول میتواند شامل تصویر، نام، قیمت و اطلاعات کوتاه باشد.
این صفحه برای نمایش جزئیات هر محصول طراحی شده است؛ مانند تصویر پیتزا، نام، توضیحات، قیمت و گزینه افزودن به سبد خرید.
بخشی برای نمایش مقالهها، آموزشها، نکات آشپزی یا محتوای مرتبط با غذا و پیتزا در نظر گرفته شده است.
در این صفحه، اطلاعات تماس، فرم ارتباط با مجموعه و سایر راههای ارتباطی با سایت نمایش داده میشود.
کاربر در این بخش میتواند محصولاتی را که برای خرید انتخاب کرده است، مشاهده و مدیریت کند.
این صفحه برای ادامه فرآیند ثبت سفارش و نهاییکردن خرید طراحی شده است.
برای ورود کاربران به حساب کاربری، یک صفحه ورود در طراحی قالب وجود دارد.
این صفحه مسیر نهایی پرداخت سفارش را در طراحی رابط کاربری نشان میدهد.
پس از تهیه محصول، یک فایل فشرده در اختیار شما قرار میگیرد که شامل موارد زیر است:
.xdتمامی بخشهای این قالب در Adobe XD قابلویرایش هستند. پس از باز کردن فایل در نرمافزار، میتوانید تغییرات دلخواه خود را اعمال کنید.
نمونههایی از تغییرات قابل انجام:
این قالب به دلیل طراحی ساده، منظم و قابل ارائه، انتخاب مناسبی برای دانشجویان رشته کامپیوتر و درس طراحی واسط کاربری است.
بهجای طراحی تمامی صفحات از ابتدا، میتوانید از قالب آماده استفاده کرده و بخشهای آن را مطابق پروژه خود تغییر دهید.
با بررسی طراحی این قالب، میتوانید با چیدمان معمول صفحههای فروش غذا، نمایش محصول، سبد خرید، ورود کاربران و پرداخت آشنا شوید.
وجود دو نسخه مجزا کمک میکند نحوه سازگاری طراحی در دستگاههای مختلف و تفاوتهای رابط کاربری دسکتاپ و موبایل را بهتر درک کنید.
میتوانید از این فایل بهعنوان طرح اولیه پیش از شروع کدنویسی سایت سفارش غذا یا پیتزا استفاده کنید.
این محصول برای گروههای زیر مناسب است:
پروژه طراحی واسط کاربری سایت پیتزا با Adobe XD یک قالب فارسی، مدرن و لایهباز برای طراحی ظاهر سایت سفارش پیتزا است. این محصول شامل ۱۷ Layout و بیش از ۳۰ Component بوده و در دو نسخه مستقل دسکتاپ و موبایل ارائه میشود.
صفحههای اصلی، محصولات، معرفی محصول، مقالات آشپزی، تماس با ما، سبد خرید، خرید محصول، ورود و پرداخت در این قالب طراحی شدهاند. فایلها با پسوند XD ارائه شده و در نرمافزار Adobe XD قابلویرایش هستند.
این محصول توسط تیم فنی پشتیبانی پیاستور تست و بازبینی شده و دارای نشان تضمین کیفیت پیاستور است.
این پروژه در محیط Adobe XD طراحی شده است.
فایلها با فرمت .xd ارائه میشوند.
این محصول شامل ۲ فایل XD است: یک فایل برای نسخه دسکتاپ و یک فایل برای نسخه موبایل.
پروژه دارای ۱۷ Layout و بیش از ۳۰ Component قابلویرایش است.
بله. فایلها بهصورت لایهباز طراحی شدهاند و میتوانید تمام اجزای آنها را در Adobe XD ویرایش کنید.
خیر. این محصول فقط طراحی رابط کاربری است و شامل کدنویسی، دیتابیس، سیستم سفارش واقعی یا درگاه پرداخت نیست.
خیر. فایل XD بهصورت مستقیم روی وردپرس، جوملا یا سایر سیستمهای مدیریت محتوا نصب نمیشود. برای استفاده عملی، ابتدا باید طراحی به قالب یا وبسایت کدنویسیشده تبدیل شود.
بله. این قالب برای درس طراحی واسط کاربری، آزمایشگاه طراحی رابط کاربری، تمرین UI/UX و پروژه پایانترم دانشجویان مناسب است.
| نام اثر: | پروژه طراحی واسط کاربری سایت پیتزا با Adobe XD |
| نوع اثر: | سورس کد |
| برنامهنویس: | حانیه حیدریان |
| فرمت فایل: | xd. |
| حجم فایل: | 17.6 مگابایت |
| قابل اجرا در: | Adobe XD |
| ویژگی: | دارای قابلیت ویرایش |
حانیه حیدریان کارشناس رشته مهندسی حرفهای کامپیوتر گرایش نرم افزار از دانشگاه مشهد هستند. ایشان علاقه مند به حوزه برنامه نویسی فرانت اند بوده و در زمینه شبکه های کامپیوتری نیز فعالیت دارند.
هزینه سفارش:
قیمت اصلی: ۳۳۹,۰۰۰ تومان بود.۱۳۶,۰۰۰ تومانقیمت فعلی: ۱۳۶,۰۰۰ تومان.
نظرات
فاطمه اسماعیلی
نظرات و دیدگاه های خود را با ما درمیان بگذارید.